wj-elements 0.7.7 → 0.8.0

package/dist/event.js

@@ -4,188 +4,72 @@ var __typeError = (msg) => {
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _Event_instances, dispatch_fn;
-var self;
-class Event {
+var _instances, e_fn, _a;
+var e;
+let t = new (_a = class {
   constructor() {
-    __privateAdd(this, _Event_instances);
-    this.customEventWeakMap = /* @__PURE__ */ new WeakMap();
-    self = this;
+    __privateAdd(this, _instances);
+    this.customEventWeakMap = /* @__PURE__ */ new WeakMap(), e = this;
   }
-  /**
-   * Dispatch custom event to the element with the specified event name and detail.
-   * @param element
-   * @param event
-   * @param detail
-   */
-  dispatchCustomEvent(element, event2, detail) {
-    element.dispatchEvent(
-      new CustomEvent(event2, {
-        detail: detail || {
-          context: element,
-          event: self
-        },
-        bubbles: true,
-        composed: true,
-        cancelable: true
-      })
-    );
+  dispatchCustomEvent(t2, s, n) {
+    t2.dispatchEvent(new CustomEvent(s, { detail: n || { context: t2, event: e }, bubbles: true, composed: true, cancelable: true }));
   }
-  /**
-   * Find record by element in the storage.
-   * @param element
-   * @returns {*}
-   */
-  findRecordByElement(element) {
-    return this.customEventWeakMap.get(element);
+  findRecordByElement(e2) {
+    return this.customEventWeakMap.get(e2);
   }
-  /**
-   * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.
-   * @param element
-   * @param originalEvent
-   * @param event
-   * @param listener
-   * @param options
-   */
-  addListener(element, originalEvent, event2, listener, options) {
-    if (!element) return;
-    if (!Array.isArray(element)) element = [element];
-    element.forEach((el) => {
-      this.writeRecord(el, originalEvent, event2, listener, options);
-    });
+  addListener(e2, t2, s, n, i) {
+    e2 && (Array.isArray(e2) || (e2 = [e2]), e2.forEach((e3) => {
+      this.writeRecord(e3, t2, s, n, i);
+    }));
   }
-  /**
-   * Write record to the storage.
-   * @param element
-   * @param originalEvent
-   * @param event
-   * @param listener
-   * @param options
-   */
-  writeRecord(element, originalEvent, event2, listener, options) {
-    let recordListeners = this.findRecordByElement(element);
-    if (!recordListeners) {
-      this.customEventWeakMap.set(element, {
-        [originalEvent]: []
-      });
-      recordListeners = this.findRecordByElement(element);
-    } else {
-      recordListeners[originalEvent] = recordListeners[originalEvent] || [];
-    }
-    listener = listener || __privateMethod(this, _Event_instances, dispatch_fn);
-    let obj = {
-      listener,
-      options,
-      event: event2
-    };
-    if (!this.isRecordExists(recordListeners[originalEvent], obj)) {
-      if (!this.listenerExists(recordListeners[originalEvent], obj)) {
-        element.addEventListener(originalEvent, listener, options);
-        obj.unbind = () => {
-          element.removeEventListener(originalEvent, listener, options);
-        };
-      }
-      recordListeners[originalEvent].push(obj);
-    }
+  writeRecord(e2, t2, s, n, i) {
+    let r = this.findRecordByElement(e2);
+    r ? r[t2] = r[t2] || [] : (this.customEventWeakMap.set(e2, { [t2]: [] }), r = this.findRecordByElement(e2));
+    let o = { listener: n = n || __privateMethod(this, _instances, e_fn), options: i, event: s };
+    this.isRecordExists(r[t2], o) || (this.listenerExists(r[t2], o) || (e2.addEventListener(t2, n, i), o.unbind = () => {
+      e2.removeEventListener(t2, n, i);
+    }), r[t2].push(o));
   }
-  /**
-   * Performs a deep equality check between two objects.
-   * @param x The first object to compare.
-   * @param y The second object to compare.
-   * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.
-   */
-  deepEqual(x, y) {
-    return x && y && typeof x === "object" && typeof x === typeof y ? Object.keys(x).length === Object.keys(y).length && Object.keys(x).every((key) => this.deepEqual(x[key], y[key])) : x === y;
+  deepEqual(e2, t2) {
+    return e2 && t2 && "object" == typeof e2 && typeof e2 == typeof t2 ? Object.keys(e2).length === Object.keys(t2).length && Object.keys(e2).every((s) => this.deepEqual(e2[s], t2[s])) : e2 === t2;
   }
-  /**
-   * Check if the listener already exists on the element.
-   * @param records
-   * @param eventObj
-   * @returns
-   */
-  listenerExists(records, eventObj) {
-    return records.some((e) => e.listener === eventObj.listener);
+  listenerExists(e2, t2) {
+    return e2.some((e3) => e3.listener === t2.listener);
   }
-  isRecordExists(records, eventObj) {
-    return records.some((e) => this.deepEqual(e, eventObj));
+  isRecordExists(e2, t2) {
+    return e2.some((e3) => this.deepEqual(e3, t2));
   }
-  /**
-   * Remove listener from the element and delete the listener from the custom event storage.
-   * @param element
-   * @param originalEvent
-   * @param event
-   * @param listener
-   * @param options
-   */
-  removeListener(element, originalEvent, event2, listener, options) {
-    let records = this.findRecordByElement(element);
-    let listeners = records == null ? void 0 : records[originalEvent];
-    listener = listener || __privateMethod(this, _Event_instances, dispatch_fn);
-    if (listeners) {
-      let listenerOfWeakMap = listeners.find((e) => e.listener === listener);
-      if (listenerOfWeakMap) {
-        listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);
-      }
-      if (!listeners.length) {
-        delete records[originalEvent];
-        element == null ? void 0 : element.removeEventListener(originalEvent, listener, options);
-      }
+  removeListener(e2, t2, s, n, i) {
+    let r = this.findRecordByElement(e2), o = r == null ? void 0 : r[t2];
+    if (n = n || __privateMethod(this, _instances, e_fn), o) {
+      let s2 = o.find((e3) => e3.listener === n);
+      s2 && o.splice(o.indexOf(s2), 1), o.length || (delete r[t2], e2 == null ? void 0 : e2.removeEventListener(t2, n, i));
     }
   }
-  /**
-   * Remove all event listeners from the specified element and delete the element from the custom event storage.
-   * @param {HTMLElement} element The element from which all listeners will be removed.
-   */
-  removeElement(element) {
-    let listeners = this.customEventWeakMap.get(element);
-    if (listeners) {
-      queueMicrotask(() => {
-        for (let event2 in listeners) {
-          listeners[event2].forEach((e) => {
-            element.removeEventListener(event2, e.listener, e.options);
-            e.unbind();
-          });
-        }
-        this.customEventWeakMap.delete(element);
+  removeElement(e2) {
+    let t2 = this.customEventWeakMap.get(e2);
+    t2 && queueMicrotask(() => {
+      for (let s in t2) t2[s].forEach((t3) => {
+        e2.removeEventListener(s, t3.listener, t3.options), t3.unbind();
       });
-    }
+      this.customEventWeakMap.delete(e2);
+    });
   }
-  // TODO
-  createPromiseFromEvent(element, event2) {
-    return new Promise((resolve) => {
-      let success = () => {
-        element.removeEventListener(event2, success);
-        resolve();
+  createPromiseFromEvent(e2, t2) {
+    return new Promise((s) => {
+      let n = () => {
+        e2.removeEventListener(t2, n), s();
       };
-      element.addEventListener(event2, success);
+      e2.addEventListener(t2, n);
     });
   }
-}
-_Event_instances = new WeakSet();
-/**
- * Dispatch event to the element and trigger the listener.
- * @param e
- */
-dispatch_fn = function(e) {
-  let element = this;
-  let record = self.customEventWeakMap.get(this);
-  if (!record) return;
-  let listeners = record[e.type];
-  listeners.forEach((listener) => {
-    self.dispatchCustomEvent(element, listener.event, {
-      originalEvent: (e == null ? void 0 : e.type) || null,
-      context: element,
-      event: self
-    });
-    if (listener.options && listener.options.stopPropagation === true) {
-      e.stopPropagation();
-      e.stopImmediatePropagation();
-      e.preventDefault();
-    }
+}, _instances = new WeakSet(), e_fn = function(t2) {
+  let s = this, n = e.customEventWeakMap.get(this);
+  n && n[t2.type].forEach((n2) => {
+    e.dispatchCustomEvent(s, n2.event, { originalEvent: (t2 == null ? void 0 : t2.type) || null, context: s, event: e }), n2.options && true === n2.options.stopPropagation && (t2.stopPropagation(), t2.stopImmediatePropagation(), t2.preventDefault());
   });
-};
-let event = new Event();
+}, _a)();
 export {
-  event
+  t as event
 };
 //# sourceMappingURL=event.js.map

package/dist/event.js.map

@@ -1 +1 @@
-{"version":3,"file":"event.js","sources":["../packages/utils/event.js"],"sourcesContent":["var self; // eslint-disable-line no-var\n\nclass Event {\n    constructor() {\n        this.customEventWeakMap = new WeakMap();\n        self = this;\n    }\n\n    /**\n     * Dispatch event to the element and trigger the listener.\n     * @param e\n     */\n    #dispatch(e) {\n        let element = this;\n        // let record = self.findRecordByElement(element);\n        let record = self.customEventWeakMap.get(this);\n\n        if (!record) return;\n\n        let listeners = record[e.type];\n\n        listeners.forEach((listener) => {\n            self.dispatchCustomEvent(element, listener.event, {\n                originalEvent: e?.type || null,\n                context: element,\n                event: self,\n            });\n\n            if (listener.options && listener.options.stopPropagation === true) {\n                e.stopPropagation();\n                e.stopImmediatePropagation();\n                e.preventDefault();\n            }\n        });\n    }\n\n    /**\n     * Dispatch custom event to the element with the specified event name and detail.\n     * @param element\n     * @param event\n     * @param detail\n     */\n    dispatchCustomEvent(element, event, detail) {\n        element.dispatchEvent(\n            new CustomEvent(event, {\n                detail: detail || {\n                    context: element,\n                    event: self,\n                },\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n    }\n\n    /**\n     * Find record by element in the storage.\n     * @param element\n     * @returns {*}\n     */\n\n    findRecordByElement(element) {\n        return this.customEventWeakMap.get(element);\n    }\n\n    /**\n     * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    addListener(element, originalEvent, event, listener, options) {\n        if (!element) return;\n\n        if (!Array.isArray(element)) element = [element];\n\n        element.forEach((el) => {\n            this.writeRecord(el, originalEvent, event, listener, options);\n        });\n    }\n\n    /**\n     * Write record to the storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    writeRecord(element, originalEvent, event, listener, options) {\n        let recordListeners = this.findRecordByElement(element);\n\n        if (!recordListeners) {\n            this.customEventWeakMap.set(element, {\n                [originalEvent]: [],\n            });\n\n            recordListeners = this.findRecordByElement(element);\n        } else {\n            recordListeners[originalEvent] = recordListeners[originalEvent] || [];\n        }\n\n        listener = listener || this.#dispatch;\n        let obj = {\n            listener: listener,\n            options: options,\n            event: event,\n        };\n\n        // skontrolujeme ci uz tento listener neexistuje\n        if (!this.isRecordExists(recordListeners[originalEvent], obj)) {\n            if (!this.listenerExists(recordListeners[originalEvent], obj)) {\n                element.addEventListener(originalEvent, listener, options);\n                obj.unbind = () => {\n                    element.removeEventListener(originalEvent, listener, options);\n                };\n            }\n\n            recordListeners[originalEvent].push(obj);\n\n        } else {\n            // in case we want to add the same listener multiple times trigger a warning for a better debugging\n            //console.info(\"Listener already exists\", element, originalEvent);\n        }\n    }\n\n    /**\n     * Performs a deep equality check between two objects.\n     * @param x The first object to compare.\n     * @param y The second object to compare.\n     * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.\n     */\n    deepEqual(x, y) {\n        return x && y && typeof x === 'object' && typeof x === typeof y\n            ? Object.keys(x).length === Object.keys(y).length &&\n            Object.keys(x).every((key) => this.deepEqual(x[key], y[key]))\n            : x === y;\n    }\n\n    /**\n     * Check if the listener already exists on the element.\n     * @param records\n     * @param eventObj\n     * @returns\n     */\n    listenerExists(records, eventObj) {\n        return records.some((e) => e.listener === eventObj.listener);\n    }\n\n    isRecordExists(records, eventObj) {\n        return records.some((e) => this.deepEqual(e, eventObj))\n    }\n\n    /**\n     * Remove listener from the element and delete the listener from the custom event storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    removeListener(element, originalEvent, event, listener, options) {\n        let records = this.findRecordByElement(element);\n        let listeners = records?.[originalEvent];\n        listener = listener || this.#dispatch;\n\n        if (listeners) {\n            let listenerOfWeakMap = listeners.find((e) => e.listener === listener);\n\n            if (listenerOfWeakMap) {\n                listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);\n            }\n\n            if (!listeners.length) {\n                delete records[originalEvent];\n                element?.removeEventListener(originalEvent, listener, options);\n            }\n        }\n    }\n\n    /**\n     * Remove all event listeners from the specified element and delete the element from the custom event storage.\n     * @param {HTMLElement} element The element from which all listeners will be removed.\n     */\n    removeElement(element) {\n        // remove all listeners from the element\n        let listeners = this.customEventWeakMap.get(element);\n        if (listeners) {\n            queueMicrotask(() => {\n                for (let event in listeners) {\n                    listeners[event].forEach((e) => {\n                        element.removeEventListener(event, e.listener, e.options);\n                        e.unbind();\n                    });\n                }\n\n                this.customEventWeakMap.delete(element);\n            });\n        }\n    }\n\n    // TODO\n    createPromiseFromEvent(element, event) {\n        return new Promise((resolve) => {\n            let success = () => {\n                element.removeEventListener(event, success);\n                resolve();\n            };\n\n            element.addEventListener(event, success);\n        });\n    }\n}\n\nlet event = new Event();\nexport { event };\n"],"names":["event"],"mappings":"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"}
+{"version":3,"file":"event.js","sources":["../packages/utils/event.js"],"sourcesContent":["var self; // eslint-disable-line no-var\n\nclass Event {\n    constructor() {\n        this.customEventWeakMap = new WeakMap();\n        self = this;\n    }\n\n    /**\n     * Dispatch event to the element and trigger the listener.\n     * @param e\n     */\n    #dispatch(e) {\n        let element = this;\n        // let record = self.findRecordByElement(element);\n        let record = self.customEventWeakMap.get(this);\n\n        if (!record) return;\n\n        let listeners = record[e.type];\n\n        listeners.forEach((listener) => {\n            self.dispatchCustomEvent(element, listener.event, {\n                originalEvent: e?.type || null,\n                context: element,\n                event: self,\n            });\n\n            if (listener.options && listener.options.stopPropagation === true) {\n                e.stopPropagation();\n                e.stopImmediatePropagation();\n                e.preventDefault();\n            }\n        });\n    }\n\n    /**\n     * Dispatch custom event to the element with the specified event name and detail.\n     * @param element\n     * @param event\n     * @param detail\n     */\n    dispatchCustomEvent(element, event, detail) {\n        element.dispatchEvent(\n            new CustomEvent(event, {\n                detail: detail || {\n                    context: element,\n                    event: self,\n                },\n                bubbles: true,\n                composed: true,\n                cancelable: true,\n            })\n        );\n    }\n\n    /**\n     * Find record by element in the storage.\n     * @param element\n     * @returns {*}\n     */\n\n    findRecordByElement(element) {\n        return this.customEventWeakMap.get(element);\n    }\n\n    /**\n     * Add listener to the element. If the element is an array, the listener will be added to all elements in the array.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    addListener(element, originalEvent, event, listener, options) {\n        if (!element) return;\n\n        if (!Array.isArray(element)) element = [element];\n\n        element.forEach((el) => {\n            this.writeRecord(el, originalEvent, event, listener, options);\n        });\n    }\n\n    /**\n     * Write record to the storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    writeRecord(element, originalEvent, event, listener, options) {\n        let recordListeners = this.findRecordByElement(element);\n\n        if (!recordListeners) {\n            this.customEventWeakMap.set(element, {\n                [originalEvent]: [],\n            });\n\n            recordListeners = this.findRecordByElement(element);\n        } else {\n            recordListeners[originalEvent] = recordListeners[originalEvent] || [];\n        }\n\n        listener = listener || this.#dispatch;\n        let obj = {\n            listener: listener,\n            options: options,\n            event: event,\n        };\n\n        // skontrolujeme ci uz tento listener neexistuje\n        if (!this.isRecordExists(recordListeners[originalEvent], obj)) {\n            if (!this.listenerExists(recordListeners[originalEvent], obj)) {\n                element.addEventListener(originalEvent, listener, options);\n                obj.unbind = () => {\n                    element.removeEventListener(originalEvent, listener, options);\n                };\n            }\n\n            recordListeners[originalEvent].push(obj);\n\n        } else {\n            // in case we want to add the same listener multiple times trigger a warning for a better debugging\n            //console.info(\"Listener already exists\", element, originalEvent);\n        }\n    }\n\n    /**\n     * Performs a deep equality check between two objects.\n     * @param x The first object to compare.\n     * @param y The second object to compare.\n     * @returns - Returns `true` if the objects are deeply equal, `false` otherwise.\n     */\n    deepEqual(x, y) {\n        return x && y && typeof x === 'object' && typeof x === typeof y\n            ? Object.keys(x).length === Object.keys(y).length &&\n            Object.keys(x).every((key) => this.deepEqual(x[key], y[key]))\n            : x === y;\n    }\n\n    /**\n     * Check if the listener already exists on the element.\n     * @param records\n     * @param eventObj\n     * @returns\n     */\n    listenerExists(records, eventObj) {\n        return records.some((e) => e.listener === eventObj.listener);\n    }\n\n    isRecordExists(records, eventObj) {\n        return records.some((e) => this.deepEqual(e, eventObj))\n    }\n\n    /**\n     * Remove listener from the element and delete the listener from the custom event storage.\n     * @param element\n     * @param originalEvent\n     * @param event\n     * @param listener\n     * @param options\n     */\n    removeListener(element, originalEvent, event, listener, options) {\n        let records = this.findRecordByElement(element);\n        let listeners = records?.[originalEvent];\n        listener = listener || this.#dispatch;\n\n        if (listeners) {\n            let listenerOfWeakMap = listeners.find((e) => e.listener === listener);\n\n            if (listenerOfWeakMap) {\n                listeners.splice(listeners.indexOf(listenerOfWeakMap), 1);\n            }\n\n            if (!listeners.length) {\n                delete records[originalEvent];\n                element?.removeEventListener(originalEvent, listener, options);\n            }\n        }\n    }\n\n    /**\n     * Remove all event listeners from the specified element and delete the element from the custom event storage.\n     * @param {HTMLElement} element The element from which all listeners will be removed.\n     */\n    removeElement(element) {\n        // remove all listeners from the element\n        let listeners = this.customEventWeakMap.get(element);\n        if (listeners) {\n            queueMicrotask(() => {\n                for (let event in listeners) {\n                    listeners[event].forEach((e) => {\n                        element.removeEventListener(event, e.listener, e.options);\n                        e.unbind();\n                    });\n                }\n\n                this.customEventWeakMap.delete(element);\n            });\n        }\n    }\n\n    // TODO\n    createPromiseFromEvent(element, event) {\n        return new Promise((resolve) => {\n            let success = () => {\n                element.removeEventListener(event, success);\n                resolve();\n            };\n\n            element.addEventListener(event, success);\n        });\n    }\n}\n\nlet event = new Event();\nexport { event };\n"],"names":["self","event","this","customEventWeakMap","WeakMap","element","detail","dispatchEvent","CustomEvent","context","bubbles","composed","cancelable","get","originalEvent","listener","options","Array","isArray","forEach","el","writeRecord","recordListeners","findRecordByElement","set","obj","isRecordExists","listenerExists","addEventListener","unbind","removeEventListener","push","x","y","Object","keys","length","every","key","deepEqual","records","eventObj","some","e","listeners","listenerOfWeakMap","find","splice","indexOf","queueMicrotask","delete","Promise","resolve","success","dispatch","record","type","dispatchCustomEvent","stopPropagation","stopImmediatePropagation","preventDefault"],"mappings":"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"}

package/dist/form-associated-element-BjeJn7j8.js

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import t from "./wje-element.js";
+import { event as e } from "./event.js";
+class i extends t {
+  constructor() {
+    super();
+  }
+  set name(t2) {
+    this.setAttribute("name", t2);
+  }
+  get name() {
+    return this.getAttribute("name");
+  }
+  get type() {
+    return this.getAttribute("type");
+  }
+  set required(t2) {
+    t2 ? this.setAttribute("required", "") : this.removeAttribute("required");
+  }
+  get required() {
+    return this.hasAttribute("required");
+  }
+  set invalid(t2) {
+    t2 ? this.setAttribute("invalid", "") : this.removeAttribute("invalid");
+  }
+  get invalid() {
+    return this.hasAttribute("invalid");
+  }
+  set disabled(t2) {
+    t2 ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
+  }
+  get disabled() {
+    return this.hasAttribute("disabled");
+  }
+  get form() {
+    return this.internals.form;
+  }
+  get validity() {
+    return this.internals.validity;
+  }
+  get validationMessage() {
+    return this.internals.validationMessage;
+  }
+  get willValidate() {
+    return this.internals.willValidate;
+  }
+  validate() {
+    const t2 = this.input.validity;
+    if (t2.valid) this.internals.setValidity({});
+    else for (let e2 in t2) {
+      const i2 = `message-${e2.toString()}`;
+      if (t2[e2]) {
+        this.validationError = e2.toString();
+        let t3 = this.message;
+        this.hasAttribute("message") || (t3 = this.hasAttribute(i2) ? this.getAttribute(i2) : this.input.validationMessage), this.internals.setValidity({ [this.validationError]: true }, t3, this.input);
+      }
+    }
+  }
+  propagateValidation(t2 = "invalid", i2 = {}) {
+    const s = this.internals;
+    this.invalid = !this.pristine && !s.validity.valid, this.invalid && e.dispatchCustomEvent(this, this.tagName.toLocaleLowerCase() + ":" + t2, i2);
+  }
+  showInvalidMessage() {
+    const t2 = this.internals, e2 = this.querySelector("[slot='error']");
+    let i2 = e2 == null ? void 0 : e2.querySelector("[error-message]");
+    if (!i2) {
+      const t3 = document.createElement("div");
+      t3.setAttribute("error-message", ""), e2 == null ? void 0 : e2.append(t3), i2 = t3;
+    }
+    i2.textContent = t2.validationMessage;
+  }
+  checkValidity() {
+    return this.validate(), this.internals.checkValidity();
+  }
+  formResetCallback() {
+    this.value = this.defaultValue, this.internals.setFormValue(this.defaultValue), this.internals.setValidity({});
+  }
+  formStateRestoreCallback(t2) {
+    this.value = t2.value, this.internals.setFormValue(t2.value), this.internals.setValidity({});
+  }
+  formStateSaveCallback() {
+    return { value: this.value };
+  }
+  formDisabledCallback(t2) {
+    var _a;
+    (_a = this.native) == null ? void 0 : _a.classList.toggle("disabled", t2), this.toggleAttribute("disabled", t2);
+  }
+  formAssociatedCallback() {
+    var _a;
+    this.form && (this.internals.setFormValue(this.value), (_a = this.form) == null ? void 0 : _a.addEventListener("submit", () => {
+      this.validate(), this.propagateValidation();
+    }));
+  }
+}
+__publicField(i, "formAssociated", true);
+export {
+  i as F
+};
+//# sourceMappingURL=form-associated-element-BjeJn7j8.js.map

package/dist/{form-associated-element-DEQ4y-jn.js.map → form-associated-element-BjeJn7j8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-associated-element-DEQ4y-jn.js","sources":["../packages/internals/form-associated-element.js"],"sourcesContent":["import { default as WJElement, event } from \"../wje-element/element.js\";\n\nexport class FormAssociatedElement extends WJElement {\n  static formAssociated = true;\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Sets the 'name' attribute to the given value.\n   * @param {string} value The new value for the 'name' attribute.\n   */\n  set name(value) {\n    this.setAttribute('name', value);\n  }\n\n  /**\n   * Getter for the name attribute.\n   * @returns {string} The name of the input.\n   */\n  get name() {\n    return this.getAttribute('name');\n  }\n\n  /**\n   * Getter for the type attribute.\n   * @returns {string} The type of the input.\n   */\n  get type() {\n    return this.getAttribute(\"type\");\n  }\n\n  /**\n   * Sets or removes the 'required' attribute on the element.\n   * @param {boolean} value If true, adds the 'required' attribute. If false, removes the 'required' attribute.\n   */\n  set required(value) {\n    if (value) {\n      this.setAttribute('required', '');\n    } else {\n      this.removeAttribute('required');\n    }\n  }\n\n  /**\n   * Checks if the 'required' attribute is present on the element.\n   * @returns {boolean} `true` if the 'required' attribute is set, otherwise `false`.\n   */\n  get required() {\n    return this.hasAttribute('required');\n  }\n\n  /**\n   * Setter for the invalid attribute.\n   * @param {boolean} isInvalid Whether the input is invalid.\n   */\n  set invalid(isInvalid) {\n    if (isInvalid) this.setAttribute('invalid', '');\n    else this.removeAttribute('invalid');\n  }\n\n  /**\n   * Getter for the invalid attribute.\n   * @returns {boolean} Whether the attribute is present.\n   */\n  get invalid() {\n    return this.hasAttribute('invalid');\n  }\n\n  /**\n   * Set checked attribute.\n   * @param {boolean} value true if the toggle is checked, false otherwise\n   */\n  set disabled(value) {\n    if (value) {\n      this.setAttribute('disabled', '');\n    } else {\n      this.removeAttribute('disabled');\n    }\n  }\n\n  /**\n   * Get disabled attribute value.\n   * @returns {boolean} true if the toggle is disabled, false otherwise\n   */\n  get disabled() {\n    return this.hasAttribute('disabled');\n  }\n\n  /**\n   * Retrieves the form element associated with this object.\n   * @returns {HTMLFormElement|null} The associated form element, or null if there isn't one.\n   */\n  get form() {\n    return this.internals.form;\n  }\n\n  /**\n   * Retrieves the validity state of the element by returning the validity object from the internal element.\n   * The validity object provides information on whether the element satisfies its validation constraints.\n   * @returns {ValidityState} The validity state object representing the element's validation constraints.\n   */\n  get validity() {\n    return this.internals.validity;\n  }\n\n  /**\n   * Retrieves the current validation message associated with the element.\n   * @returns {string} The validation message that describes why the element's value fails validity checks.\n   */\n  get validationMessage() {\n    return this.internals.validationMessage;\n  }\n\n  /**\n   * Indicates whether the element is a candidate for constraint validation.\n   * @returns {boolean} Returns true if the element will be validated during constraint validation, false otherwise.\n   */\n  get willValidate() {\n    return this.internals.willValidate;\n  }\n\n  /**\n   * Validates the input element associated with the component and updates its validity state\n   * and error messages based on the user's input and the current validation rules.\n   * @returns {void} This method does not return a value. It modifies the validity state\n   * internally and sets appropriate validation messages.\n   */\n  validate() {\n    const validState = this.input.validity;\n\n    if (!validState.valid) {\n      for (let state in validState) {\n        const attr = `message-${state.toString()}`;\n\n        if (validState[state]) {\n          this.validationError = state.toString();\n          let errorMessage = this.message;\n\n          // TODO this take error messages based on lang from operating system of user  should we implement custom translations based on app language ?\n          if (!this.hasAttribute('message'))\n            errorMessage = this.hasAttribute(attr) ? this.getAttribute(attr) : this.input.validationMessage;\n\n          this.internals.setValidity({ [this.validationError]: true }, errorMessage, this.input);\n        }\n      }\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  /**\n   * Propagates a validation event based on the validity state of the component.\n   *\n   * This method checks the validity status of the component and emits a custom\n   * event if the component is invalid. The event's name and additional details\n   * can be specified.\n   * @param {string} [eventName] The name of the event to dispatch when the component is invalid.\n   * @param {object} [detail] Additional detail to include in the dispatched event.\n   * @returns {void} This method does not return a value.\n   */\n  propagateValidation(eventName = 'invalid', detail = {}) {\n    const internals = this.internals;\n\n    this.invalid = !this.pristine && !internals.validity.valid;\n\n    if (this.invalid) {\n      event.dispatchCustomEvent(this, this.tagName.toLocaleLowerCase() + ':' + eventName, detail);\n    }\n  }\n\n  /**\n   * Displays an invalid message for the current element.\n   * If an error message element does not exist within the designated slot,\n   * it creates one and appends it to the slot. Updates the text content\n   * of the error message element with the validation message from the\n   * element's internals.\n   * @returns {void} This method does not return any value.\n   */\n  showInvalidMessage() {\n    const internals = this.internals;\n    const slot = this.querySelector(\"[slot='error']\");\n    let errorMessageEl = slot?.querySelector('[error-message]');\n\n    if (!errorMessageEl) {\n      const error = document.createElement('div');\n      error.setAttribute('error-message', '');\n      slot?.append(error);\n      errorMessageEl = error;\n    }\n\n    errorMessageEl.textContent = internals.validationMessage;\n  }\n\n  /**\n   * Checks the validity of the input by invoking custom validation logic\n   * and then verifying against internal validation rules.\n   * @returns {boolean} Returns true if the input is valid according to both custom validation and internal validation rules, otherwise false.\n   */\n  checkValidity() {\n    // zavolá tvoju vlastnú validáciu pred kontrolou internals\n    this.validate();\n    return this.internals.checkValidity();\n  }\n\n  /**\n   * Callback to handle the reset action for a form.\n   * Resets the value of the form control to its default value, updates the form value, and clears any validity states.\n   * @returns {void} Does not return a value.\n   */\n  formResetCallback() {\n    this.value = this.defaultValue;\n    this.internals.setFormValue(this.defaultValue);\n    this.internals.setValidity({});\n  }\n\n  /**\n   * Restores the form state by assigning the provided state value\n   * and updating the internal form value and validity.\n   * @param {object} state The state object containing the value to restore the form.\n   * @param {*} state.value The value to set for the form element.\n   * @returns {void} This method does not return any value.\n   */\n  formStateRestoreCallback(state) {\n    this.value = state.value;\n    this.internals.setFormValue(state.value);\n    this.internals.setValidity({});\n  }\n\n  /**\n   * Callback method to save the current state of a form.\n   * This method captures and returns the form's value property.\n   * @returns {object} An object containing the `value` property of the current form state.\n   */\n  formStateSaveCallback() {\n    return {\n      value: this.value\n    };\n  }\n\n  /**\n   * Toggles the disabled state of the component and updates corresponding attributes.\n   * @param {boolean} disabled Indicates whether the form should be marked as disabled.\n   * If true, the 'disabled' class is added, and the 'disabled' attribute is set.\n   * If false, both the class and attribute are removed.\n   * @returns {void}\n   */\n  formDisabledCallback(disabled) {\n    this.native?.classList.toggle('disabled', disabled);\n    this.toggleAttribute('disabled', disabled);\n  }\n\n  /**\n   * A lifecycle callback that is executed when the element is associated with a form.\n   * It updates the form's value field with the element's value and sets up an event\n   * listener to perform validation and propagate it whenever the form is submitted.\n   * @returns {void} Does not return any value.\n   */\n  formAssociatedCallback() {\n    if (this.form) {\n      this.internals.setFormValue(this.value);\n      this.form?.addEventListener('submit', () => {\n        this.validate();\n        this.propagateValidation();\n      });\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-associated-element-BjeJn7j8.js","sources":["../packages/internals/form-associated-element.js"],"sourcesContent":["import { default as WJElement, event } from \"../wje-element/element.js\";\n\nexport class FormAssociatedElement extends WJElement {\n  static formAssociated = true;\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Sets the 'name' attribute to the given value.\n   * @param {string} value The new value for the 'name' attribute.\n   */\n  set name(value) {\n    this.setAttribute('name', value);\n  }\n\n  /**\n   * Getter for the name attribute.\n   * @returns {string} The name of the input.\n   */\n  get name() {\n    return this.getAttribute('name');\n  }\n\n  /**\n   * Getter for the type attribute.\n   * @returns {string} The type of the input.\n   */\n  get type() {\n    return this.getAttribute(\"type\");\n  }\n\n  /**\n   * Sets or removes the 'required' attribute on the element.\n   * @param {boolean} value If true, adds the 'required' attribute. If false, removes the 'required' attribute.\n   */\n  set required(value) {\n    if (value) {\n      this.setAttribute('required', '');\n    } else {\n      this.removeAttribute('required');\n    }\n  }\n\n  /**\n   * Checks if the 'required' attribute is present on the element.\n   * @returns {boolean} `true` if the 'required' attribute is set, otherwise `false`.\n   */\n  get required() {\n    return this.hasAttribute('required');\n  }\n\n  /**\n   * Setter for the invalid attribute.\n   * @param {boolean} isInvalid Whether the input is invalid.\n   */\n  set invalid(isInvalid) {\n    if (isInvalid) this.setAttribute('invalid', '');\n    else this.removeAttribute('invalid');\n  }\n\n  /**\n   * Getter for the invalid attribute.\n   * @returns {boolean} Whether the attribute is present.\n   */\n  get invalid() {\n    return this.hasAttribute('invalid');\n  }\n\n  /**\n   * Set checked attribute.\n   * @param {boolean} value true if the toggle is checked, false otherwise\n   */\n  set disabled(value) {\n    if (value) {\n      this.setAttribute('disabled', '');\n    } else {\n      this.removeAttribute('disabled');\n    }\n  }\n\n  /**\n   * Get disabled attribute value.\n   * @returns {boolean} true if the toggle is disabled, false otherwise\n   */\n  get disabled() {\n    return this.hasAttribute('disabled');\n  }\n\n  /**\n   * Retrieves the form element associated with this object.\n   * @returns {HTMLFormElement|null} The associated form element, or null if there isn't one.\n   */\n  get form() {\n    return this.internals.form;\n  }\n\n  /**\n   * Retrieves the validity state of the element by returning the validity object from the internal element.\n   * The validity object provides information on whether the element satisfies its validation constraints.\n   * @returns {ValidityState} The validity state object representing the element's validation constraints.\n   */\n  get validity() {\n    return this.internals.validity;\n  }\n\n  /**\n   * Retrieves the current validation message associated with the element.\n   * @returns {string} The validation message that describes why the element's value fails validity checks.\n   */\n  get validationMessage() {\n    return this.internals.validationMessage;\n  }\n\n  /**\n   * Indicates whether the element is a candidate for constraint validation.\n   * @returns {boolean} Returns true if the element will be validated during constraint validation, false otherwise.\n   */\n  get willValidate() {\n    return this.internals.willValidate;\n  }\n\n  /**\n   * Validates the input element associated with the component and updates its validity state\n   * and error messages based on the user's input and the current validation rules.\n   * @returns {void} This method does not return a value. It modifies the validity state\n   * internally and sets appropriate validation messages.\n   */\n  validate() {\n    const validState = this.input.validity;\n\n    if (!validState.valid) {\n      for (let state in validState) {\n        const attr = `message-${state.toString()}`;\n\n        if (validState[state]) {\n          this.validationError = state.toString();\n          let errorMessage = this.message;\n\n          // TODO this take error messages based on lang from operating system of user  should we implement custom translations based on app language ?\n          if (!this.hasAttribute('message'))\n            errorMessage = this.hasAttribute(attr) ? this.getAttribute(attr) : this.input.validationMessage;\n\n          this.internals.setValidity({ [this.validationError]: true }, errorMessage, this.input);\n        }\n      }\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  /**\n   * Propagates a validation event based on the validity state of the component.\n   *\n   * This method checks the validity status of the component and emits a custom\n   * event if the component is invalid. The event's name and additional details\n   * can be specified.\n   * @param {string} [eventName] The name of the event to dispatch when the component is invalid.\n   * @param {object} [detail] Additional detail to include in the dispatched event.\n   * @returns {void} This method does not return a value.\n   */\n  propagateValidation(eventName = 'invalid', detail = {}) {\n    const internals = this.internals;\n\n    this.invalid = !this.pristine && !internals.validity.valid;\n\n    if (this.invalid) {\n      event.dispatchCustomEvent(this, this.tagName.toLocaleLowerCase() + ':' + eventName, detail);\n    }\n  }\n\n  /**\n   * Displays an invalid message for the current element.\n   * If an error message element does not exist within the designated slot,\n   * it creates one and appends it to the slot. Updates the text content\n   * of the error message element with the validation message from the\n   * element's internals.\n   * @returns {void} This method does not return any value.\n   */\n  showInvalidMessage() {\n    const internals = this.internals;\n    const slot = this.querySelector(\"[slot='error']\");\n    let errorMessageEl = slot?.querySelector('[error-message]');\n\n    if (!errorMessageEl) {\n      const error = document.createElement('div');\n      error.setAttribute('error-message', '');\n      slot?.append(error);\n      errorMessageEl = error;\n    }\n\n    errorMessageEl.textContent = internals.validationMessage;\n  }\n\n  /**\n   * Checks the validity of the input by invoking custom validation logic\n   * and then verifying against internal validation rules.\n   * @returns {boolean} Returns true if the input is valid according to both custom validation and internal validation rules, otherwise false.\n   */\n  checkValidity() {\n    // zavolá tvoju vlastnú validáciu pred kontrolou internals\n    this.validate();\n    return this.internals.checkValidity();\n  }\n\n  /**\n   * Callback to handle the reset action for a form.\n   * Resets the value of the form control to its default value, updates the form value, and clears any validity states.\n   * @returns {void} Does not return a value.\n   */\n  formResetCallback() {\n    this.value = this.defaultValue;\n    this.internals.setFormValue(this.defaultValue);\n    this.internals.setValidity({});\n  }\n\n  /**\n   * Restores the form state by assigning the provided state value\n   * and updating the internal form value and validity.\n   * @param {object} state The state object containing the value to restore the form.\n   * @param {*} state.value The value to set for the form element.\n   * @returns {void} This method does not return any value.\n   */\n  formStateRestoreCallback(state) {\n    this.value = state.value;\n    this.internals.setFormValue(state.value);\n    this.internals.setValidity({});\n  }\n\n  /**\n   * Callback method to save the current state of a form.\n   * This method captures and returns the form's value property.\n   * @returns {object} An object containing the `value` property of the current form state.\n   */\n  formStateSaveCallback() {\n    return {\n      value: this.value\n    };\n  }\n\n  /**\n   * Toggles the disabled state of the component and updates corresponding attributes.\n   * @param {boolean} disabled Indicates whether the form should be marked as disabled.\n   * If true, the 'disabled' class is added, and the 'disabled' attribute is set.\n   * If false, both the class and attribute are removed.\n   * @returns {void}\n   */\n  formDisabledCallback(disabled) {\n    this.native?.classList.toggle('disabled', disabled);\n    this.toggleAttribute('disabled', disabled);\n  }\n\n  /**\n   * A lifecycle callback that is executed when the element is associated with a form.\n   * It updates the form's value field with the element's value and sets up an event\n   * listener to perform validation and propagate it whenever the form is submitted.\n   * @returns {void} Does not return any value.\n   */\n  formAssociatedCallback() {\n    if (this.form) {\n      this.internals.setFormValue(this.value);\n      this.form?.addEventListener('submit', () => {\n        this.validate();\n        this.propagateValidation();\n      });\n    }\n  }\n}\n"],"names":["FormAssociatedElement","WJElement","constructor","super","value","this","setAttribute","getAttribute","type","removeAttribute","hasAttribute","isInvalid","invalid","disabled","form","internals","validity","validationMessage","willValidate","validate","validState","input","valid","setValidity","state","attr","toString","validationError","errorMessage","message","eventName","detail","pristine","event","dispatchCustomEvent","tagName","toLocaleLowerCase","showInvalidMessage","slot","querySelector","errorMessageEl","error","document","createElement","append","textContent","checkValidity","formResetCallback","defaultValue","setFormValue","native","classList","toggle","toggleAttribute","formAssociatedCallback","addEventListener","propagateValidation","static"],"mappings":"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"}

package/dist/icon-DmsqtDpL.js

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import e from "./wje-element.js";
+import { getBasePath as t } from "./base-path.js";
+let r = [];
+function i(e2, t2) {
+  s(e2), r.push({ name: e2, resolver: t2.resolver });
+}
+function s(e2) {
+  r = r.filter((t2) => t2.name !== e2);
+}
+i("default", { resolver: (e2, r2) => t(`assets/img/icons/${r2}/${e2}.svg`) });
+const o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+let a;
+const l = (e2) => e2.length > 0 && /(\/|\.)/.test(e2), c = (e2) => "string" == typeof e2, h = (e2) => {
+  if (1 === e2.nodeType) {
+    if ("script" === e2.nodeName.toLowerCase()) return false;
+    for (let t2 = 0; t2 < e2.attributes.length; t2++) {
+      const r2 = e2.attributes[t2].name;
+      if (c(r2) && 0 === r2.toLowerCase().indexOf("on")) return false;
+    }
+    for (let t2 = 0; t2 < e2.childNodes.length; t2++) if (!h(e2.childNodes[t2])) return false;
+  }
+  return true;
+}, u = (e2, t2) => {
+  let r2 = n.get(e2);
+  if (!r2) {
+    if ("undefined" == typeof fetch || "undefined" == typeof document) return o.set(e2, ""), Promise.resolve();
+    if (((e3) => e3.startsWith("data:image/svg+xml"))(e2) && ((e3) => -1 !== e3.indexOf(";utf8,"))(e2)) {
+      a || (a = new DOMParser());
+      const t3 = a.parseFromString(e2, "text/html").querySelector("svg");
+      return t3 && o.set(e2, t3.outerHTML), Promise.resolve();
+    }
+    r2 = fetch(e2).then((r3) => r3.ok ? r3.text().then((r4) => {
+      r4 && false !== t2 && (r4 = ((e3) => {
+        const t3 = document.createElement("div");
+        t3.innerHTML = e3;
+        const r5 = t3.firstElementChild;
+        return r5 && "svg" === r5.nodeName.toLowerCase() && (r5.getAttribute("class"), h(r5)) ? t3.innerHTML : "";
+      })(r4)), o.set(e2, r4 || "");
+    }) : o.set(e2, "")), n.set(e2, r2);
+  }
+  return r2;
+}, d = (e2) => {
+  let t2 = (r2 = e2.src, c(r2) && (r2 = r2.trim(), l(r2)) ? r2 : null);
+  var r2;
+  return t2 || (t2 = v(e2.name), t2 ? m(t2, e2.library, e2.hasAttribute("filled")) : null);
+}, v = (e2) => {
+  if (!c(e2) || "" === e2.trim()) return null;
+  return "" !== e2.replace(/[a-z]|-|\d/gi, "") ? null : e2;
+}, m = (e2, t2 = "default", i2 = false) => {
+  var s2;
+  return (s2 = t2, r.find((e3) => e3.name === s2)).resolver(e2, i2 ? "filled" : "outline");
+};
+class w extends e {
+  constructor() {
+    super();
+    __publicField(this, "className", "Icon");
+  }
+  static get cssStyleSheet() {
+    return ':host{width:var(--wje-icon-width, var(--wje-icon-size, 1rem));height:var(--wje-icon-height, var(--wje-icon-size, 1rem));display:block;box-sizing:content-box!important}.native-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}svg{width:100%;height:100%;stroke-width:var(--wje-icon-stroke);color:var(--wje-icon-color)}:host([stroke="1"]){--wje-icon-stroke: 1}:host([stroke="1.25"]){--wje-icon-stroke: 1.25}:host([stroke="1.5"]){--wje-icon-stroke: 1.5}:host([stroke="1.75"]){--wje-icon-stroke: 1.75}:host([stroke="2"]){--wje-icon-stroke: 2}:host([size="2x-small"]){--wje-icon-size: var(--wje-size-2x-small)}:host([size="x-small"]){--wje-icon-size: var(--wje-size-x-small)}:host([size="small"]){--wje-icon-size: var(--wje-size-small)}:host([size="medium"]){--wje-icon-size: var(--wje-size-medium)}:host([size="large"]){--wje-icon-size: var(--wje-size-large)}:host([size="x-large"]){--wje-icon-size: var(--wje-size-x-large)}:host([size="2x-large"]){--wje-icon-size: var(--wje-size-2x-large)}:host([size="3x-large"]){--wje-icon-size: var(--wje-size-3x-large)}:host([size="4x-large"]){--wje-icon-size: var(--wje-size-4x-large)}:host([color="primary"]) .native-icon{color:var(--wje-color-primary-9)}:host([color="complete"]) .native-icon{color:var(--wje-color-complete-9)}:host([color="success"]) .native-icon{color:var(--wje-color-success-9)}:host([color="warning"]) .native-icon{color:var(--wje-color-warning-9)}:host([color="danger"]) .native-icon{color:var(--wje-color-danger-9)}:host([color="info"]) .native-icon{color:var(--wje-color-info-9)}:host([color="menu"]) .native-icon{color:var(--wje-color-contrast-9)}';
+  }
+  static get observedAttributes() {
+    return ["name", "filled", "label"];
+  }
+  setupAttributes() {
+    this.isShadowRoot = "open", this.syncAria();
+  }
+  draw(e2, t2, r2) {
+    let i2 = document.createDocumentFragment();
+    this.classList.add("lazy-loaded-image", "lazy");
+    let s2 = document.createElement("div");
+    return s2.setAttribute("part", "native"), s2.classList.add("native-icon"), this.url = d(this), i2.appendChild(s2), this.native = s2, i2;
+  }
+  afterDraw() {
+    this.syncAria();
+    let e2 = new IntersectionObserver((t2, r2) => {
+      t2.forEach((t3) => {
+        t3.isIntersecting && (u(this.url).then((e3) => {
+          var _a;
+          this.native.innerHTML = o == null ? void 0 : o.get(this.url), (_a = this.native.querySelector("svg")) == null ? void 0 : _a.setAttribute("part", "svg");
+        }), this.classList.remove("lazy"), e2.unobserve(t3.target));
+      });
+    });
+    e2.observe(this.native);
+  }
+  syncAria() {
+    const e2 = this.getAttribute("aria-label"), t2 = this.getAttribute("label");
+    e2 || t2 ? (this.hasAttribute("role") || this.setAttribute("role", "img"), !e2 && t2 && this.setAriaState({ label: t2 }), this.removeAttribute("aria-hidden")) : this.setAttribute("aria-hidden", "true");
+  }
+  attributeChangedCallback(e2, t2, r2) {
+    super.attributeChangedCallback && super.attributeChangedCallback(e2, t2, r2), "label" === e2 && t2 !== r2 && this.syncAria();
+  }
+}
+w.define("wje-icon", w);
+export {
+  w as I,
+  i as r,
+  s as u
+};
+//# sourceMappingURL=icon-DmsqtDpL.js.map