@weni/unnnic-system 3.22.0 → 3.23.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/{es-4f975580.mjs → es-6d3c06a3.mjs} +1 -1
- package/dist/{index-8b8f73f4.mjs → index-97958d27.mjs} +35 -27
- package/dist/index.d.ts +85 -0
- package/dist/{pt-br-ac5252d4.mjs → pt-br-0c104f49.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +1 -1
- package/dist/unnnic.umd.js +3 -3
- package/package.json +2 -2
- package/src/components/ModalDialog/ModalDialog.vue +4 -2
- package/src/components/ModalDialog/__tests__/ModalDialog.spec.js +83 -0
- package/src/components/ToolTip/ToolTip.vue +9 -3
- package/src/components/ui/tooltip/TooltipTrigger.vue +1 -1
- package/src/stories/ModalDialog.stories.js +90 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
# 3.23.0 (2026-02-10)
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
|
|
12
|
+
- **ModalDialog**: Added `title` named slot to allow custom title content (e.g., buttons, tags, icons, or any Vue component). The existing `title` prop continues to work as a fallback when no slot is provided.
|
|
13
|
+
|
|
8
14
|
# 3.22.0 (2026-02-10)
|
|
9
15
|
|
|
10
16
|
### Added
|
|
@@ -8456,7 +8456,7 @@ const Q = (e, a) => {
|
|
|
8456
8456
|
for (const [i, n] of a)
|
|
8457
8457
|
t[i] = n;
|
|
8458
8458
|
return t;
|
|
8459
|
-
}, WA = /* @__PURE__ */ Q(VA, [["__scopeId", "data-v-
|
|
8459
|
+
}, WA = /* @__PURE__ */ Q(VA, [["__scopeId", "data-v-49a59fd2"]]), X2 = /^[a-z0-9]+(-[a-z0-9]+)*$/, wl = (e, a, t, i = "") => {
|
|
8460
8460
|
const n = e.split(":");
|
|
8461
8461
|
if (e.slice(0, 1) === "@") {
|
|
8462
8462
|
if (n.length < 2 || n.length > 3)
|
|
@@ -10507,42 +10507,48 @@ const Ae = /* @__PURE__ */ Q(oM, [["__scopeId", "data-v-69390f82"]]), sM = ["inn
|
|
|
10507
10507
|
side: { default: "right" },
|
|
10508
10508
|
maxWidth: { default: "" },
|
|
10509
10509
|
enableHtml: { type: Boolean, default: !1 },
|
|
10510
|
-
showClose: { type: Boolean, default: !1 }
|
|
10510
|
+
showClose: { type: Boolean, default: !1 },
|
|
10511
|
+
class: { default: "" }
|
|
10511
10512
|
},
|
|
10512
10513
|
emits: ["click:close"],
|
|
10513
10514
|
setup(e) {
|
|
10514
|
-
|
|
10515
|
-
|
|
10516
|
-
|
|
10515
|
+
const a = e;
|
|
10516
|
+
return (t, i) => (g(), U(E(z7), {
|
|
10517
|
+
disabled: !(t.enabled || t.forceOpen),
|
|
10518
|
+
open: t.forceOpen || void 0,
|
|
10517
10519
|
"data-testid": "tooltip-wrapper"
|
|
10518
10520
|
}, {
|
|
10519
10521
|
default: K(() => [
|
|
10520
10522
|
W(E(WA), {
|
|
10521
|
-
class: "unnnic-tooltip",
|
|
10523
|
+
class: H(["unnnic-tooltip", a.class]),
|
|
10522
10524
|
"data-testid": "tooltip-trigger"
|
|
10523
10525
|
}, {
|
|
10524
10526
|
default: K(() => [
|
|
10525
|
-
Z(
|
|
10527
|
+
Z(t.$slots, "default", {}, void 0, !0)
|
|
10526
10528
|
]),
|
|
10527
10529
|
_: 3
|
|
10528
|
-
}),
|
|
10530
|
+
}, 8, ["class"]),
|
|
10529
10531
|
W(E(QA), {
|
|
10530
|
-
class: H([
|
|
10531
|
-
|
|
10532
|
-
|
|
10532
|
+
class: H([
|
|
10533
|
+
"unnnic-tooltip-label",
|
|
10534
|
+
`unnnic-tooltip-label-${t.side}`,
|
|
10535
|
+
a.class
|
|
10536
|
+
]),
|
|
10537
|
+
style: He({ maxWidth: t.maxWidth }),
|
|
10538
|
+
side: t.side,
|
|
10533
10539
|
"data-testid": "tooltip-content"
|
|
10534
10540
|
}, {
|
|
10535
10541
|
default: K(() => [
|
|
10536
|
-
|
|
10542
|
+
t.enableHtml ? (g(), b("section", {
|
|
10537
10543
|
key: 0,
|
|
10538
10544
|
"data-testid": "tooltip-html-content",
|
|
10539
|
-
innerHTML:
|
|
10540
|
-
}, null, 8, sM)) : (g(!0), b(ce, { key: 1 }, Ce(
|
|
10541
|
-
`), (
|
|
10542
|
-
Mt(L(
|
|
10543
|
-
|
|
10545
|
+
innerHTML: t.text
|
|
10546
|
+
}, null, 8, sM)) : (g(!0), b(ce, { key: 1 }, Ce(t.text.split(`
|
|
10547
|
+
`), (n, o) => (g(), b(ce, { key: o }, [
|
|
10548
|
+
Mt(L(n) + " ", 1),
|
|
10549
|
+
i[1] || (i[1] = y("br", null, null, -1))
|
|
10544
10550
|
], 64))), 128)),
|
|
10545
|
-
|
|
10551
|
+
t.showClose ? (g(), U(Ae, {
|
|
10546
10552
|
key: 2,
|
|
10547
10553
|
class: "unnnic-tooltip__close",
|
|
10548
10554
|
icon: "close",
|
|
@@ -10550,7 +10556,7 @@ const Ae = /* @__PURE__ */ Q(oM, [["__scopeId", "data-v-69390f82"]]), sM = ["inn
|
|
|
10550
10556
|
clickable: "",
|
|
10551
10557
|
filled: "",
|
|
10552
10558
|
scheme: "white",
|
|
10553
|
-
onClick:
|
|
10559
|
+
onClick: i[0] || (i[0] = (n) => t.$emit("click:close"))
|
|
10554
10560
|
})) : z("", !0)
|
|
10555
10561
|
]),
|
|
10556
10562
|
_: 1
|
|
@@ -10560,7 +10566,7 @@ const Ae = /* @__PURE__ */ Q(oM, [["__scopeId", "data-v-69390f82"]]), sM = ["inn
|
|
|
10560
10566
|
}, 8, ["disabled", "open"]));
|
|
10561
10567
|
}
|
|
10562
10568
|
});
|
|
10563
|
-
const pa = /* @__PURE__ */ Q(uM, [["__scopeId", "data-v-
|
|
10569
|
+
const pa = /* @__PURE__ */ Q(uM, [["__scopeId", "data-v-ec7cb2de"]]), lM = { class: "unnnic-label" }, dM = { class: "unnnic-label__label" }, cM = /* @__PURE__ */ de({
|
|
10564
10570
|
name: "UnnnicLabel",
|
|
10565
10571
|
__name: "Label",
|
|
10566
10572
|
props: {
|
|
@@ -31947,8 +31953,8 @@ function aQ(e, a, t, i, n, o) {
|
|
|
31947
31953
|
});
|
|
31948
31954
|
}
|
|
31949
31955
|
const iQ = /* @__PURE__ */ Q(tQ, [["render", aQ], ["__scopeId", "data-v-9b793da0"]]);
|
|
31950
|
-
import("./es-
|
|
31951
|
-
import("./pt-br-
|
|
31956
|
+
import("./es-6d3c06a3.mjs");
|
|
31957
|
+
import("./pt-br-0c104f49.mjs");
|
|
31952
31958
|
const G0 = {
|
|
31953
31959
|
name: "ChatsContact",
|
|
31954
31960
|
components: {
|
|
@@ -101093,7 +101099,7 @@ function YK(e, a, t, i, n, o) {
|
|
|
101093
101099
|
e.$slots.leftSidebar ? (g(), b("section", RK, [
|
|
101094
101100
|
Z(e.$slots, "leftSidebar", {}, void 0, !0)
|
|
101095
101101
|
])) : z("", !0),
|
|
101096
|
-
t.title ? (g(), U(l, {
|
|
101102
|
+
t.title || e.$slots.title ? (g(), U(l, {
|
|
101097
101103
|
key: 1,
|
|
101098
101104
|
closeButton: t.showCloseIcon,
|
|
101099
101105
|
type: t.type
|
|
@@ -101101,12 +101107,14 @@ function YK(e, a, t, i, n, o) {
|
|
|
101101
101107
|
default: K(() => [
|
|
101102
101108
|
W(u, null, {
|
|
101103
101109
|
default: K(() => [
|
|
101104
|
-
|
|
101110
|
+
Z(e.$slots, "title", {}, () => [
|
|
101111
|
+
Mt(L(t.title), 1)
|
|
101112
|
+
], !0)
|
|
101105
101113
|
]),
|
|
101106
|
-
_:
|
|
101114
|
+
_: 3
|
|
101107
101115
|
})
|
|
101108
101116
|
]),
|
|
101109
|
-
_:
|
|
101117
|
+
_: 3
|
|
101110
101118
|
}, 8, ["closeButton", "type"])) : z("", !0),
|
|
101111
101119
|
y("section", UK, [
|
|
101112
101120
|
Z(e.$slots, "default", {}, void 0, !0)
|
|
@@ -101148,7 +101156,7 @@ function YK(e, a, t, i, n, o) {
|
|
|
101148
101156
|
_: 3
|
|
101149
101157
|
}, 8, ["open"]);
|
|
101150
101158
|
}
|
|
101151
|
-
const _d = /* @__PURE__ */ Q(PK, [["render", YK], ["__scopeId", "data-v-
|
|
101159
|
+
const _d = /* @__PURE__ */ Q(PK, [["render", YK], ["__scopeId", "data-v-7663c849"]]);
|
|
101152
101160
|
const HK = {
|
|
101153
101161
|
name: "TourMask",
|
|
101154
101162
|
props: {
|