@codeandfunction/callaloo 3.20.0 → 3.21.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/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-TOjjxtJt.js +263 -0
- package/dist/components/Containers/CLCard/CLCard.css +1 -1
- package/dist/components/Containers/CLCard/CLCard.js +1 -1
- package/dist/components/Indicators/CLBanner/CLBanner.js +32 -30
- package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +1 -1
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +1 -1
- package/dist/components/Providers/CLToastProvider/CLToastProvider.js +23 -21
- package/dist/components/Providers/CLToastProvider/CLToastProvider.vue.d.ts +5 -1
- package/package.json +1 -1
- package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CJUxbMzL.js +0 -249
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
import '../components/Containers/CLCard/CLCard.css';
|
|
2
|
+
import { defineComponent as W, useSlots as V, ref as k, computed as I, onMounted as z, nextTick as F, createElementBlock as c, openBlock as i, withKeys as K, normalizeStyle as v, normalizeClass as n, unref as l, createCommentVNode as d, createElementVNode as u, createBlock as r, renderSlot as s, Fragment as M, withCtx as b, createTextVNode as C, toDisplayString as L } from "vue";
|
|
3
|
+
import { _ as S } from "./CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
|
|
4
|
+
import { _ as q } from "./CLLink.vue_vue_type_style_index_0_lang-M6vqUSDq.js";
|
|
5
|
+
import { _ as g } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
|
|
6
|
+
import { _ as D } from "./CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
|
|
7
|
+
import { CLColorVariants as R, CLCardTypes as G, CLHeadingTypes as j, CLHeadingLevels as J, CLLinkTarget as P, CLOverflow as Q, CLLoading as U, CLColors as X, CLAlign as Y, CLOrder as A, CLTextTypes as Z } from "../index.js";
|
|
8
|
+
import { c as p } from "./utils-BwiU4N7s.js";
|
|
9
|
+
import { useHasSlotContent as _ } from "../composables/useHasSlotContent.js";
|
|
10
|
+
const ee = ["data-testid", "tabindex"], ae = ["alt", "loading", "src"], te = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "clll-card__header-skeleton"
|
|
13
|
+
}, le = ["alt", "loading", "src"], ie = ["aria-label", "href", "target"], he = /* @__PURE__ */ W({
|
|
14
|
+
name: "CLCard",
|
|
15
|
+
__name: "CLCard",
|
|
16
|
+
props: {
|
|
17
|
+
active: { type: Boolean, default: !1 },
|
|
18
|
+
align: { default: Y.Left },
|
|
19
|
+
ariaLabel: {},
|
|
20
|
+
borderRadius: {},
|
|
21
|
+
bordered: { type: Boolean, default: !0 },
|
|
22
|
+
busy: { type: Boolean, default: !1 },
|
|
23
|
+
byline: {},
|
|
24
|
+
color: { default: X.Neutral },
|
|
25
|
+
compact: { type: Boolean, default: !1 },
|
|
26
|
+
elevated: { type: Boolean, default: !1 },
|
|
27
|
+
forwardRef: {},
|
|
28
|
+
height: { default: "auto" },
|
|
29
|
+
href: {},
|
|
30
|
+
image: {},
|
|
31
|
+
imageAltText: { default: "" },
|
|
32
|
+
imageHeight: { default: "auto" },
|
|
33
|
+
imageLoading: { default: U.Eager },
|
|
34
|
+
imageOrder: {},
|
|
35
|
+
imageWidth: { default: "auto" },
|
|
36
|
+
onClick: {},
|
|
37
|
+
overflow: { default: Q.Hidden },
|
|
38
|
+
padded: { type: Boolean, default: !0 },
|
|
39
|
+
rounded: { type: Boolean, default: !0 },
|
|
40
|
+
target: { default: P.Self },
|
|
41
|
+
testId: { default: "clll-card" },
|
|
42
|
+
title: {},
|
|
43
|
+
titleHLevel: { default: J.H2 },
|
|
44
|
+
titleType: { default: j.SubSection },
|
|
45
|
+
truncateTitle: { type: Boolean, default: !1 },
|
|
46
|
+
type: { default: G.Medium },
|
|
47
|
+
variant: { default: R.Soft },
|
|
48
|
+
width: { default: "auto" }
|
|
49
|
+
},
|
|
50
|
+
setup(e) {
|
|
51
|
+
const a = "clll-card", t = e, w = _(), T = V(), f = k(), $ = k(), E = ["a", "button"], y = k(), O = I(() => [
|
|
52
|
+
a,
|
|
53
|
+
`${a}--${t.type}`,
|
|
54
|
+
`${a}--${t.color}-${t.variant}`,
|
|
55
|
+
`${a}--${t.variant}`,
|
|
56
|
+
`${a}--align-${t.align}`,
|
|
57
|
+
t.rounded ? `${a}--rounded` : `${a}--box`,
|
|
58
|
+
t.bordered ? `${a}--bordered` : "",
|
|
59
|
+
t.borderRadius ? `${a}--${t.borderRadius}` : "",
|
|
60
|
+
t.busy ? `${a}--busy` : `${a}--ready`,
|
|
61
|
+
t.compact ? `${a}--compact` : `${a}--no-compact`,
|
|
62
|
+
t.title || t.byline ? `${a}--has-header` : `${a}--no-header`,
|
|
63
|
+
f.value ? `${a}--has-heading` : `${a}--no-heading`,
|
|
64
|
+
w.value ? `${a}--has-content` : `${a}--no-content`,
|
|
65
|
+
$.value ? `${a}--has-footer` : `${a}--no-footer`,
|
|
66
|
+
t.image ? `${a}--has-image` : `${a}--has-no-image`,
|
|
67
|
+
t.imageOrder ? `${a}--image-${t.imageOrder}` : "",
|
|
68
|
+
t.active ? `${a}--active` : `${a}--inactive`,
|
|
69
|
+
t.onClick ? `${a}--has-link` : "",
|
|
70
|
+
t.truncateTitle ? `${a}--has-truncated-title` : "",
|
|
71
|
+
t.elevated ? `${a}--elevated` : "",
|
|
72
|
+
t.overflow ? `${a}--overflow-${t.overflow}` : "",
|
|
73
|
+
t.padded ? "" : `${a}--no-padding`
|
|
74
|
+
]), x = (o) => {
|
|
75
|
+
if (t.busy || !t.onClick) return;
|
|
76
|
+
const { target: h } = o, m = h ? h.closest("a,button") : void 0, H = [
|
|
77
|
+
...y.value?.querySelectorAll("[data-expand-click-area]") ?? []
|
|
78
|
+
];
|
|
79
|
+
if (H.length) {
|
|
80
|
+
const B = H[0], N = m ? E.includes(m.tagName.toLowerCase()) : null;
|
|
81
|
+
!m && B !== o.target && !N && B.click();
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
return z(async () => {
|
|
85
|
+
await F(), y.value && t.forwardRef?.(y.value), f.value = T?.heading, $.value = T?.footer;
|
|
86
|
+
}), (o, h) => (i(), c("div", {
|
|
87
|
+
ref_key: "refExpandedArea",
|
|
88
|
+
ref: y,
|
|
89
|
+
class: n(l(O)),
|
|
90
|
+
style: v({ ...l(p)({ color: e.color, variant: e.variant }), width: e.width, height: e.height, overflow: e.overflow }),
|
|
91
|
+
"data-testid": e.testId,
|
|
92
|
+
tabindex: e.onClick ? 0 : void 0,
|
|
93
|
+
onClick: x,
|
|
94
|
+
onKeyup: K(x, ["enter"])
|
|
95
|
+
}, [
|
|
96
|
+
e.image && (e.imageOrder === l(A).Before || !e.imageOrder) ? (i(), c("div", {
|
|
97
|
+
key: 0,
|
|
98
|
+
class: n(["clll-card__image", { busy: e.busy }]),
|
|
99
|
+
style: v({ width: e.imageWidth, height: e.imageHeight })
|
|
100
|
+
}, [
|
|
101
|
+
e.busy ? (i(), r(l(g), {
|
|
102
|
+
key: 0,
|
|
103
|
+
"border-radius": e.borderRadius,
|
|
104
|
+
width: e.imageWidth,
|
|
105
|
+
height: e.imageHeight,
|
|
106
|
+
rounded: !1
|
|
107
|
+
}, null, 8, ["border-radius", "width", "height"])) : d("", !0),
|
|
108
|
+
e.image ? (i(), c("img", {
|
|
109
|
+
key: 1,
|
|
110
|
+
alt: e.imageAltText,
|
|
111
|
+
class: n(`${a}__image__elem`),
|
|
112
|
+
loading: e.imageLoading,
|
|
113
|
+
src: e.image
|
|
114
|
+
}, null, 10, ae)) : d("", !0)
|
|
115
|
+
], 6)) : d("", !0),
|
|
116
|
+
u("div", {
|
|
117
|
+
class: n(`${a}__content`)
|
|
118
|
+
}, [
|
|
119
|
+
u("div", {
|
|
120
|
+
class: n(["clll-card__header", { busy: e.busy }])
|
|
121
|
+
}, [
|
|
122
|
+
e.busy && (l(f) || e.title || e.byline) ? (i(), c("div", te, [
|
|
123
|
+
l(f) || e.title ? (i(), r(l(g), {
|
|
124
|
+
key: 0,
|
|
125
|
+
"border-radius": e.borderRadius,
|
|
126
|
+
height: "27px"
|
|
127
|
+
}, null, 8, ["border-radius"])) : d("", !0),
|
|
128
|
+
e.byline ? (i(), r(l(g), {
|
|
129
|
+
key: 1,
|
|
130
|
+
"border-radius": e.borderRadius,
|
|
131
|
+
width: "70%",
|
|
132
|
+
height: "20px"
|
|
133
|
+
}, null, 8, ["border-radius"])) : d("", !0)
|
|
134
|
+
])) : d("", !0),
|
|
135
|
+
!e.onClick && !e.href ? (i(), c(M, { key: 1 }, [
|
|
136
|
+
s(o.$slots, "heading"),
|
|
137
|
+
e.title ? (i(), r(l(S), {
|
|
138
|
+
key: 0,
|
|
139
|
+
align: e.align,
|
|
140
|
+
class: n(`${a}__heading`),
|
|
141
|
+
color: e.color,
|
|
142
|
+
level: e.titleHLevel,
|
|
143
|
+
truncate: e.truncateTitle,
|
|
144
|
+
type: e.titleType
|
|
145
|
+
}, {
|
|
146
|
+
default: b(() => [
|
|
147
|
+
C(L(e.title), 1)
|
|
148
|
+
]),
|
|
149
|
+
_: 1
|
|
150
|
+
}, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
|
|
151
|
+
], 64)) : e.title || l(f) && (e.onClick || e.href) ? (i(), r(l(q), {
|
|
152
|
+
key: 2,
|
|
153
|
+
"aria-label": e.ariaLabel,
|
|
154
|
+
color: e.color,
|
|
155
|
+
href: e.href,
|
|
156
|
+
target: e.target,
|
|
157
|
+
"on-click": e.onClick,
|
|
158
|
+
"data-expand-click-area": ""
|
|
159
|
+
}, {
|
|
160
|
+
default: b(() => [
|
|
161
|
+
s(o.$slots, "heading"),
|
|
162
|
+
e.title ? (i(), r(l(S), {
|
|
163
|
+
key: 0,
|
|
164
|
+
align: e.align,
|
|
165
|
+
class: n(`${a}__heading`),
|
|
166
|
+
color: e.color,
|
|
167
|
+
level: e.titleHLevel,
|
|
168
|
+
truncate: e.truncateTitle,
|
|
169
|
+
type: e.titleType
|
|
170
|
+
}, {
|
|
171
|
+
default: b(() => [
|
|
172
|
+
C(L(e.title), 1)
|
|
173
|
+
]),
|
|
174
|
+
_: 1
|
|
175
|
+
}, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
|
|
176
|
+
]),
|
|
177
|
+
_: 3
|
|
178
|
+
}, 8, ["aria-label", "color", "href", "target", "on-click"])) : d("", !0),
|
|
179
|
+
s(o.$slots, "byline"),
|
|
180
|
+
e.byline ? (i(), r(l(D), {
|
|
181
|
+
key: 3,
|
|
182
|
+
align: e.align,
|
|
183
|
+
class: n(`${a}__byline`),
|
|
184
|
+
color: e.color,
|
|
185
|
+
type: l(Z).Small
|
|
186
|
+
}, {
|
|
187
|
+
default: b(() => [
|
|
188
|
+
C(L(e.byline), 1)
|
|
189
|
+
]),
|
|
190
|
+
_: 1
|
|
191
|
+
}, 8, ["align", "class", "color", "type"])) : d("", !0)
|
|
192
|
+
], 2),
|
|
193
|
+
u("div", {
|
|
194
|
+
class: n(`${a}__slot`)
|
|
195
|
+
}, [
|
|
196
|
+
u("div", {
|
|
197
|
+
ref: "slot-content",
|
|
198
|
+
class: n([`${a}__slot-content`, { busy: e.busy }])
|
|
199
|
+
}, [
|
|
200
|
+
l(w) && e.busy ? (i(), r(l(g), {
|
|
201
|
+
key: 0,
|
|
202
|
+
"border-radius": e.borderRadius,
|
|
203
|
+
width: "100%",
|
|
204
|
+
height: "100%"
|
|
205
|
+
}, null, 8, ["border-radius"])) : d("", !0),
|
|
206
|
+
u("div", null, [
|
|
207
|
+
s(o.$slots, "default")
|
|
208
|
+
])
|
|
209
|
+
], 2)
|
|
210
|
+
], 2),
|
|
211
|
+
u("div", {
|
|
212
|
+
class: n(["clll-card__footer", { busy: e.busy }])
|
|
213
|
+
}, [
|
|
214
|
+
l($) && e.busy ? (i(), r(l(g), {
|
|
215
|
+
key: 0,
|
|
216
|
+
"border-radius": e.borderRadius,
|
|
217
|
+
width: "100%",
|
|
218
|
+
height: "20px"
|
|
219
|
+
}, null, 8, ["border-radius"])) : d("", !0),
|
|
220
|
+
s(o.$slots, "footer")
|
|
221
|
+
], 2)
|
|
222
|
+
], 2),
|
|
223
|
+
e.image && e.imageOrder === l(A).After ? (i(), c("div", {
|
|
224
|
+
key: 1,
|
|
225
|
+
class: n(["clll-card__image", { busy: e.busy }]),
|
|
226
|
+
style: v({ width: e.imageWidth, height: e.imageHeight })
|
|
227
|
+
}, [
|
|
228
|
+
e.busy ? (i(), r(l(g), {
|
|
229
|
+
key: 0,
|
|
230
|
+
"border-radius": e.borderRadius,
|
|
231
|
+
width: e.imageWidth,
|
|
232
|
+
height: e.imageHeight,
|
|
233
|
+
rounded: !1
|
|
234
|
+
}, null, 8, ["border-radius", "width", "height"])) : d("", !0),
|
|
235
|
+
s(o.$slots, "image"),
|
|
236
|
+
e.image ? (i(), c("img", {
|
|
237
|
+
key: 1,
|
|
238
|
+
alt: e.imageAltText,
|
|
239
|
+
class: n(`${a}__image__elem`),
|
|
240
|
+
loading: e.imageLoading,
|
|
241
|
+
src: e.image
|
|
242
|
+
}, null, 10, le)) : d("", !0)
|
|
243
|
+
], 6)) : d("", !0),
|
|
244
|
+
!e.title && (e.onClick || e.href) ? (i(), c("a", {
|
|
245
|
+
key: 2,
|
|
246
|
+
"aria-label": e.ariaLabel,
|
|
247
|
+
class: "sr-only",
|
|
248
|
+
href: e.href,
|
|
249
|
+
target: e.target,
|
|
250
|
+
"data-expand-click-area": "",
|
|
251
|
+
onClick: h[0] || (h[0] = //@ts-ignore
|
|
252
|
+
(...m) => e.onClick && e.onClick(...m))
|
|
253
|
+
}, null, 8, ie)) : d("", !0),
|
|
254
|
+
e.onClick && e.variant !== l(R).Ghost ? (i(), c("div", {
|
|
255
|
+
key: 3,
|
|
256
|
+
class: n(`${a}__hover-elem`)
|
|
257
|
+
}, null, 2)) : d("", !0)
|
|
258
|
+
], 46, ee));
|
|
259
|
+
}
|
|
260
|
+
});
|
|
261
|
+
export {
|
|
262
|
+
he as _
|
|
263
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
1
|
+
.clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-1) * 2);padding:0 var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-3) * 2);padding:0 var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-4) * 2);padding:0 var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-6) * 2);padding:0 var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header-skeleton{width:calc(100% - var(--clll-unit-8) * 2);padding:0 var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card .clll-card__image.busy .clll-skeleton{position:absolute;inset:0}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .clll-card__header-skeleton{position:absolute;left:0;width:100%}.clll-card .clll-card__header-skeleton>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header.busy>*:not(.clll-card__header-skeleton){visibility:hidden}.clll-card .clll-card__header.busy>*:nth-child(2){margin-top:0}.clll-card .clll-card__footer.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__footer.busy .clll-skeleton{position:absolute;left:0}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLCard.css';
|
|
3
|
-
import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { _ as r } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-TOjjxtJt.js";
|
|
4
4
|
export {
|
|
5
5
|
r as CLCard,
|
|
6
6
|
r as default
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
2
|
import './CLBanner.css';
|
|
3
|
-
import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as
|
|
3
|
+
import { defineComponent as L, computed as h, createBlock as l, openBlock as n, unref as a, withCtx as s, createElementVNode as u, normalizeStyle as v, normalizeClass as r, createElementBlock as b, createCommentVNode as o, createTextVNode as m, toDisplayString as c, createVNode as y } from "vue";
|
|
4
4
|
import { _ as x } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-fn1ix3QX.js";
|
|
5
5
|
import { _ as $ } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
|
|
6
6
|
import { _ as S } from "../../../chunks/CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
|
|
7
7
|
import { _ as C } from "../../../chunks/CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
|
|
8
8
|
import { _ as B } from "../../../chunks/CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
|
|
9
|
-
import { CLColorVariants as
|
|
10
|
-
import { a as
|
|
11
|
-
const
|
|
9
|
+
import { CLColorVariants as d, CLColors as z, CLAlign as D, CLHeadingTypes as T, CLTextTypes as N, CLSizes as R, CLIconSizes as w, CLIconNames as V } from "../../../index.js";
|
|
10
|
+
import { a as A } from "../../../chunks/utils-BT2IMc_A.js";
|
|
11
|
+
const I = ["data-testid"], O = /* @__PURE__ */ L({
|
|
12
12
|
name: "CLBanner",
|
|
13
13
|
__name: "CLBanner",
|
|
14
14
|
props: {
|
|
@@ -28,14 +28,14 @@ const R = ["data-testid"], O = /* @__PURE__ */ L({
|
|
|
28
28
|
testId: { default: "clll-banner" },
|
|
29
29
|
title: {},
|
|
30
30
|
width: { default: "100%" },
|
|
31
|
-
variant: { default:
|
|
31
|
+
variant: { default: d.Soft }
|
|
32
32
|
},
|
|
33
33
|
setup(e) {
|
|
34
34
|
const i = e, t = "clll-banner", k = h(() => [
|
|
35
35
|
t,
|
|
36
36
|
i.actionLabel ? `${t}--actionable` : "",
|
|
37
37
|
i.busy ? `${t}--busy` : `${t}--ready`,
|
|
38
|
-
i.bordered && i.variant !==
|
|
38
|
+
i.bordered && i.variant !== d.Ghost ? `${t}--bordered` : "",
|
|
39
39
|
i.borderRadius ? `${t}--${i.borderRadius}` : "",
|
|
40
40
|
i.onDismiss ? `${t}--dismissable` : "",
|
|
41
41
|
`${t}--${i.color}--${i.variant}`,
|
|
@@ -47,37 +47,39 @@ const R = ["data-testid"], O = /* @__PURE__ */ L({
|
|
|
47
47
|
enabled: !!(e.onClick && e.ariaLabel),
|
|
48
48
|
rounded: e.rounded
|
|
49
49
|
}, {
|
|
50
|
-
default:
|
|
50
|
+
default: s(() => [
|
|
51
51
|
u("div", {
|
|
52
|
-
class:
|
|
52
|
+
class: r(a(k)),
|
|
53
53
|
"data-testid": e.testId,
|
|
54
|
-
style: v({ ...a(
|
|
54
|
+
style: v({ ...a(A)({ color: e.color, variant: e.variant }), width: e.width, height: e.height })
|
|
55
55
|
}, [
|
|
56
56
|
u("div", {
|
|
57
|
-
class:
|
|
57
|
+
class: r(`${t}__content`)
|
|
58
58
|
}, [
|
|
59
59
|
u("div", {
|
|
60
|
-
class:
|
|
60
|
+
class: r(`${t}__nested_content`)
|
|
61
61
|
}, [
|
|
62
62
|
e.busy ? (n(), l(a(C), {
|
|
63
63
|
key: 0,
|
|
64
|
+
"border-radius": e.borderRadius,
|
|
64
65
|
height: "28px",
|
|
65
66
|
"test-id": `${t}__skeleton-title`
|
|
66
|
-
}, null, 8, ["test-id"])) : o("", !0),
|
|
67
|
+
}, null, 8, ["border-radius", "test-id"])) : o("", !0),
|
|
67
68
|
e.busy ? (n(), l(a(C), {
|
|
68
69
|
key: 1,
|
|
70
|
+
"border-radius": e.borderRadius,
|
|
69
71
|
width: "70%",
|
|
70
72
|
height: "20px",
|
|
71
73
|
"test-id": `${t}__skeleton-message`
|
|
72
|
-
}, null, 8, ["test-id"])) : o("", !0),
|
|
74
|
+
}, null, 8, ["border-radius", "test-id"])) : o("", !0),
|
|
73
75
|
e.title && !e.busy ? (n(), l(a(S), {
|
|
74
76
|
key: 2,
|
|
75
77
|
align: e.align,
|
|
76
78
|
color: e.color,
|
|
77
79
|
type: a(T).Section
|
|
78
80
|
}, {
|
|
79
|
-
default:
|
|
80
|
-
|
|
81
|
+
default: s(() => [
|
|
82
|
+
m(c(e.title), 1)
|
|
81
83
|
]),
|
|
82
84
|
_: 1
|
|
83
85
|
}, 8, ["align", "color", "type"])) : o("", !0),
|
|
@@ -87,53 +89,53 @@ const R = ["data-testid"], O = /* @__PURE__ */ L({
|
|
|
87
89
|
color: e.color,
|
|
88
90
|
type: a(N).Summary
|
|
89
91
|
}, {
|
|
90
|
-
default:
|
|
91
|
-
|
|
92
|
+
default: s(() => [
|
|
93
|
+
m(c(e.message), 1)
|
|
92
94
|
]),
|
|
93
95
|
_: 1
|
|
94
96
|
}, 8, ["align", "color", "type"])) : o("", !0)
|
|
95
97
|
], 2),
|
|
96
|
-
e.onAction && e.actionLabel ? (n(),
|
|
98
|
+
e.onAction && e.actionLabel ? (n(), b("div", {
|
|
97
99
|
key: 0,
|
|
98
|
-
class:
|
|
100
|
+
class: r(`${t}__action-button`)
|
|
99
101
|
}, [
|
|
100
102
|
y(a($), {
|
|
101
103
|
color: e.color,
|
|
102
104
|
"border-radius": e.borderRadius,
|
|
103
105
|
"on-click": e.onAction,
|
|
104
106
|
"test-id": `${t}__action-button`,
|
|
105
|
-
variant: e.variant === a(
|
|
107
|
+
variant: e.variant === a(d).Solid ? a(d).Soft : a(d).Solid
|
|
106
108
|
}, {
|
|
107
|
-
default:
|
|
108
|
-
|
|
109
|
+
default: s(() => [
|
|
110
|
+
m(c(e.actionLabel), 1)
|
|
109
111
|
]),
|
|
110
112
|
_: 1
|
|
111
113
|
}, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
|
|
112
114
|
], 2)) : o("", !0)
|
|
113
115
|
], 2),
|
|
114
|
-
e.onDismiss ? (n(),
|
|
116
|
+
e.onDismiss ? (n(), b("div", {
|
|
115
117
|
key: 0,
|
|
116
|
-
class:
|
|
118
|
+
class: r(`${t}__dismiss-button`)
|
|
117
119
|
}, [
|
|
118
120
|
y(a($), {
|
|
119
121
|
"aria-label": "Dismiss banner",
|
|
120
122
|
color: e.color,
|
|
121
|
-
"icon-before": a(
|
|
122
|
-
"icon-size": a(
|
|
123
|
+
"icon-before": a(V).Delete,
|
|
124
|
+
"icon-size": a(w).Tiny,
|
|
123
125
|
"on-click": e.onDismiss,
|
|
124
|
-
size: a(
|
|
126
|
+
size: a(R).Tiny,
|
|
125
127
|
"test-id": `${t}__dismiss-button`,
|
|
126
128
|
variant: e.variant
|
|
127
129
|
}, null, 8, ["color", "icon-before", "icon-size", "on-click", "size", "test-id", "variant"])
|
|
128
130
|
], 2)) : o("", !0),
|
|
129
|
-
e.onClick && e.ariaLabel ? (n(),
|
|
131
|
+
e.onClick && e.ariaLabel ? (n(), b("button", {
|
|
130
132
|
key: 1,
|
|
131
133
|
class: "sr-only",
|
|
132
134
|
"data-expand-click-area": "",
|
|
133
135
|
onClick: f[0] || (f[0] = //@ts-ignore
|
|
134
136
|
(...g) => e.onClick && e.onClick(...g))
|
|
135
|
-
},
|
|
136
|
-
], 14,
|
|
137
|
+
}, c(e.ariaLabel), 1)) : o("", !0)
|
|
138
|
+
], 14, I)
|
|
137
139
|
]),
|
|
138
140
|
_: 1
|
|
139
141
|
}, 8, ["color", "enabled", "rounded"]));
|
|
@@ -12,7 +12,7 @@ export interface CLBannerProps {
|
|
|
12
12
|
borderRadius?: CLBorderRadius;
|
|
13
13
|
/** A `boolean` value which dictates the busy state of the Banner. When set to `true`, it utilizes the `<CLSkeleton />` component. */
|
|
14
14
|
busy?: boolean;
|
|
15
|
-
/** Sets the color of the
|
|
15
|
+
/** Sets the color of the Banner. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
|
|
16
16
|
color?: CLColors;
|
|
17
17
|
/** Sets the height of the Banner, it's default value is `auto`. */
|
|
18
18
|
height?: string;
|
|
@@ -2,7 +2,7 @@ import '../../../assets/core.css';
|
|
|
2
2
|
import './CLDropdownMenu.css';
|
|
3
3
|
import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, onBeforeUnmount as ie, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as re, withCtx as Et, createTextVNode as le, toDisplayString as se, normalizeStyle as ce, renderSlot as ae } from "vue";
|
|
4
4
|
import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B3AdartN.js";
|
|
5
|
-
import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-
|
|
5
|
+
import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-TOjjxtJt.js";
|
|
6
6
|
import { c as de, i as mt } from "../../../chunks/helper-BYpahJAh.js";
|
|
7
7
|
import { useDropdown as me } from "../../../composables/useDropdown.js";
|
|
8
8
|
import { useEsc as he } from "../../../composables/useEsc.js";
|
|
@@ -1,41 +1,43 @@
|
|
|
1
1
|
import '../../../assets/core.css';
|
|
2
|
-
import { defineComponent as
|
|
2
|
+
import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as h, createBlock as z, createCommentVNode as B, renderSlot as R, unref as S } from "vue";
|
|
3
3
|
import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-DIi8ikHj.js";
|
|
4
|
-
const $ = { class: "clll-toast-provider" }, E = /* @__PURE__ */
|
|
4
|
+
const $ = { class: "clll-toast-provider" }, E = /* @__PURE__ */ L({
|
|
5
5
|
name: "CLToastProvider",
|
|
6
6
|
__name: "CLToastProvider",
|
|
7
7
|
props: {
|
|
8
|
+
borderRadius: {},
|
|
8
9
|
dismissTimer: {},
|
|
9
10
|
position: {}
|
|
10
11
|
},
|
|
11
|
-
setup(
|
|
12
|
-
const
|
|
13
|
-
t.value = void 0, l.value = void 0, s.value = void 0,
|
|
14
|
-
},
|
|
15
|
-
|
|
12
|
+
setup(p) {
|
|
13
|
+
const a = p, t = i(), l = i(), s = i(), v = i(), c = i(), u = i(), n = i(), d = i(), r = i(), m = i(), f = i(), o = i(!1), b = () => {
|
|
14
|
+
t.value = void 0, l.value = void 0, s.value = void 0, v.value = void 0, c.value = void 0, u.value = void 0, n.value = void 0, d.value = void 0, r.value = void 0, m.value = void 0, f.value = void 0;
|
|
15
|
+
}, C = (e) => {
|
|
16
|
+
b(), t.value = e.actionLabel, l.value = e.color, s.value = e.borderRadius ?? a.borderRadius, v.value = e.dismissTimer ?? a.dismissTimer, c.value = e.icon, u.value = e.iconSize, n.value = e.message, d.value = e.onAction, r.value = e.position ?? a.position, m.value = e.title, f.value = e.width, o.value = !0;
|
|
16
17
|
}, _ = () => {
|
|
17
|
-
o.value = !1,
|
|
18
|
+
o.value = !1, b();
|
|
18
19
|
};
|
|
19
|
-
return
|
|
20
|
+
return g("clll-toast", {
|
|
20
21
|
visible: o,
|
|
21
|
-
showToast:
|
|
22
|
+
showToast: C,
|
|
22
23
|
hideToast: _
|
|
23
|
-
}), (e, x) => (
|
|
24
|
-
o.value ? (
|
|
24
|
+
}), (e, x) => (h(), k("div", $, [
|
|
25
|
+
o.value ? (h(), z(S(A), {
|
|
25
26
|
key: 0,
|
|
26
27
|
"action-label": t.value,
|
|
28
|
+
"border-radius": s.value,
|
|
27
29
|
color: l.value,
|
|
28
|
-
"dismiss-timer":
|
|
29
|
-
icon:
|
|
30
|
-
"icon-size":
|
|
30
|
+
"dismiss-timer": v.value,
|
|
31
|
+
icon: c.value,
|
|
32
|
+
"icon-size": u.value,
|
|
31
33
|
message: n.value,
|
|
32
|
-
"on-action":
|
|
34
|
+
"on-action": d.value,
|
|
33
35
|
"on-dismiss": _,
|
|
34
|
-
position:
|
|
35
|
-
title:
|
|
36
|
-
width:
|
|
37
|
-
}, null, 8, ["action-label", "color", "dismiss-timer", "icon", "icon-size", "message", "on-action", "position", "title", "width"])) :
|
|
38
|
-
|
|
36
|
+
position: r.value,
|
|
37
|
+
title: m.value,
|
|
38
|
+
width: f.value
|
|
39
|
+
}, null, 8, ["action-label", "border-radius", "color", "dismiss-timer", "icon", "icon-size", "message", "on-action", "position", "title", "width"])) : B("", !0),
|
|
40
|
+
R(e.$slots, "default")
|
|
39
41
|
]));
|
|
40
42
|
}
|
|
41
43
|
});
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import { CLToastPosition } from '../../../index.ts';
|
|
1
|
+
import { CLBorderRadius, CLToastPosition } from '../../../index.ts';
|
|
2
2
|
interface Props {
|
|
3
|
+
/** The border radius size */
|
|
4
|
+
borderRadius?: CLBorderRadius;
|
|
5
|
+
/** Time in seconds e.g 5 = 5 seconds */
|
|
3
6
|
dismissTimer?: number;
|
|
7
|
+
/** Sets the position of the toast */
|
|
4
8
|
position?: CLToastPosition;
|
|
5
9
|
}
|
|
6
10
|
declare function __VLS_template(): {
|
package/package.json
CHANGED
|
@@ -1,249 +0,0 @@
|
|
|
1
|
-
import '../components/Containers/CLCard/CLCard.css';
|
|
2
|
-
import { defineComponent as I, useSlots as z, ref as v, computed as D, onMounted as F, nextTick as K, createElementBlock as r, openBlock as i, withKeys as M, normalizeStyle as k, normalizeClass as n, unref as l, createCommentVNode as d, createElementVNode as u, withDirectives as B, createVNode as q, vShow as A, createBlock as c, renderSlot as g, Fragment as G, withCtx as y, createTextVNode as b, toDisplayString as C } from "vue";
|
|
3
|
-
import { _ as E } from "./CLHeading.vue_vue_type_style_index_0_lang-DntAR1dI.js";
|
|
4
|
-
import { _ as j } from "./CLLink.vue_vue_type_style_index_0_lang-M6vqUSDq.js";
|
|
5
|
-
import { _ as h } from "./CLSkeleton.vue_vue_type_style_index_0_lang-DO-kZ629.js";
|
|
6
|
-
import { _ as J } from "./CLText.vue_vue_type_style_index_0_lang-DVwTAVXM.js";
|
|
7
|
-
import { CLColorVariants as O, CLCardTypes as P, CLHeadingTypes as Q, CLHeadingLevels as U, CLLinkTarget as X, CLOverflow as Y, CLLoading as Z, CLColors as p, CLAlign as _, CLOrder as N, CLTextTypes as ee } from "../index.js";
|
|
8
|
-
import { c as te } from "./utils-BwiU4N7s.js";
|
|
9
|
-
import { useHasSlotContent as ae } from "../composables/useHasSlotContent.js";
|
|
10
|
-
const le = ["data-testid", "tabindex"], ie = ["alt", "loading", "src"], ne = ["alt", "loading", "src"], de = ["aria-label", "href", "target"], ye = /* @__PURE__ */ I({
|
|
11
|
-
name: "CLCard",
|
|
12
|
-
__name: "CLCard",
|
|
13
|
-
props: {
|
|
14
|
-
active: { type: Boolean, default: !1 },
|
|
15
|
-
align: { default: _.Left },
|
|
16
|
-
ariaLabel: {},
|
|
17
|
-
borderRadius: {},
|
|
18
|
-
bordered: { type: Boolean, default: !0 },
|
|
19
|
-
busy: { type: Boolean, default: !1 },
|
|
20
|
-
byline: {},
|
|
21
|
-
color: { default: p.Neutral },
|
|
22
|
-
compact: { type: Boolean, default: !1 },
|
|
23
|
-
elevated: { type: Boolean, default: !1 },
|
|
24
|
-
forwardRef: {},
|
|
25
|
-
height: { default: "auto" },
|
|
26
|
-
href: {},
|
|
27
|
-
image: {},
|
|
28
|
-
imageAltText: { default: "" },
|
|
29
|
-
imageHeight: { default: "auto" },
|
|
30
|
-
imageLoading: { default: Z.Eager },
|
|
31
|
-
imageOrder: {},
|
|
32
|
-
imageWidth: { default: "auto" },
|
|
33
|
-
onClick: {},
|
|
34
|
-
overflow: { default: Y.Hidden },
|
|
35
|
-
padded: { type: Boolean, default: !0 },
|
|
36
|
-
rounded: { type: Boolean, default: !0 },
|
|
37
|
-
target: { default: X.Self },
|
|
38
|
-
testId: { default: "clll-card" },
|
|
39
|
-
title: {},
|
|
40
|
-
titleHLevel: { default: U.H2 },
|
|
41
|
-
titleType: { default: Q.SubSection },
|
|
42
|
-
truncateTitle: { type: Boolean, default: !1 },
|
|
43
|
-
type: { default: P.Medium },
|
|
44
|
-
variant: { default: O.Soft },
|
|
45
|
-
width: { default: "auto" }
|
|
46
|
-
},
|
|
47
|
-
setup(e) {
|
|
48
|
-
const t = "clll-card", a = e, L = ae(), w = z(), $ = v(), T = v(), R = ["a", "button"], m = v(), V = D(() => [
|
|
49
|
-
t,
|
|
50
|
-
`${t}--${a.type}`,
|
|
51
|
-
`${t}--${a.color}-${a.variant}`,
|
|
52
|
-
`${t}--${a.variant}`,
|
|
53
|
-
`${t}--align-${a.align}`,
|
|
54
|
-
a.rounded ? `${t}--rounded` : `${t}--box`,
|
|
55
|
-
a.bordered ? `${t}--bordered` : "",
|
|
56
|
-
a.borderRadius ? `${t}--${a.borderRadius}` : "",
|
|
57
|
-
a.busy ? `${t}--busy` : `${t}--ready`,
|
|
58
|
-
a.compact ? `${t}--compact` : `${t}--no-compact`,
|
|
59
|
-
a.title || a.byline ? `${t}--has-header` : `${t}--no-header`,
|
|
60
|
-
$.value ? `${t}--has-heading` : `${t}--no-heading`,
|
|
61
|
-
L.value ? `${t}--has-content` : `${t}--no-content`,
|
|
62
|
-
T.value ? `${t}--has-footer` : `${t}--no-footer`,
|
|
63
|
-
a.image ? `${t}--has-image` : `${t}--has-no-image`,
|
|
64
|
-
a.imageOrder ? `${t}--image-${a.imageOrder}` : "",
|
|
65
|
-
a.active ? `${t}--active` : `${t}--inactive`,
|
|
66
|
-
a.onClick ? `${t}--has-link` : "",
|
|
67
|
-
a.truncateTitle ? `${t}--has-truncated-title` : "",
|
|
68
|
-
a.elevated ? `${t}--elevated` : "",
|
|
69
|
-
a.overflow ? `${t}--overflow-${a.overflow}` : "",
|
|
70
|
-
a.padded ? "" : `${t}--no-padding`
|
|
71
|
-
]), H = (o) => {
|
|
72
|
-
if (a.busy || !a.onClick) return;
|
|
73
|
-
const { target: s } = o, f = s ? s.closest("a,button") : void 0, x = [
|
|
74
|
-
...m.value?.querySelectorAll("[data-expand-click-area]") ?? []
|
|
75
|
-
];
|
|
76
|
-
if (x.length) {
|
|
77
|
-
const S = x[0], W = f ? R.includes(f.tagName.toLowerCase()) : null;
|
|
78
|
-
!f && S !== o.target && !W && S.click();
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
return F(async () => {
|
|
82
|
-
await K(), m.value && a.forwardRef?.(m.value), $.value = w?.heading, T.value = w?.footer;
|
|
83
|
-
}), (o, s) => (i(), r("div", {
|
|
84
|
-
ref_key: "refExpandedArea",
|
|
85
|
-
ref: m,
|
|
86
|
-
class: n(l(V)),
|
|
87
|
-
style: k({ ...l(te)({ color: e.color, variant: e.variant }), width: e.width, height: e.height, overflow: e.overflow }),
|
|
88
|
-
"data-testid": e.testId,
|
|
89
|
-
tabindex: e.onClick ? 0 : void 0,
|
|
90
|
-
onClick: H,
|
|
91
|
-
onKeyup: M(H, ["enter"])
|
|
92
|
-
}, [
|
|
93
|
-
e.image && (e.imageOrder === l(N).Before || !e.imageOrder) ? (i(), r("div", {
|
|
94
|
-
key: 0,
|
|
95
|
-
class: n(`${t}__image`),
|
|
96
|
-
style: k({ width: e.imageWidth, height: e.imageHeight })
|
|
97
|
-
}, [
|
|
98
|
-
B(q(l(h), {
|
|
99
|
-
width: e.imageWidth,
|
|
100
|
-
height: e.imageHeight,
|
|
101
|
-
rounded: !1
|
|
102
|
-
}, null, 8, ["width", "height"]), [
|
|
103
|
-
[A, e.busy]
|
|
104
|
-
]),
|
|
105
|
-
B(u("img", {
|
|
106
|
-
alt: e.imageAltText,
|
|
107
|
-
class: n(`${t}__image__elem`),
|
|
108
|
-
loading: e.imageLoading,
|
|
109
|
-
src: e.image
|
|
110
|
-
}, null, 10, ie), [
|
|
111
|
-
[A, !e.busy]
|
|
112
|
-
])
|
|
113
|
-
], 6)) : d("", !0),
|
|
114
|
-
u("div", {
|
|
115
|
-
class: n(`${t}__content`)
|
|
116
|
-
}, [
|
|
117
|
-
u("div", {
|
|
118
|
-
class: n(`${t}__header`)
|
|
119
|
-
}, [
|
|
120
|
-
e.busy ? (i(), c(l(h), {
|
|
121
|
-
key: 0,
|
|
122
|
-
height: "28px"
|
|
123
|
-
})) : d("", !0),
|
|
124
|
-
e.busy ? (i(), c(l(h), {
|
|
125
|
-
key: 1,
|
|
126
|
-
width: "70%",
|
|
127
|
-
height: "16px"
|
|
128
|
-
})) : d("", !0),
|
|
129
|
-
!e.onClick && !e.href ? (i(), r(G, { key: 2 }, [
|
|
130
|
-
g(o.$slots, "heading"),
|
|
131
|
-
e.title && !e.busy ? (i(), c(l(E), {
|
|
132
|
-
key: 0,
|
|
133
|
-
align: e.align,
|
|
134
|
-
class: n(`${t}__heading`),
|
|
135
|
-
color: e.color,
|
|
136
|
-
level: e.titleHLevel,
|
|
137
|
-
truncate: e.truncateTitle,
|
|
138
|
-
type: e.titleType
|
|
139
|
-
}, {
|
|
140
|
-
default: y(() => [
|
|
141
|
-
b(C(e.title), 1)
|
|
142
|
-
]),
|
|
143
|
-
_: 1
|
|
144
|
-
}, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
|
|
145
|
-
], 64)) : e.title || l($) && (e.onClick || e.href) ? (i(), c(l(j), {
|
|
146
|
-
key: 3,
|
|
147
|
-
"aria-label": e.ariaLabel,
|
|
148
|
-
color: e.color,
|
|
149
|
-
href: e.href,
|
|
150
|
-
target: e.target,
|
|
151
|
-
"on-click": e.onClick,
|
|
152
|
-
"data-expand-click-area": ""
|
|
153
|
-
}, {
|
|
154
|
-
default: y(() => [
|
|
155
|
-
g(o.$slots, "heading"),
|
|
156
|
-
e.title && !e.busy ? (i(), c(l(E), {
|
|
157
|
-
key: 0,
|
|
158
|
-
align: e.align,
|
|
159
|
-
class: n(`${t}__heading`),
|
|
160
|
-
color: e.color,
|
|
161
|
-
level: e.titleHLevel,
|
|
162
|
-
truncate: e.truncateTitle,
|
|
163
|
-
type: e.titleType
|
|
164
|
-
}, {
|
|
165
|
-
default: y(() => [
|
|
166
|
-
b(C(e.title), 1)
|
|
167
|
-
]),
|
|
168
|
-
_: 1
|
|
169
|
-
}, 8, ["align", "class", "color", "level", "truncate", "type"])) : d("", !0)
|
|
170
|
-
]),
|
|
171
|
-
_: 3
|
|
172
|
-
}, 8, ["aria-label", "color", "href", "target", "on-click"])) : d("", !0),
|
|
173
|
-
g(o.$slots, "byline"),
|
|
174
|
-
e.byline && !e.busy ? (i(), c(l(J), {
|
|
175
|
-
key: 4,
|
|
176
|
-
align: e.align,
|
|
177
|
-
class: n(`${t}__byline`),
|
|
178
|
-
color: e.color,
|
|
179
|
-
type: l(ee).Small
|
|
180
|
-
}, {
|
|
181
|
-
default: y(() => [
|
|
182
|
-
b(C(e.byline), 1)
|
|
183
|
-
]),
|
|
184
|
-
_: 1
|
|
185
|
-
}, 8, ["align", "class", "color", "type"])) : d("", !0)
|
|
186
|
-
], 2),
|
|
187
|
-
u("div", {
|
|
188
|
-
class: n(`${t}__slot`)
|
|
189
|
-
}, [
|
|
190
|
-
u("div", {
|
|
191
|
-
ref: "slot-content",
|
|
192
|
-
class: n([`${t}__slot-content`, { busy: e.busy }])
|
|
193
|
-
}, [
|
|
194
|
-
l(L) && e.busy ? (i(), c(l(h), {
|
|
195
|
-
key: 0,
|
|
196
|
-
width: "100%",
|
|
197
|
-
height: "100%"
|
|
198
|
-
})) : d("", !0),
|
|
199
|
-
u("div", null, [
|
|
200
|
-
g(o.$slots, "default")
|
|
201
|
-
])
|
|
202
|
-
], 2)
|
|
203
|
-
], 2),
|
|
204
|
-
u("div", {
|
|
205
|
-
class: n(`${t}__footer`)
|
|
206
|
-
}, [
|
|
207
|
-
g(o.$slots, "footer")
|
|
208
|
-
], 2)
|
|
209
|
-
], 2),
|
|
210
|
-
e.image && e.imageOrder === l(N).After ? (i(), r("div", {
|
|
211
|
-
key: 1,
|
|
212
|
-
class: n(`${t}__image`),
|
|
213
|
-
style: k({ width: e.imageWidth, height: e.imageHeight })
|
|
214
|
-
}, [
|
|
215
|
-
e.busy ? (i(), c(l(h), {
|
|
216
|
-
key: 0,
|
|
217
|
-
width: e.imageWidth,
|
|
218
|
-
height: e.imageHeight,
|
|
219
|
-
rounded: !1
|
|
220
|
-
}, null, 8, ["width", "height"])) : d("", !0),
|
|
221
|
-
g(o.$slots, "image"),
|
|
222
|
-
e.busy ? d("", !0) : (i(), r("img", {
|
|
223
|
-
key: 1,
|
|
224
|
-
alt: e.imageAltText,
|
|
225
|
-
class: n(`${t}__image__elem`),
|
|
226
|
-
loading: e.imageLoading,
|
|
227
|
-
src: e.image
|
|
228
|
-
}, null, 10, ne))
|
|
229
|
-
], 6)) : d("", !0),
|
|
230
|
-
!e.title && (e.onClick || e.href) ? (i(), r("a", {
|
|
231
|
-
key: 2,
|
|
232
|
-
"aria-label": e.ariaLabel,
|
|
233
|
-
class: "sr-only",
|
|
234
|
-
href: e.href,
|
|
235
|
-
target: e.target,
|
|
236
|
-
"data-expand-click-area": "",
|
|
237
|
-
onClick: s[0] || (s[0] = //@ts-ignore
|
|
238
|
-
(...f) => e.onClick && e.onClick(...f))
|
|
239
|
-
}, null, 8, de)) : d("", !0),
|
|
240
|
-
e.onClick && e.variant !== l(O).Ghost ? (i(), r("div", {
|
|
241
|
-
key: 3,
|
|
242
|
-
class: n(`${t}__hover-elem`)
|
|
243
|
-
}, null, 2)) : d("", !0)
|
|
244
|
-
], 46, le));
|
|
245
|
-
}
|
|
246
|
-
});
|
|
247
|
-
export {
|
|
248
|
-
ye as _
|
|
249
|
-
};
|