@codeandfunction/callaloo 3.16.5 → 3.16.6

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.
Files changed (42) hide show
  1. package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js → CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js} +1 -1
  2. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js +248 -0
  3. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js +84 -0
  4. package/dist/chunks/{CLLink.vue_vue_type_style_index_0_lang-BDL4xcfJ.js → CLLink.vue_vue_type_style_index_0_lang-DCwTmOOz.js} +1 -1
  5. package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js → CLNavLink.vue_vue_type_script_setup_true_lang-B_AmMW02.js} +1 -1
  6. package/dist/chunks/{CLPill.vue_vue_type_style_index_0_lang-DwNvvX0v.js → CLPill.vue_vue_type_style_index_0_lang-B1MuCUnW.js} +2 -2
  7. package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-Mikbgpn2.js → CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js} +21 -24
  8. package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang--LtiFHSO.js +30 -0
  9. package/dist/chunks/{CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js → CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js} +53 -56
  10. package/dist/components/Buttons/CLButton/CLButton.js +1 -1
  11. package/dist/components/CLIcon/CLIcon.css +1 -1
  12. package/dist/components/CLIcon/CLIcon.js +1 -1
  13. package/dist/components/CLTable/CLTable.css +1 -1
  14. package/dist/components/CLTable/CLTable.js +72 -74
  15. package/dist/components/Containers/CLCard/CLCard.css +1 -1
  16. package/dist/components/Containers/CLCard/CLCard.js +1 -1
  17. package/dist/components/Containers/CLCarousel/CLCarousel.js +1 -1
  18. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +2 -2
  19. package/dist/components/Form/CLCheckbox/CLCheckbox.js +1 -1
  20. package/dist/components/Form/CLInput/CLInput.js +3 -3
  21. package/dist/components/Form/CLSelect/CLSelect.js +1 -1
  22. package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
  23. package/dist/components/Indicators/CLBanner/CLBanner.js +52 -56
  24. package/dist/components/Indicators/CLPill/CLPill.js +1 -1
  25. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
  26. package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
  27. package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
  28. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
  29. package/dist/components/Modals/CLModal/CLModal.css +1 -1
  30. package/dist/components/Modals/CLModal/CLModal.js +69 -72
  31. package/dist/components/Navigation/CLLink/CLLink.js +1 -1
  32. package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
  33. package/dist/components/Navigation/CLNavSection/CLNavSection.js +1 -1
  34. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
  35. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +199 -202
  36. package/dist/components/Popups/CLToast/CLToast.css +1 -1
  37. package/dist/components/Popups/CLToast/CLToast.js +1 -1
  38. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
  39. package/package.json +1 -1
  40. package/dist/chunks/CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js +0 -253
  41. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js +0 -87
  42. package/dist/chunks/CLSkeleton.vue_vue_type_style_index_0_lang-Csb9YnTI.js +0 -34
@@ -1 +1 @@
1
- .clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);background-color:var(--clll-toast-bg-color, white);color:var(--clll-toast-text-color, inherit);transition-property:all;transition-duration:.3s;transition-timing-function:ease;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}@media(min-width:768px){.clll-toast{width:var(--v952305c6)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media(min-width:768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media(min-width:768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full);background-color:var(--clll-toast-icon-bg, transparent)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon .clll-icon{color:var(--clll-toast-icon-color, inherit)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast .clll-toast__timer-bar{position:relative;left:0;bottom:0;height:var(--clll-unit-1);transform-origin:left;width:100%;background-color:var(--clll-toast-timer-bg, transparent);transform:translateZ(0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}.clll-toast.clll-toast--rounded:not([class*=clll-toast--rounded-]){border-radius:var(--clll-toast-theme-radius, var(--clll-rounded-sm))}
1
+ .clll-toast{bottom:var(--clll-unit-4);position:fixed;overflow:hidden;width:90%;left:0;right:0;margin-left:auto;margin-right:auto;transform:translateY(100vh);background-color:var(--clll-toast-bg-color, white);color:var(--clll-toast-text-color, inherit);transition-property:all;transition-duration:.3s;transition-timing-function:ease;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}@media(min-width:768px){.clll-toast{width:var(--clll-toast-width)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-left{left:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--bottom-center{left:0;right:0;margin-left:auto;margin-right:auto;bottom:var(--clll-unit-8)}}@media(min-width:768px){.clll-toast.clll-toast--bottom-right{right:var(--clll-unit-8);bottom:var(--clll-unit-8);margin-right:0}}@media(min-width:768px){.clll-toast.clll-toast--top-left{left:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-left:0}}@media(min-width:768px){.clll-toast.clll-toast--top-center{left:0;right:0;margin-left:auto;margin-right:auto;top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh)}}@media(min-width:768px){.clll-toast.clll-toast--top-right{right:var(--clll-unit-8);top:var(--clll-unit-8);bottom:auto;transform:translateY(-20vh);margin-right:0}}.clll-toast .clll-toast__body{display:flex;align-items:center;padding-top:var(--clll-unit-2_5);padding-left:var(--clll-unit-4);padding-bottom:var(--clll-unit-2_5);padding-right:var(--clll-unit-4)}.clll-toast .clll-toast__body>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content{display:flex;align-items:center;flex:1 1 0%}.clll-toast .clll-toast__body .clll-toast__content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-4)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon{display:flex;flex-direction:column;align-items:center;padding:var(--clll-unit-2);border-radius:var(--clll-rounded-full);background-color:var(--clll-toast-icon-bg, transparent)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon .clll-icon{color:var(--clll-toast-icon-color, inherit)}.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text{flex:1 1 0%}.clll-toast .clll-toast__timer-bar{position:relative;left:0;bottom:0;height:var(--clll-unit-1);transform-origin:left;width:100%;background-color:var(--clll-toast-timer-bg, transparent);transform:translateZ(0) rotate(0) skew(0) skewY(0) scaleX(0) scaleY(0)}.clll-toast.clll-toast--has-icon .clll-toast__body{padding-top:var(--clll-unit-2);padding-bottom:var(--clll-unit-2)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body{padding-top:var(--clll-unit-4);padding-bottom:var(--clll-unit-4)}.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large{font-weight:500}.clll-toast.clll-toast--mounted{transform:translateY(0)}.clll-toast.clll-toast--rounded{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-full,.clll-toast.clll-toast--rounded.clll-toast--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-toast.clll-toast--rounded.clll-toast--rounded-lg,.clll-toast.clll-toast--rounded.clll-toast--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-toast.clll-toast--rounded.clll-toast--rounded-md,.clll-toast.clll-toast--rounded.clll-toast--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-toast.clll-toast--rounded.clll-toast--rounded-sm,.clll-toast.clll-toast--rounded.clll-toast--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xs,.clll-toast.clll-toast--rounded.clll-toast--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-toast.clll-toast--rounded.clll-toast--rounded-xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl,.clll-toast.clll-toast--rounded.clll-toast--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-toast.clll-toast--rounded.clll-toast--rounded-none,.clll-toast.clll-toast--rounded.clll-toast--rounded-none .clll-{border-radius:0}.clll-toast.clll-toast--rounded:not([class*=clll-toast--rounded-]){border-radius:var(--clll-toast-theme-radius, var(--clll-rounded-sm))}
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLToast.css';
3
- import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js";
3
+ import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js";
4
4
  export {
5
5
  s as CLToast,
6
6
  s as default
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as p, createBlock as z, createCommentVNode as B, renderSlot as S, unref as A } from "vue";
3
- import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js";
3
+ import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js";
4
4
  const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
5
5
  name: "CLToastProvider",
6
6
  __name: "CLToastProvider",
package/package.json CHANGED
@@ -17,7 +17,7 @@
17
17
  "ui components",
18
18
  "vuejs"
19
19
  ],
20
- "version": "3.16.5",
20
+ "version": "3.16.6",
21
21
  "license": "MIT",
22
22
  "type": "module",
23
23
  "scripts": {
@@ -1,253 +0,0 @@
1
- import { defineComponent as W, useCssVars as I, useSlots as z, ref as v, computed as D, onMounted as F, nextTick as K, createElementBlock as r, openBlock as n, withKeys as M, normalizeStyle as q, normalizeClass as d, unref as l, createCommentVNode as o, createElementVNode as u, withDirectives as B, createVNode as G, vShow as x, createBlock as c, renderSlot as s, Fragment as j, withCtx as y, createTextVNode as b, toDisplayString as k } from "vue";
2
- import { _ as A } from "./CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
3
- import { _ as J } from "./CLLink.vue_vue_type_style_index_0_lang-BDL4xcfJ.js";
4
- import { _ as m } from "./CLSkeleton.vue_vue_type_style_index_0_lang-Csb9YnTI.js";
5
- import { _ as P } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
6
- import { CLColorVariants as E, CLCardTypes as Q, CLHeadingTypes as U, CLHeadingLevels as X, CLLinkTarget as Y, CLOverflow as Z, CLLoading as p, CLColors as _, CLAlign as ee, CLOrder as O, CLTextTypes as ae } from "../index.js";
7
- import { c as te } from "./utils-zJwcNHl4.js";
8
- import { useHasSlotContent as le } from "../composables/useHasSlotContent.js";
9
- const ie = ["data-testid", "tabindex"], ne = ["alt", "loading", "src"], de = ["alt", "loading", "src"], oe = ["aria-label", "href", "target"], $e = /* @__PURE__ */ W({
10
- name: "CLCard",
11
- __name: "CLCard",
12
- props: {
13
- active: { type: Boolean, default: !1 },
14
- align: { default: ee.Left },
15
- ariaLabel: {},
16
- borderRadius: {},
17
- bordered: { type: Boolean, default: !0 },
18
- busy: { type: Boolean, default: !1 },
19
- byline: {},
20
- color: { default: _.Neutral },
21
- compact: { type: Boolean, default: !1 },
22
- elevated: { type: Boolean, default: !1 },
23
- forwardRef: {},
24
- height: { default: "auto" },
25
- href: {},
26
- image: {},
27
- imageAltText: { default: "" },
28
- imageHeight: { default: "auto" },
29
- imageLoading: { default: p.Eager },
30
- imageOrder: {},
31
- imageWidth: { default: "auto" },
32
- onClick: {},
33
- overflow: { default: Z.Hidden },
34
- padded: { type: Boolean, default: !0 },
35
- rounded: { type: Boolean, default: !0 },
36
- target: { default: Y.Self },
37
- testId: { default: "clll-card" },
38
- title: {},
39
- titleHLevel: { default: X.H2 },
40
- titleType: { default: U.SubSection },
41
- truncateTitle: { type: Boolean, default: !1 },
42
- type: { default: Q.Medium },
43
- variant: { default: E.Soft },
44
- width: { default: "auto" }
45
- },
46
- setup(e) {
47
- I((i) => ({
48
- v337fb248: i.width,
49
- v22a79ce5: i.height,
50
- v6b6cc840: i.overflow,
51
- v6af231e9: i.imageWidth,
52
- v4cf5dd38: i.imageHeight
53
- }));
54
- const a = "clll-card", t = e, C = le(), L = z(), $ = v(), w = v(), N = ["a", "button"], h = v(), V = D(() => [
55
- a,
56
- `${a}--${t.type}`,
57
- `${a}--${t.color}-${t.variant}`,
58
- `${a}--${t.variant}`,
59
- `${a}--align-${t.align}`,
60
- t.rounded ? `${a}--rounded` : `${a}--box`,
61
- t.bordered ? `${a}--bordered` : "",
62
- t.borderRadius ? `${a}--${t.borderRadius}` : "",
63
- t.busy ? `${a}--busy` : `${a}--ready`,
64
- t.compact ? `${a}--compact` : `${a}--no-compact`,
65
- t.title || t.byline ? `${a}--has-header` : `${a}--no-header`,
66
- $.value ? `${a}--has-heading` : `${a}--no-heading`,
67
- C.value ? `${a}--has-content` : `${a}--no-content`,
68
- w.value ? `${a}--has-footer` : `${a}--no-footer`,
69
- t.image ? `${a}--has-image` : `${a}--has-no-image`,
70
- t.imageOrder ? `${a}--image-${t.imageOrder}` : "",
71
- t.active ? `${a}--active` : `${a}--inactive`,
72
- t.onClick ? `${a}--has-link` : "",
73
- t.truncateTitle ? `${a}--has-truncated-title` : "",
74
- t.elevated ? `${a}--elevated` : "",
75
- t.overflow ? `${a}--overflow-${t.overflow}` : "",
76
- t.padded ? "" : `${a}--no-padding`
77
- ]), T = (i) => {
78
- if (t.busy || !t.onClick) return;
79
- const { target: g } = i, f = g ? g.closest("a,button") : void 0, H = [
80
- ...h.value?.querySelectorAll("[data-expand-click-area]") ?? []
81
- ];
82
- if (H.length) {
83
- const S = H[0], R = f ? N.includes(f.tagName.toLowerCase()) : null;
84
- !f && S !== i.target && !R && S.click();
85
- }
86
- };
87
- return F(async () => {
88
- await K(), h.value && t.forwardRef?.(h.value), $.value = L?.heading, w.value = L?.footer;
89
- }), (i, g) => (n(), r("div", {
90
- ref_key: "refExpandedArea",
91
- ref: h,
92
- class: d(l(V)),
93
- style: q(l(te)({ color: e.color, variant: e.variant })),
94
- "data-testid": e.testId,
95
- tabindex: e.onClick ? 0 : void 0,
96
- onClick: T,
97
- onKeyup: M(T, ["enter"])
98
- }, [
99
- e.image && (e.imageOrder === l(O).Before || !e.imageOrder) ? (n(), r("div", {
100
- key: 0,
101
- class: d(`${a}__image`)
102
- }, [
103
- B(G(l(m), {
104
- width: e.imageWidth,
105
- height: e.imageHeight,
106
- rounded: !1
107
- }, null, 8, ["width", "height"]), [
108
- [x, e.busy]
109
- ]),
110
- B(u("img", {
111
- alt: e.imageAltText,
112
- class: d(`${a}__image__elem`),
113
- loading: e.imageLoading,
114
- src: e.image
115
- }, null, 10, ne), [
116
- [x, !e.busy]
117
- ])
118
- ], 2)) : o("", !0),
119
- u("div", {
120
- class: d(`${a}__content`)
121
- }, [
122
- u("div", {
123
- class: d(`${a}__header`)
124
- }, [
125
- e.busy ? (n(), c(l(m), {
126
- key: 0,
127
- height: "28px"
128
- })) : o("", !0),
129
- e.busy ? (n(), c(l(m), {
130
- key: 1,
131
- width: "70%",
132
- height: "16px"
133
- })) : o("", !0),
134
- !e.onClick && !e.href ? (n(), r(j, { key: 2 }, [
135
- s(i.$slots, "heading"),
136
- e.title && !e.busy ? (n(), c(l(A), {
137
- key: 0,
138
- align: e.align,
139
- class: d(`${a}__heading`),
140
- color: e.color,
141
- level: e.titleHLevel,
142
- truncate: e.truncateTitle,
143
- type: e.titleType
144
- }, {
145
- default: y(() => [
146
- b(k(e.title), 1)
147
- ]),
148
- _: 1
149
- }, 8, ["align", "class", "color", "level", "truncate", "type"])) : o("", !0)
150
- ], 64)) : e.title || l($) && (e.onClick || e.href) ? (n(), c(l(J), {
151
- key: 3,
152
- "aria-label": e.ariaLabel,
153
- color: e.color,
154
- href: e.href,
155
- target: e.target,
156
- "on-click": e.onClick,
157
- "data-expand-click-area": ""
158
- }, {
159
- default: y(() => [
160
- s(i.$slots, "heading"),
161
- e.title && !e.busy ? (n(), c(l(A), {
162
- key: 0,
163
- align: e.align,
164
- class: d(`${a}__heading`),
165
- color: e.color,
166
- level: e.titleHLevel,
167
- truncate: e.truncateTitle,
168
- type: e.titleType
169
- }, {
170
- default: y(() => [
171
- b(k(e.title), 1)
172
- ]),
173
- _: 1
174
- }, 8, ["align", "class", "color", "level", "truncate", "type"])) : o("", !0)
175
- ]),
176
- _: 3
177
- }, 8, ["aria-label", "color", "href", "target", "on-click"])) : o("", !0),
178
- s(i.$slots, "byline"),
179
- e.byline && !e.busy ? (n(), c(l(P), {
180
- key: 4,
181
- align: e.align,
182
- class: d(`${a}__byline`),
183
- color: e.color,
184
- type: l(ae).Small
185
- }, {
186
- default: y(() => [
187
- b(k(e.byline), 1)
188
- ]),
189
- _: 1
190
- }, 8, ["align", "class", "color", "type"])) : o("", !0)
191
- ], 2),
192
- u("div", {
193
- class: d(`${a}__slot`)
194
- }, [
195
- u("div", {
196
- ref: "slot-content",
197
- class: d([`${a}__slot-content`, { busy: e.busy }])
198
- }, [
199
- l(C) && e.busy ? (n(), c(l(m), {
200
- key: 0,
201
- width: "100%",
202
- height: "100%"
203
- })) : o("", !0),
204
- u("div", null, [
205
- s(i.$slots, "default")
206
- ])
207
- ], 2)
208
- ], 2),
209
- u("div", {
210
- class: d(`${a}__footer`)
211
- }, [
212
- s(i.$slots, "footer")
213
- ], 2)
214
- ], 2),
215
- e.image && e.imageOrder === l(O).After ? (n(), r("div", {
216
- key: 1,
217
- class: d(`${a}__image`)
218
- }, [
219
- e.busy ? (n(), c(l(m), {
220
- key: 0,
221
- width: e.imageWidth,
222
- height: e.imageHeight,
223
- rounded: !1
224
- }, null, 8, ["width", "height"])) : o("", !0),
225
- s(i.$slots, "image"),
226
- e.busy ? o("", !0) : (n(), r("img", {
227
- key: 1,
228
- alt: e.imageAltText,
229
- class: d(`${a}__image__elem`),
230
- loading: e.imageLoading,
231
- src: e.image
232
- }, null, 10, de))
233
- ], 2)) : o("", !0),
234
- !e.title && (e.onClick || e.href) ? (n(), r("a", {
235
- key: 2,
236
- "aria-label": e.ariaLabel,
237
- class: "sr-only",
238
- href: e.href,
239
- target: e.target,
240
- "data-expand-click-area": "",
241
- onClick: g[0] || (g[0] = //@ts-ignore
242
- (...f) => e.onClick && e.onClick(...f))
243
- }, null, 8, oe)) : o("", !0),
244
- e.onClick && e.variant !== l(E).Ghost ? (n(), r("div", {
245
- key: 3,
246
- class: d(`${a}__hover-elem`)
247
- }, null, 2)) : o("", !0)
248
- ], 46, ie));
249
- }
250
- });
251
- export {
252
- $e as _
253
- };
@@ -1,87 +0,0 @@
1
- import { defineComponent as p, useCssVars as v, computed as X, onMounted as z, createElementBlock as d, openBlock as m, normalizeStyle as B, normalizeClass as u, unref as f, createElementVNode as I } from "vue";
2
- import { CLMode as h, CLColors as C, CLColorVariants as S, CLIconSizes as e } from "../index.js";
3
- import { g as w } from "./utils-CS9Gz4oX.js";
4
- import { useTheme as x } from "../composables/useTheme.js";
5
- import { i as M } from "./helper--hRjZVm6.js";
6
- const b = ({ color: o = C.Neutral }) => {
7
- const { colors: l, darkMode: t } = x(), s = t.value ? h.Light : h.Dark;
8
- return {
9
- "--clll-icon-color": w({
10
- color: o,
11
- colors: l.value,
12
- mode: s,
13
- variant: S.Text
14
- })?.textBody ?? "inherit"
15
- };
16
- }, E = ["data-testid"], $ = ["height", "width"], N = ["href"], O = /* @__PURE__ */ p({
17
- name: "CLIcon",
18
- __name: "CLIcon",
19
- props: {
20
- color: { default: C.Neutral },
21
- name: {},
22
- size: { default: e.Small },
23
- testId: { default: "clll-icon" }
24
- },
25
- setup(o) {
26
- v((n) => ({
27
- v61c2ebfe: s[n.size] + "px"
28
- }));
29
- const l = o, t = "clll-icon", s = {
30
- [e.Tiny]: 20,
31
- [e.Small]: 24,
32
- [e.Medium]: 28,
33
- [e.Large]: 32,
34
- [e.XL]: 36,
35
- [e.XXL]: 40,
36
- [e.XXXL]: 44,
37
- [e.XXXXL]: 48
38
- }, r = X(() => [
39
- t,
40
- `${t}--${l.name}`,
41
- `${t}--${l.size}`
42
- ]), L = async () => {
43
- if (!M) return;
44
- let n = document.getElementById("clll-icons");
45
- if (!n)
46
- try {
47
- const a = (/* @__PURE__ */ Object.assign({
48
- "/src/icons.svg": () => import("./icons-QRYZHNAf.js").then((y) => y.default)
49
- }))["/src/icons.svg"];
50
- if (!a) {
51
- console.warn("[Callaloo] Icon sprite not found");
52
- return;
53
- }
54
- const g = await a();
55
- if (n = document.getElementById("clll-icons"), n) return;
56
- const c = document.createElement("div");
57
- c.id = "clll-icons", c.style.display = "none", c.innerHTML = g.toString(), document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", () => {
58
- document.body.insertBefore(c, document.body.childNodes[0]);
59
- }) : document.body.insertBefore(c, document.body.childNodes[0]);
60
- } catch (i) {
61
- console.error("[Callaloo] Failed to load icon sprite:", i);
62
- }
63
- };
64
- return z(() => {
65
- L();
66
- }), (n, i) => (m(), d("span", {
67
- class: u(f(r)),
68
- "data-testid": o.testId,
69
- style: B(f(b)({ color: o.color }))
70
- }, [
71
- (m(), d("svg", {
72
- "aria-hidden": "true",
73
- class: u(`${t}-sprite`),
74
- height: s[o.size],
75
- width: s[o.size],
76
- viewBox: "0 0 24 24"
77
- }, [
78
- I("use", {
79
- href: `#${o.name}`
80
- }, null, 8, N)
81
- ], 10, $))
82
- ], 14, E));
83
- }
84
- });
85
- export {
86
- O as _
87
- };
@@ -1,34 +0,0 @@
1
- import { defineComponent as a, useCssVars as r, computed as i, createElementBlock as u, openBlock as m, normalizeStyle as c, normalizeClass as p, unref as n, createElementVNode as f } from "vue";
2
- import { s as k } from "./utils-CAV1sBee.js";
3
- const h = ["data-testid"], $ = /* @__PURE__ */ a({
4
- name: "CLSkeleton",
5
- __name: "CLSkeleton",
6
- props: {
7
- borderRadius: {},
8
- height: { default: "100%" },
9
- rounded: { type: Boolean, default: !0 },
10
- testId: { default: "clll-skeleton" },
11
- width: { default: "100%" }
12
- },
13
- setup(o) {
14
- r((s) => ({
15
- e132876a: s.width,
16
- v43a1d342: s.height
17
- }));
18
- const t = o, e = "clll-skeleton", d = i(() => [
19
- e,
20
- t.borderRadius ? `${e}--${t.borderRadius}` : "",
21
- t.rounded ? `${e}--rounded` : `${e}--square`
22
- ]);
23
- return (s, l) => (m(), u("div", {
24
- class: p(n(d)),
25
- "data-testid": o.testId,
26
- style: c(n(k)())
27
- }, [...l[0] || (l[0] = [
28
- f("div", { class: "clll-skeleton__animation" }, null, -1)
29
- ])], 14, h));
30
- }
31
- });
32
- export {
33
- $ as _
34
- };