comand-component-library 4.0.52 → 4.0.54
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/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
|
*/
|