wave-ui 2.32.0 → 2.32.3

package/dist/wave-ui.es.js

@@ -419,8 +419,6 @@ var colors = [
     ]
   }
 ];
-const consoleWarn = (message) => console.warn(`Wave UI: ${message}`);
-const consoleError = (message) => console.error(`Wave UI: ${message}`);
 const shadeColor = (col, amt) => {
   return "#" + col.slice(1).match(/../g).map((x) => (x = +`0x${x}` + amt, x < 0 ? 0 : x > 255 ? 255 : x).toString(16).padStart(2, 0)).join("");
 };
@@ -2691,10 +2689,9 @@ const _sfc_main$w = {
   }),
   computed: {
     ligature() {
-      var _a, _b;
       if (!config.iconsLigature)
         return false;
-      const [fontName, icon] = (_b = (_a = this.$slots.default()[0]) == null ? void 0 : _a.children) == null ? void 0 : _b.split(" ");
+      const [fontName, icon] = this.icon.split(" ");
       return fontName === config.iconsLigature && { fontName, icon };
     },
     forcedSize() {
@@ -2705,7 +2702,7 @@ const _sfc_main$w = {
     },
     classes() {
       return {
-        [this.$slots.default()[0].children]: true,
+        [this.icon]: true,
         [this.color]: this.color,
         [`${this.bgColor}--bg`]: this.bgColor,
         [`size--${this.presetSize}`]: this.presetSize && !this.forcedSize,
@@ -2726,9 +2723,17 @@ const _sfc_main$w = {
     styles() {
       return this.forcedSize && `font-size: ${this.forcedSize}`;
     }
+  },
+  created() {
+    this.icon = this.$slots.default && this.$slots.default()[0].children;
+  },
+  updated() {
+    this.icon = this.$slots.default && this.$slots.default()[0].children;
   }
 };
 var wIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", render$w]]);
+const consoleWarn = (message) => console.warn(`Wave UI: ${message}`);
+const consoleError = (message) => console.error(`Wave UI: ${message}`);
 const _hoisted_1$j = {
   key: 0,
   class: "w-image__loader"
@@ -5731,10 +5736,12 @@ var wSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$g]]);
 const _hoisted_1$6 = { class: "w-tabs__content" };
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$6, [
-    renderSlot(_ctx.$slots, "default")
+    renderSlot(_ctx.$slots, "default", { item: $props.item })
   ]);
 }
-const _sfc_main$f = {};
+const _sfc_main$f = {
+  props: { item: Object }
+};
 var TabContent = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$f]]);
 const _hoisted_1$5 = ["onClick", "onFocus", "tabindex", "onKeypress", "aria-selected"];
 const _hoisted_2$3 = ["innerHTML"];
@@ -5802,27 +5809,29 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(), createBlock(KeepAlive, null, [
             (openBlock(), createBlock(_component_tab_content, {
               key: $options.activeTab._index,
+              item: $options.activeTab,
               class: normalizeClass($props.contentClass)
             }, {
-              default: withCtx(() => [
-                _ctx.$slots[`item-content.${$options.activeTab.id || $options.activeTab._index + 1}`] ? renderSlot(_ctx.$slots, `item-content.${$options.activeTab.id || $options.activeTab._index + 1}`, {
+              default: withCtx(({ item }) => [
+                _ctx.$slots[`item-content.${item._index + 1}`] ? renderSlot(_ctx.$slots, `item-content.${item._index + 1}`, {
                   key: 0,
-                  item: $options.getOriginalItem($options.activeTab),
-                  index: $options.activeTab._index + 1,
-                  active: $options.activeTab._index === _ctx.activeTabIndex
+                  item: $options.getOriginalItem(item),
+                  index: item._index + 1,
+                  active: item._index === $options.activeTab._index
                 }) : renderSlot(_ctx.$slots, "item-content", {
                   key: 1,
-                  item: $options.getOriginalItem($options.activeTab),
-                  index: $options.activeTab._index + 1,
-                  active: $options.activeTab._index === _ctx.activeTabIndex
+                  item: $options.getOriginalItem(item),
+                  index: item._index + 1,
+                  active: item._index === $options.activeTab._index
                 }, () => [
-                  createElementVNode("div", {
-                    innerHTML: $options.activeTab[$props.itemContentKey]
-                  }, null, 8, _hoisted_5$2)
+                  item[$props.itemContentKey] ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    innerHTML: item[$props.itemContentKey]
+                  }, null, 8, _hoisted_5$2)) : createCommentVNode("", true)
                 ])
               ]),
               _: 3
-            }, 8, ["class"]))
+            }, 8, ["item", "class"]))
           ], 1024))
         ]),
         _: 3