@dxtmisha/constructor 0.39.3 → 0.39.7

package/dist/icon.js

@@ -1,13 +1,14 @@
-var m = Object.defineProperty;
-var v = (e, t, i) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var s = (e, t, i) => v(e, typeof t != "symbol" ? t + "" : t, i);
+var v = Object.defineProperty;
+var I = (s, t, i) => t in s ? v(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
+var e = (s, t, i) => I(s, typeof t != "symbol" ? t + "" : t, i);
 import { computed as n, h as A } from "vue";
-import { getBindRef as p, DesignConstructorAbstract as I } from "@dxtmisha/functional";
-import { A as a } from "./AriaStaticInclude-CFGewqpn.js";
-import { S as f } from "./SkeletonInclude-BIUzAO2s.js";
-import { I as D, a as w } from "./IconInclude-CLqwI29Q.js";
-import { I as M } from "./IconTrailingInclude-CdsOcDxv.js";
-class g {
+import { getBindRef as d, DesignConstructorAbstract as f } from "@dxtmisha/functional";
+import { A as h } from "./AriaStaticInclude-CAURwJMb.js";
+import { E as g } from "./EventClickInclude-WHJqxZ1b.js";
+import { S as y } from "./SkeletonInclude-BIUzAO2s.js";
+import { I as E, a as K } from "./IconInclude-CLqwI29Q.js";
+import { I as O } from "./IconTrailingInclude-CdsOcDxv.js";
+class b {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -18,29 +19,34 @@ class g {
    * @param components object for working with components/ объект для работы с компонентами
    * @param slots object for working with slots/ объект для работы со слотами
    * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+   * @param EventClickIncludeConstructor class for working with events/ класс для работы с событиями
    * @param SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
    */
-  constructor(t, i, c, r, o, l, d, u, h = f) {
+  constructor(t, i, c, r, o, p, l, a, m = g, u = y) {
     /**
      * Returns the property for the base icon/ Возвращает свойство для базовой иконки
      */
-    s(this, "iconBind");
+    e(this, "iconBind");
     /**
      * Returns the property for the additional icon/ Возвращает свойство для дополнительной иконки
      */
-    s(this, "iconActiveBind");
+    e(this, "iconActiveBind");
     /**
      * An object for working with the Skeleton/ Объект для работы с Skeleton
      */
-    s(this, "skeleton");
+    e(this, "skeleton");
+    /**
+     * Object for working with events/ Объект для работы с событиями
+     */
+    e(this, "event");
     /**
      * Checks if the additional icon is active/ Проверяет, активна ли дополнительная иконка
      */
-    s(this, "isActive", n(() => !!(this.props.active && this.props.iconActive)));
+    e(this, "isActive", n(() => !!(this.props.active && this.props.iconActive)));
     /**
      * Values for the class/ Значения для класса
      */
-    s(this, "classes", n(() => ({
+    e(this, "classes", n(() => ({
       ...this.skeleton.classes.value
     })));
     /**
@@ -48,24 +54,29 @@ class g {
      *
      * Вычисляемые привязки для элемента иконки.
      */
-    s(this, "binds", n(() => ({
-      key: "icon",
-      tabindex: this.props.dynamic ? 0 : void 0,
-      ...a.role(this.getRole()),
-      ...a.label(this.props.ariaLabel),
-      ...a.hidden(!this.props.dynamic)
-    })));
+    e(this, "binds", n(() => {
+      var t;
+      return {
+        key: "icon",
+        tabindex: this.props.dynamic ? (t = this.props.tabindex) != null ? t : 0 : void 0,
+        onClick: this.props.dynamic ? this.event.onClick : void 0,
+        onKeydown: this.props.dynamic ? this.event.onKeydown : void 0,
+        ...h.role(this.getRole()),
+        ...h.label(this.props.ariaLabel),
+        ...h.hidden(!this.props.dynamic)
+      };
+    }));
     /**
      * Triggers an event when the image loading is complete.
      *
      * Вызывает событие, когда завершится загрузка картинки.
      * @param event event object/ объект события
      */
-    s(this, "onLoad", (t) => {
+    e(this, "onLoad", (t) => {
       var i;
       return (i = this.emits) == null ? void 0 : i.call(this, "load", t);
     });
-    this.props = t, this.refs = i, this.element = c, this.classDesign = r, this.className = o, this.components = l, this.slots = d, this.emits = u, this.SkeletonIncludeConstructor = h, this.iconBind = p(
+    this.props = t, this.refs = i, this.element = c, this.classDesign = r, this.className = o, this.components = p, this.slots = l, this.emits = a, this.iconBind = d(
       i.icon,
       n(() => ({
         key: "mainIcon",
@@ -75,7 +86,7 @@ class g {
         hide: this.isActive.value,
         onLoad: this.onLoad
       }))
-    ), this.iconActiveBind = p(
+    ), this.iconActiveBind = d(
       i.iconActive,
       n(() => ({
         key: "activeIcon",
@@ -84,7 +95,11 @@ class g {
         disabled: this.props.disabled,
         hide: !this.isActive.value
       }))
-    ), this.skeleton = new h(
+    ), this.event = new m(
+      t,
+      void 0,
+      a
+    ), this.skeleton = new u(
       t,
       r,
       ["classBackgroundVariant"]
@@ -102,11 +117,11 @@ class g {
       return "button";
   }
 }
-const L = {
+const S = {
   // :default [!] System label / Системная метка
   animationType: "type1"
 };
-class S extends I {
+class R extends f {
   /**
    * Constructor
    * @param name class name/ название класса
@@ -114,19 +129,19 @@ class S extends I {
    * @param options list of additional parameters/ список дополнительных параметров
    * @param ItemConstructor icon item class/ класс элемента иконки
    */
-  constructor(i, c, r, o = g) {
+  constructor(i, c, r, o = b) {
     super(
       i,
       c,
       r
     );
-    s(this, "item");
+    e(this, "item");
     /**
      * Computed properties for the main element.
      *
      * Вычисляемые свойства для главного элемента.
      */
-    s(this, "propsMain", n(() => {
+    e(this, "propsMain", n(() => {
       var i;
       return {
         ...this.getAttrs(),
@@ -139,7 +154,7 @@ class S extends I {
      *
      * Рендер основной иконки.
      */
-    s(this, "renderIcon", () => this.components.renderOne(
+    e(this, "renderIcon", () => this.components.renderOne(
       "image",
       this.item.iconBind.value,
       void 0,
@@ -150,7 +165,7 @@ class S extends I {
      *
      * Рендер вторичной иконки.
      */
-    s(this, "renderIconActive", () => this.components.renderOne(
+    e(this, "renderIconActive", () => this.components.renderOne(
       "image",
       this.item.iconActiveBind.value,
       void 0,
@@ -173,6 +188,7 @@ class S extends I {
    */
   initExpose() {
     return {
+      ...this.item.event.expose,
       isActive: this.item.isActive
     };
   }
@@ -203,10 +219,10 @@ class S extends I {
   }
 }
 export {
-  g as Icon,
-  S as IconDesign,
-  D as IconInclude,
-  w as IconLiteInclude,
-  M as IconTrailingInclude,
-  L as defaultsIcon
+  b as Icon,
+  R as IconDesign,
+  E as IconInclude,
+  K as IconLiteInclude,
+  O as IconTrailingInclude,
+  S as defaultsIcon
 };