comand-component-library 4.0.52 → 4.0.54
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/comand-component-library.js +34 -17
- package/dist/comand-component-library.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/assets/styles/component-library-global-styles.scss +0 -1
- package/src/components/CmdBox.vue +4 -1
- package/src/components/CmdContainer.vue +8 -0
- package/src/components/CmdFormElement.vue +2 -1
- package/src/components/CmdHeadline.vue +3 -1
- package/src/components/CmdTabs.vue +4 -2
- package/src/components/CmdTextImageBlock.vue +2 -0
- package/src/components/CmdWidthLimitationWrapper.vue +9 -9
- package/src/main.js +5 -7
@@ -1656,6 +1656,8 @@ const Se = /* @__PURE__ */ L($o, [["render", pl]]), $ = {
|
|
1656
1656
|
},
|
1657
1657
|
/**
|
1658
1658
|
* small pre-headline-text above main-headline
|
1659
|
+
*
|
1660
|
+
* @canContainHtml: true
|
1659
1661
|
*/
|
1660
1662
|
preHeadlineText: {
|
1661
1663
|
type: String,
|
@@ -1723,7 +1725,7 @@ const Se = /* @__PURE__ */ L($o, [["render", pl]]), $ = {
|
|
1723
1725
|
immediate: !0
|
1724
1726
|
}
|
1725
1727
|
}
|
1726
|
-
}, yl = { class: "pre-headline-text-wrapper" }, bl =
|
1728
|
+
}, yl = { class: "pre-headline-text-wrapper" }, bl = ["innerHTML"], Cl = { class: "pre-headline-text" }, _l = /* @__PURE__ */ f("span", { class: "icon-plus" }, null, -1), xl = /* @__PURE__ */ f("span", null, "Add new headline", -1), wl = [
|
1727
1729
|
_l,
|
1728
1730
|
xl
|
1729
1731
|
];
|
@@ -1739,7 +1741,10 @@ function kl(e, n, t, s, o, i) {
|
|
1739
1741
|
default: V(() => [
|
1740
1742
|
t.cmdIcon ? (l(), C(r, j(M({ key: 0 }, t.cmdIcon)), null, 16)) : c("", !0),
|
1741
1743
|
f("span", yl, [
|
1742
|
-
f("span",
|
1744
|
+
f("span", {
|
1745
|
+
class: "pre-headline-text",
|
1746
|
+
innerHTML: t.preHeadlineText
|
1747
|
+
}, null, 8, bl),
|
1743
1748
|
f("span", null, [
|
1744
1749
|
A(e.$slots, "default", {}, () => [
|
1745
1750
|
H(g(t.headlineText), 1)
|
@@ -2591,6 +2596,7 @@ const Kt = {
|
|
2591
2596
|
* text for label
|
2592
2597
|
*
|
2593
2598
|
* @requiredForAccessibility: true
|
2599
|
+
* @canContainHtml: true
|
2594
2600
|
*/
|
2595
2601
|
labelText: {
|
2596
2602
|
type: String,
|
@@ -3083,7 +3089,7 @@ function ps(e, n, t, s, o, i) {
|
|
3083
3089
|
}, [
|
3084
3090
|
f("span", null, [
|
3085
3091
|
t.labelText ? (l(), a(_, { key: 0 }, [
|
3086
|
-
H(
|
3092
|
+
H("labelText")
|
3087
3093
|
], 64)) : A(e.$slots, "labeltext", { key: 1 }),
|
3088
3094
|
e.$attrs.required != null && e.$attrs.required !== !1 ? (l(), a("sup", Wl, "*")) : c("", !0)
|
3089
3095
|
]),
|
@@ -6422,7 +6428,7 @@ const pi = /* @__PURE__ */ L(Xr, [["render", nd]]), id = {
|
|
6422
6428
|
*/
|
6423
6429
|
fadeLastLine: {
|
6424
6430
|
type: Boolean,
|
6425
|
-
default: !
|
6431
|
+
default: !1
|
6426
6432
|
},
|
6427
6433
|
/**
|
6428
6434
|
* use transition to expand and collapse box-body
|
@@ -6501,6 +6507,8 @@ const pi = /* @__PURE__ */ L(Xr, [["render", nd]]), id = {
|
|
6501
6507
|
* String used as content (placed in a paragraph-tag) for box-body
|
6502
6508
|
*
|
6503
6509
|
* should only be used, if no further html-structure is required for box-body
|
6510
|
+
*
|
6511
|
+
* @canContainHtml: true
|
6504
6512
|
*/
|
6505
6513
|
textBody: {
|
6506
6514
|
type: String,
|
@@ -6629,7 +6637,7 @@ const pi = /* @__PURE__ */ L(Xr, [["render", nd]]), id = {
|
|
6629
6637
|
}
|
6630
6638
|
}, Mn = () => {
|
6631
6639
|
Yn((e) => ({
|
6632
|
-
|
6640
|
+
"1835879c": e.cutoffTextLines
|
6633
6641
|
}));
|
6634
6642
|
}, Ln = Zt.setup;
|
6635
6643
|
Zt.setup = Ln ? (e, n) => (Mn(), Ln(e, n)) : Mn;
|
@@ -6737,16 +6745,17 @@ function Hd(e, n, t, s, o, i) {
|
|
6737
6745
|
])) : c("", !0),
|
6738
6746
|
v(Ht, { name: i.toggleTransition }, {
|
6739
6747
|
default: V(() => [
|
6740
|
-
|
6748
|
+
t.textBody ? (l(), a("p", {
|
6749
|
+
key: 0,
|
6741
6750
|
class: b({
|
6742
6751
|
"cutoff-text": t.cutoffTextLines > 0,
|
6743
6752
|
"fade-last-line": t.fadeLastLine && !o.showCutOffText,
|
6744
6753
|
"show-text": o.showCutOffText
|
6745
6754
|
}),
|
6746
6755
|
innerHTML: t.textBody
|
6747
|
-
}, null, 10, rd),
|
6756
|
+
}, null, 10, rd)) : c("", !0),
|
6748
6757
|
t.cutoffTextLines > 0 ? (l(), a("a", {
|
6749
|
-
key:
|
6758
|
+
key: 1,
|
6750
6759
|
href: "#",
|
6751
6760
|
onClick: n[1] || (n[1] = O((...F) => i.toggleCutOffText && i.toggleCutOffText(...F), ["prevent"]))
|
6752
6761
|
}, g(o.showCutOffText ? e.getMessage("cmdbox.contentbox.collapse_text") : e.getMessage("cmdbox.contentbox.expand_text")), 1)) : c("", !0)
|
@@ -7320,6 +7329,8 @@ const rc = /* @__PURE__ */ L(oc, [["render", ac]]), dc = {
|
|
7320
7329
|
props: {
|
7321
7330
|
/**
|
7322
7331
|
* define (html-)content to display above slot-content
|
7332
|
+
*
|
7333
|
+
* @canContainHtml: true
|
7323
7334
|
*/
|
7324
7335
|
contentAboveSlot: {
|
7325
7336
|
type: String,
|
@@ -7327,6 +7338,8 @@ const rc = /* @__PURE__ */ L(oc, [["render", ac]]), dc = {
|
|
7327
7338
|
},
|
7328
7339
|
/**
|
7329
7340
|
* define (html-)content to display below slot-content
|
7341
|
+
*
|
7342
|
+
* @canContainHtml: true
|
7330
7343
|
*/
|
7331
7344
|
contentBelowSlot: {
|
7332
7345
|
type: String,
|
@@ -7366,6 +7379,8 @@ const rc = /* @__PURE__ */ L(oc, [["render", ac]]), dc = {
|
|
7366
7379
|
return "";
|
7367
7380
|
},
|
7368
7381
|
oneSlotItem() {
|
7382
|
+
if (!this.$slots.default)
|
7383
|
+
return !1;
|
7369
7384
|
const e = this.$slots.default();
|
7370
7385
|
return e.length === 1 && typeof e[0].type == "symbol" && Array.isArray(e[0].children) ? e[0].children.length === 1 : e.length === 1;
|
7371
7386
|
}
|
@@ -12609,6 +12624,8 @@ const Gy = /* @__PURE__ */ L(qh, [["render", zh]]), Wh = {
|
|
12609
12624
|
},
|
12610
12625
|
/**
|
12611
12626
|
* content for continuous text (can contain html-tags)
|
12627
|
+
*
|
12628
|
+
* @canContainHtml: true
|
12612
12629
|
*/
|
12613
12630
|
htmlContent: {
|
12614
12631
|
type: String,
|
@@ -15532,6 +15549,15 @@ const Zy = /* @__PURE__ */ L(Mg, [["render", sy]]), ay = {
|
|
15532
15549
|
type: Boolean,
|
15533
15550
|
default: !0
|
15534
15551
|
},
|
15552
|
+
/**
|
15553
|
+
* set class to inner component
|
15554
|
+
*
|
15555
|
+
* useInnerSection-property must be true
|
15556
|
+
*/
|
15557
|
+
sectionClass: {
|
15558
|
+
type: String,
|
15559
|
+
required: !1
|
15560
|
+
},
|
15535
15561
|
/**
|
15536
15562
|
* activate if wrapper (and its content) should be sticky (=position remains the same if content below is scrolled)
|
15537
15563
|
*
|
@@ -15543,15 +15569,6 @@ const Zy = /* @__PURE__ */ L(Mg, [["render", sy]]), ay = {
|
|
15543
15569
|
type: Boolean,
|
15544
15570
|
default: !1
|
15545
15571
|
},
|
15546
|
-
/**
|
15547
|
-
* set class to inner component
|
15548
|
-
*
|
15549
|
-
* innerWrapper-property must be true
|
15550
|
-
*/
|
15551
|
-
sectionClass: {
|
15552
|
-
type: String,
|
15553
|
-
required: !1
|
15554
|
-
},
|
15555
15572
|
/**
|
15556
15573
|
* set id for (invisible) anchor to enable shortcuts
|
15557
15574
|
*/
|