@fiscozen/checkbox 3.0.2 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -0
- package/dist/checkbox.css +1 -1
- package/dist/checkbox.js +193 -190
- package/dist/checkbox.umd.cjs +2 -2
- package/dist/src/common.d.ts +6 -0
- package/package.json +7 -7
- package/src/__tests__/__snapshots__/FzCheckbox.spec.ts.snap +9 -9
- package/src/__tests__/__snapshots__/FzCheckboxCard.spec.ts.snap +1 -1
- package/src/__tests__/__snapshots__/FzCheckboxGroup.spec.ts.snap +12 -12
- package/src/common.ts +7 -2
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,31 @@
|
|
|
1
1
|
# @fiscozen/checkbox
|
|
2
2
|
|
|
3
|
+
## 3.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- a9c33b8: Replace fragile reference-identity slot filtering and provide/inject keys with namespaced primitive strings.
|
|
8
|
+
|
|
9
|
+
Two related Vite dev-mode regressions are fixed at the same time, both rooted in module-instance duplication that occurs when consuming apps exclude `@fiscozen/*` packages from `optimizeDeps` (needed to preserve nested npm resolution for version-conflicting transitives). When the same `.vue` or `.ts` file is loaded as multiple distinct module instances, reference-identity comparisons (`vnode.type === Component` for slot filtering, `Symbol(...)` for provide/inject keys) silently fail.
|
|
10
|
+
|
|
11
|
+
**Slot filtering** — child components now expose a `__fzKind` marker via `defineOptions({ __fzKind: "@fiscozen/<package>/<Component>" })`, and parents filter by reading that string instead of comparing references. Affected:
|
|
12
|
+
- `FzTabs` filtering `FzTab` children
|
|
13
|
+
- `FzSimpleTable` filtering `FzColumn` children
|
|
14
|
+
- `FzTable` filtering `FzColumn`/`FzRow` children
|
|
15
|
+
- `FzButtonGroup` validating `FzButton` children
|
|
16
|
+
- `FzTooltip` auto-detecting `FzButton`/`FzIconButton`/`FzLink` for interactive-element handling
|
|
17
|
+
|
|
18
|
+
**Provide/inject keys** — the two module-scoped `Symbol(...)` injection keys are now namespaced primitive strings, applying the same value-equality property to provide/inject. Affected:
|
|
19
|
+
- `@fiscozen/checkbox` `CHECKED_SET_KEY`
|
|
20
|
+
- `@fiscozen/collapse` `ACCORDION_KEY`
|
|
21
|
+
|
|
22
|
+
No public API changes; consumers do not need to update their templates or call sites.
|
|
23
|
+
|
|
24
|
+
- Updated dependencies [a9c33b8]
|
|
25
|
+
- Updated dependencies [6dd9ef5]
|
|
26
|
+
- @fiscozen/tooltip@3.0.2
|
|
27
|
+
- @fiscozen/alert@3.0.1
|
|
28
|
+
|
|
3
29
|
## 3.0.2
|
|
4
30
|
|
|
5
31
|
### Patch Changes
|
package/dist/checkbox.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.fz-icon-button-wrapper[data-v-
|
|
1
|
+
.fz__tooltip__text[data-v-e4c0b632]{overflow-wrap:anywhere}.fz-icon-button-wrapper[data-v-84505903]>button{gap:0!important;min-width:0!important}.fz-icon-button-wrapper--backoffice[data-v-84505903]>button{padding-left:5px;padding-right:5px}.fz-icon-button-wrapper--frontoffice[data-v-84505903]>button{padding-left:11px;padding-right:11px}.fz-container[data-v-8c40daeb]{display:flex}.fz-container--vertical[data-v-8c40daeb]{flex-direction:column}.fz-container--horizontal[data-v-8c40daeb]{flex-flow:row}.fz-container.align-items-start[data-v-8c40daeb]{align-items:flex-start}.fz-container.align-items-center[data-v-8c40daeb]{align-items:center}.fz-container.align-items-end[data-v-8c40daeb]{align-items:flex-end}.fz-container.align-items-stretch[data-v-8c40daeb]{align-items:stretch}.fz-container.align-items-baseline[data-v-8c40daeb]{align-items:baseline}.fz-container--horizontal.layout-expand-first[data-v-8c40daeb]>:first-child,.fz-container--horizontal.layout-expand-all[data-v-8c40daeb]>*{flex-grow:1}.fz-container--horizontal.layout-space-between[data-v-8c40daeb]{justify-content:space-between}.fz-container--horizontal.layout-expand-last[data-v-8c40daeb]>:last-child{flex-grow:1}.fz-container--vertical.gap-main-content-sm[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--main-content-sm,32px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-main-content-base[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--main-content-base,48px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-main-content-lg[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--main-content-lg,64px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-none[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--section-content-none,0px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-xs[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--section-content-xs,8px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-sm[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--section-content-sm,16px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-base[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--section-content-base,24px)) + var(--paragraph-gap,8px))}.fz-container--vertical.gap-section-content-lg[data-v-8c40daeb]>p+p{margin-top:calc((0px - var(--section-content-lg,32px)) + var(--paragraph-gap,8px))}.fz-container--horizontal[data-v-8c40daeb]>p+p{margin-top:0}.bg-semantic-info-50[data-v-3d1f9d4e]{background-color:#f3f7ff}.bg-semantic-error-50[data-v-3d1f9d4e]{background-color:#fef3f3}.bg-semantic-warning-50[data-v-3d1f9d4e]{background-color:#fff8f3}.bg-semantic-success-50[data-v-3d1f9d4e]{background-color:#f2f8f6}.fz-hidden-input[data-v-2b198cc9]{opacity:0;appearance:none;border:0;height:0;margin:0}.group[data-error]:hover:not([data-disabled]) .peer~label>div[data-v-2b198cc9],.group[data-error]:hover:not([data-disabled]) .peer~label[data-v-2b198cc9]{color:var(--semantic-error-300)!important}.group[data-emphasis]:hover:not([data-disabled]):not([data-error]) .peer~label>div[data-v-2b198cc9]{color:var(--blue-600)!important}.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:checked~label>div[data-v-2b198cc9],.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:indeterminate~label>div[data-v-2b198cc9]{color:var(--core-black)!important}.group:hover:not([data-emphasis]):not([data-error]):not([data-disabled]) .peer:not(:checked):not(:indeterminate)~label>div[data-v-2b198cc9]{color:var(--blue-600)!important}.fz-hidden-input[data-v-1a096df1]{opacity:0;appearance:none;border:0;height:0;margin:0}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/checkbox.js
CHANGED
|
@@ -1955,9 +1955,9 @@ pe.forEach((e) => {
|
|
|
1955
1955
|
r && (Y[e] || (Y[e] = {}), Y[e][n] = r);
|
|
1956
1956
|
});
|
|
1957
1957
|
});
|
|
1958
|
-
var
|
|
1959
|
-
|
|
1960
|
-
let t =
|
|
1958
|
+
var X = J.global.semantic;
|
|
1959
|
+
X && me.forEach((e) => {
|
|
1960
|
+
let t = X[e];
|
|
1961
1961
|
t && typeof t == "object" && Object.keys(t).forEach((n) => {
|
|
1962
1962
|
let r = t[n]?.value;
|
|
1963
1963
|
if (r) {
|
|
@@ -1968,7 +1968,7 @@ he && me.forEach((e) => {
|
|
|
1968
1968
|
});
|
|
1969
1969
|
//#endregion
|
|
1970
1970
|
//#region ../style/src/constants.ts
|
|
1971
|
-
var
|
|
1971
|
+
var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.value, e), {}), ge = /* @__PURE__ */ u({
|
|
1972
1972
|
__name: "FzFloating",
|
|
1973
1973
|
props: {
|
|
1974
1974
|
isOpen: {
|
|
@@ -1989,7 +1989,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
1989
1989
|
},
|
|
1990
1990
|
emits: ["fzfloating:setPosition"],
|
|
1991
1991
|
setup(e, { expose: s, emit: c }) {
|
|
1992
|
-
let l = e, u = c, d = S(null), f = S(null), p = P(), m = ue(`(max-width: ${
|
|
1992
|
+
let l = e, u = c, d = S(null), f = S(null), p = P(), m = ue(`(max-width: ${he.xs})`), v = !1, b = !1, x = null, C = null, T = {
|
|
1993
1993
|
position: l.position,
|
|
1994
1994
|
element: { domRef: d },
|
|
1995
1995
|
container: { domRef: A(l.container || document.body) },
|
|
@@ -2072,12 +2072,172 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2072
2072
|
})], 2), [[I, n.$slots.default && (!n.$slots.opener || n.$slots.opener && e.isOpen)]])])) : i("", !0)
|
|
2073
2073
|
]));
|
|
2074
2074
|
}
|
|
2075
|
-
}),
|
|
2075
|
+
}), _e = [
|
|
2076
|
+
"aria-label",
|
|
2077
|
+
"aria-describedby",
|
|
2078
|
+
"tabindex"
|
|
2079
|
+
], ve = ["aria-hidden"], ye = 100, be = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", xe = /* @__PURE__ */ u({
|
|
2080
|
+
__name: "FzTooltip",
|
|
2081
|
+
props: {
|
|
2082
|
+
position: { default: "auto" },
|
|
2083
|
+
status: { default: "neutral" },
|
|
2084
|
+
text: {},
|
|
2085
|
+
withIcon: {
|
|
2086
|
+
type: Boolean,
|
|
2087
|
+
default: !1
|
|
2088
|
+
},
|
|
2089
|
+
ariaLabel: {},
|
|
2090
|
+
interactive: {
|
|
2091
|
+
type: [Boolean, String],
|
|
2092
|
+
default: "auto"
|
|
2093
|
+
},
|
|
2094
|
+
_forceOpenForDesignReview: {
|
|
2095
|
+
type: Boolean,
|
|
2096
|
+
default: !1
|
|
2097
|
+
}
|
|
2098
|
+
},
|
|
2099
|
+
setup(e) {
|
|
2100
|
+
let t = e, a = P(), s = new Set([
|
|
2101
|
+
"@fiscozen/button/FzButton",
|
|
2102
|
+
"@fiscozen/button/FzIconButton",
|
|
2103
|
+
"@fiscozen/link/FzLink"
|
|
2104
|
+
]);
|
|
2105
|
+
function l(e) {
|
|
2106
|
+
let t = e.type?.__fzKind;
|
|
2107
|
+
return typeof t == "string" && s.has(t);
|
|
2108
|
+
}
|
|
2109
|
+
function u(e) {
|
|
2110
|
+
if (l(e)) return !0;
|
|
2111
|
+
if (typeof e.type == "symbol") {
|
|
2112
|
+
let t = e.children;
|
|
2113
|
+
if (Array.isArray(t)) return t.some((e) => typeof e == "object" && e && "type" in e ? u(e) : !1);
|
|
2114
|
+
}
|
|
2115
|
+
return !1;
|
|
2116
|
+
}
|
|
2117
|
+
let d = n(() => {
|
|
2118
|
+
if (!a.default) return !1;
|
|
2119
|
+
let e = a.default();
|
|
2120
|
+
return e.length === 0 ? !1 : e.some((e) => u(e));
|
|
2121
|
+
}), f = {
|
|
2122
|
+
neutral: {
|
|
2123
|
+
icon: "",
|
|
2124
|
+
bgClass: "!bg-core-black"
|
|
2125
|
+
},
|
|
2126
|
+
informative: {
|
|
2127
|
+
icon: "circle-info",
|
|
2128
|
+
bgClass: "bg-semantic-info-200"
|
|
2129
|
+
},
|
|
2130
|
+
alert: {
|
|
2131
|
+
icon: "triangle-exclamation",
|
|
2132
|
+
bgClass: "bg-semantic-warning-200"
|
|
2133
|
+
},
|
|
2134
|
+
error: {
|
|
2135
|
+
icon: "circle-exclamation",
|
|
2136
|
+
bgClass: "bg-semantic-error-200"
|
|
2137
|
+
},
|
|
2138
|
+
positive: {
|
|
2139
|
+
icon: "circle-check",
|
|
2140
|
+
bgClass: "bg-semantic-success-200"
|
|
2141
|
+
}
|
|
2142
|
+
}, p = n(() => f[t.status]?.icon || ""), m = n(() => {
|
|
2143
|
+
let e = f[t.status]?.bgClass;
|
|
2144
|
+
return e ? { [e]: !0 } : {};
|
|
2145
|
+
}), g = `tooltip-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, b = S(!1), x = S(!1), C = S(!1), T = S(null), E = n(() => t.withIcon && t.status !== "neutral"), D = n(() => b.value ? g : void 0), O = n(() => typeof t.interactive == "boolean" ? t.interactive ? void 0 : 0 : d.value ? void 0 : 0);
|
|
2146
|
+
function A() {
|
|
2147
|
+
(t.text || a.text) && (b.value = !0);
|
|
2148
|
+
}
|
|
2149
|
+
function j() {
|
|
2150
|
+
t._forceOpenForDesignReview || (b.value = !1);
|
|
2151
|
+
}
|
|
2152
|
+
function N() {
|
|
2153
|
+
T.value &&= (clearTimeout(T.value), null), A();
|
|
2154
|
+
}
|
|
2155
|
+
function F() {
|
|
2156
|
+
T.value &&= (clearTimeout(T.value), null), T.value = setTimeout(() => {
|
|
2157
|
+
!x.value && !C.value && j();
|
|
2158
|
+
}, ye);
|
|
2159
|
+
}
|
|
2160
|
+
function I() {
|
|
2161
|
+
x.value = !0, T.value &&= (clearTimeout(T.value), null);
|
|
2162
|
+
}
|
|
2163
|
+
function z() {
|
|
2164
|
+
x.value = !1, T.value &&= (clearTimeout(T.value), null), C.value || j();
|
|
2165
|
+
}
|
|
2166
|
+
function B() {
|
|
2167
|
+
C.value = !0, A();
|
|
2168
|
+
}
|
|
2169
|
+
function H() {
|
|
2170
|
+
C.value = !1, T.value &&= (clearTimeout(T.value), null), x.value || j();
|
|
2171
|
+
}
|
|
2172
|
+
function U(e) {
|
|
2173
|
+
e.key === "Escape" && j();
|
|
2174
|
+
}
|
|
2175
|
+
return _(() => {
|
|
2176
|
+
t._forceOpenForDesignReview && A();
|
|
2177
|
+
}), L(() => t._forceOpenForDesignReview, (e) => {
|
|
2178
|
+
e ? A() : j();
|
|
2179
|
+
}), v(() => {
|
|
2180
|
+
T.value && clearTimeout(T.value);
|
|
2181
|
+
}), (n, a) => (y(), r(M(ge), {
|
|
2182
|
+
teleport: !0,
|
|
2183
|
+
"is-open": b.value,
|
|
2184
|
+
position: e.position,
|
|
2185
|
+
class: "fz__tooltip flex h-max",
|
|
2186
|
+
contentClass: [
|
|
2187
|
+
"rounded",
|
|
2188
|
+
m.value,
|
|
2189
|
+
"z-80"
|
|
2190
|
+
]
|
|
2191
|
+
}, {
|
|
2192
|
+
opener: R(() => [o("span", {
|
|
2193
|
+
"aria-label": t.ariaLabel,
|
|
2194
|
+
"aria-describedby": D.value,
|
|
2195
|
+
tabindex: O.value,
|
|
2196
|
+
onMouseover: N,
|
|
2197
|
+
onMouseleave: F,
|
|
2198
|
+
onFocusin: B,
|
|
2199
|
+
onFocusout: H,
|
|
2200
|
+
onKeydown: U
|
|
2201
|
+
}, [w(n.$slots, "default", {}, void 0, !0)], 40, _e)]),
|
|
2202
|
+
default: R(() => [o("div", {
|
|
2203
|
+
id: g,
|
|
2204
|
+
class: h(be),
|
|
2205
|
+
role: "tooltip",
|
|
2206
|
+
"aria-hidden": !b.value,
|
|
2207
|
+
onMouseenter: I,
|
|
2208
|
+
onMouseleave: z
|
|
2209
|
+
}, [E.value ? (y(), r(M(V), {
|
|
2210
|
+
key: 0,
|
|
2211
|
+
size: "md",
|
|
2212
|
+
name: p.value,
|
|
2213
|
+
class: h([
|
|
2214
|
+
"mr-4",
|
|
2215
|
+
"!w-[16px]",
|
|
2216
|
+
"!h-[16px]",
|
|
2217
|
+
"grow-0",
|
|
2218
|
+
"shrink-0",
|
|
2219
|
+
{ "text-core-black": t.status === "alert" }
|
|
2220
|
+
]),
|
|
2221
|
+
"aria-hidden": !0
|
|
2222
|
+
}, null, 8, ["name", "class"])) : i("", !0), o("span", { class: h(["basis-0 grow shrink-0 break-normal fz__tooltip__text", { "text-core-black": t.status === "alert" }]) }, [w(n.$slots, "text", {}, () => [c(k(t.text), 1)], !0)], 2)], 40, ve)]),
|
|
2223
|
+
_: 3
|
|
2224
|
+
}, 8, [
|
|
2225
|
+
"is-open",
|
|
2226
|
+
"position",
|
|
2227
|
+
"contentClass"
|
|
2228
|
+
]));
|
|
2229
|
+
}
|
|
2230
|
+
}), Z = (e, t) => {
|
|
2231
|
+
let n = e.__vccOpts || e;
|
|
2232
|
+
for (let [e, r] of t) n[e] = r;
|
|
2233
|
+
return n;
|
|
2234
|
+
}, Se = /* @__PURE__ */ Z(xe, [["__scopeId", "data-v-e4c0b632"]]), Q = {
|
|
2076
2235
|
xs: "backoffice",
|
|
2077
2236
|
sm: "backoffice",
|
|
2078
2237
|
md: "backoffice",
|
|
2079
2238
|
lg: "frontoffice"
|
|
2080
|
-
},
|
|
2239
|
+
}, Ce = ["disabled", "aria-disabled"], we = /* @__PURE__ */ u({
|
|
2240
|
+
__fzKind: "@fiscozen/button/FzButton",
|
|
2081
2241
|
__name: "FzButton",
|
|
2082
2242
|
props: {
|
|
2083
2243
|
label: {},
|
|
@@ -2101,7 +2261,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2101
2261
|
e && console.warn("[FzButton] The \"tooltip\" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.");
|
|
2102
2262
|
}, { immediate: !0 }), L(() => t.size, (e) => {
|
|
2103
2263
|
if (e !== void 0) {
|
|
2104
|
-
let n =
|
|
2264
|
+
let n = Q[e];
|
|
2105
2265
|
t.environment && t.environment !== n ? console.warn(`[FzButton] Both "size" and "environment" props are provided. "environment=${t.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`) : console.warn(`[FzButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${n}" instead of size="${e}".`);
|
|
2106
2266
|
}
|
|
2107
2267
|
}, { immediate: !0 });
|
|
@@ -2156,7 +2316,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2156
2316
|
"disabled:bg-blue-200": !0
|
|
2157
2317
|
};
|
|
2158
2318
|
}
|
|
2159
|
-
}), u = n(() => t.environment ? t.environment : t.size ?
|
|
2319
|
+
}), u = n(() => t.environment ? t.environment : t.size ? Q[t.size] : "frontoffice"), d = n(() => {
|
|
2160
2320
|
let e = !!(t.label || o.default), n = !!t.iconName, r = t.overrideContainerClass && n;
|
|
2161
2321
|
return e && n || r;
|
|
2162
2322
|
}), f = [
|
|
@@ -2220,10 +2380,11 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2220
2380
|
size: "md",
|
|
2221
2381
|
variant: e.iconVariant
|
|
2222
2382
|
}, null, 8, ["name", "variant"])) : i("", !0)])])) : i("", !0)
|
|
2223
|
-
], 10,
|
|
2383
|
+
], 10, Ce));
|
|
2224
2384
|
}
|
|
2225
|
-
}),
|
|
2385
|
+
}), Te = /* @__PURE__ */ Z(/* @__PURE__ */ u({
|
|
2226
2386
|
inheritAttrs: !1,
|
|
2387
|
+
__fzKind: "@fiscozen/button/FzIconButton",
|
|
2227
2388
|
__name: "FzIconButton",
|
|
2228
2389
|
props: {
|
|
2229
2390
|
tooltip: {},
|
|
@@ -2249,13 +2410,13 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2249
2410
|
e && console.warn("[FzIconButton] The \"tooltip\" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.");
|
|
2250
2411
|
}, { immediate: !0 }), L(() => t.size, (e) => {
|
|
2251
2412
|
if (e !== void 0) {
|
|
2252
|
-
let n =
|
|
2413
|
+
let n = Q[e];
|
|
2253
2414
|
t.environment && t.environment !== n ? console.warn(`[FzIconButton] Both "size" and "environment" props are provided. "environment=${t.environment}" will be used and "size=${e}" will be ignored. Please remove the deprecated "size" prop.`) : console.warn(`[FzIconButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${n}" instead of size="${e}".`);
|
|
2254
2415
|
}
|
|
2255
2416
|
}, { immediate: !0 }), L(() => t.iconSize, (e) => {
|
|
2256
2417
|
e !== void 0 && console.warn("[FzIconButton] The \"iconSize\" prop is deprecated and will be removed in a future version. Icon size has now a fixed dimension. Please remove the \"iconSize\" prop from your code.");
|
|
2257
2418
|
}, { immediate: !0 });
|
|
2258
|
-
let r = n(() => t.environment ? t.environment : t.size ?
|
|
2419
|
+
let r = n(() => t.environment ? t.environment : t.size ? Q[t.size] : "frontoffice"), o = n(() => {
|
|
2259
2420
|
let e = t.ariaLabel || "";
|
|
2260
2421
|
return t.hasNotification ? `${e}, hai delle notifiche` : e;
|
|
2261
2422
|
}), s = n(() => {
|
|
@@ -2288,7 +2449,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2288
2449
|
"fz-icon-button-wrapper--backoffice": r.value === "backoffice",
|
|
2289
2450
|
"fz-icon-button-wrapper--frontoffice": r.value === "frontoffice"
|
|
2290
2451
|
}
|
|
2291
|
-
]) }, [l(
|
|
2452
|
+
]) }, [l(we, p(e.$attrs, {
|
|
2292
2453
|
disabled: t.disabled,
|
|
2293
2454
|
environment: r.value,
|
|
2294
2455
|
variant: t.variant,
|
|
@@ -2310,11 +2471,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2310
2471
|
"aria-hidden": "true"
|
|
2311
2472
|
}, null, 2)) : i("", !0)], 2));
|
|
2312
2473
|
}
|
|
2313
|
-
}),
|
|
2314
|
-
let n = e.__vccOpts || e;
|
|
2315
|
-
for (let [e, r] of t) n[e] = r;
|
|
2316
|
-
return n;
|
|
2317
|
-
}, be = /* @__PURE__ */ Q(ye, [["__scopeId", "data-v-b4be112d"]]), xe = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
2474
|
+
}), [["__scopeId", "data-v-84505903"]]), Ee = /* @__PURE__ */ Z(/* @__PURE__ */ u({
|
|
2318
2475
|
__name: "FzContainer",
|
|
2319
2476
|
props: {
|
|
2320
2477
|
main: {
|
|
@@ -2353,11 +2510,12 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2353
2510
|
_: 3
|
|
2354
2511
|
}, 8, ["class"]));
|
|
2355
2512
|
}
|
|
2356
|
-
}), [["__scopeId", "data-v-8c40daeb"]]),
|
|
2513
|
+
}), [["__scopeId", "data-v-8c40daeb"]]), De = ["aria-disabled"], Oe = [
|
|
2357
2514
|
"href",
|
|
2358
2515
|
"target",
|
|
2359
2516
|
"rel"
|
|
2360
|
-
],
|
|
2517
|
+
], ke = /* @__PURE__ */ u({
|
|
2518
|
+
__fzKind: "@fiscozen/link/FzLink",
|
|
2361
2519
|
__name: "FzLink",
|
|
2362
2520
|
props: {
|
|
2363
2521
|
type: { default: "default" },
|
|
@@ -2433,13 +2591,13 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2433
2591
|
"aria-disabled": e.disabled ? "true" : "false",
|
|
2434
2592
|
role: "link",
|
|
2435
2593
|
"aria-label": "Link disabled"
|
|
2436
|
-
}, [w(t.$slots, "default")], 10,
|
|
2594
|
+
}, [w(t.$slots, "default")], 10, De)) : e.external ? (y(), a("a", {
|
|
2437
2595
|
key: 1,
|
|
2438
2596
|
href: g.value,
|
|
2439
2597
|
class: h(p.value),
|
|
2440
2598
|
target: e.target,
|
|
2441
2599
|
rel: _.value
|
|
2442
|
-
}, [w(t.$slots, "default")], 10,
|
|
2600
|
+
}, [w(t.$slots, "default")], 10, Oe)) : (y(), r(i, {
|
|
2443
2601
|
key: 2,
|
|
2444
2602
|
to: e.to,
|
|
2445
2603
|
replace: e.replace,
|
|
@@ -2456,165 +2614,10 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2456
2614
|
]));
|
|
2457
2615
|
};
|
|
2458
2616
|
}
|
|
2459
|
-
}),
|
|
2460
|
-
"aria-label",
|
|
2461
|
-
"aria-describedby",
|
|
2462
|
-
"tabindex"
|
|
2463
|
-
], Ee = ["aria-hidden"], De = 100, Oe = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", ke = /* @__PURE__ */ Q(/* @__PURE__ */ u({
|
|
2464
|
-
__name: "FzTooltip",
|
|
2465
|
-
props: {
|
|
2466
|
-
position: { default: "auto" },
|
|
2467
|
-
status: { default: "neutral" },
|
|
2468
|
-
text: {},
|
|
2469
|
-
withIcon: {
|
|
2470
|
-
type: Boolean,
|
|
2471
|
-
default: !1
|
|
2472
|
-
},
|
|
2473
|
-
ariaLabel: {},
|
|
2474
|
-
interactive: {
|
|
2475
|
-
type: [Boolean, String],
|
|
2476
|
-
default: "auto"
|
|
2477
|
-
},
|
|
2478
|
-
_forceOpenForDesignReview: {
|
|
2479
|
-
type: Boolean,
|
|
2480
|
-
default: !1
|
|
2481
|
-
}
|
|
2482
|
-
},
|
|
2483
|
-
setup(e) {
|
|
2484
|
-
let t = e, a = P(), s = [
|
|
2485
|
-
Z,
|
|
2486
|
-
be,
|
|
2487
|
-
we
|
|
2488
|
-
];
|
|
2489
|
-
function l(e) {
|
|
2490
|
-
let t = e.type;
|
|
2491
|
-
return s.includes(t);
|
|
2492
|
-
}
|
|
2493
|
-
function u(e) {
|
|
2494
|
-
if (l(e)) return !0;
|
|
2495
|
-
if (typeof e.type == "symbol") {
|
|
2496
|
-
let t = e.children;
|
|
2497
|
-
if (Array.isArray(t)) return t.some((e) => typeof e == "object" && e && "type" in e ? u(e) : !1);
|
|
2498
|
-
}
|
|
2499
|
-
return !1;
|
|
2500
|
-
}
|
|
2501
|
-
let d = n(() => {
|
|
2502
|
-
if (!a.default) return !1;
|
|
2503
|
-
let e = a.default();
|
|
2504
|
-
return e.length === 0 ? !1 : e.some((e) => u(e));
|
|
2505
|
-
}), f = {
|
|
2506
|
-
neutral: {
|
|
2507
|
-
icon: "",
|
|
2508
|
-
bgClass: "!bg-core-black"
|
|
2509
|
-
},
|
|
2510
|
-
informative: {
|
|
2511
|
-
icon: "circle-info",
|
|
2512
|
-
bgClass: "bg-semantic-info-200"
|
|
2513
|
-
},
|
|
2514
|
-
alert: {
|
|
2515
|
-
icon: "triangle-exclamation",
|
|
2516
|
-
bgClass: "bg-semantic-warning-200"
|
|
2517
|
-
},
|
|
2518
|
-
error: {
|
|
2519
|
-
icon: "circle-exclamation",
|
|
2520
|
-
bgClass: "bg-semantic-error-200"
|
|
2521
|
-
},
|
|
2522
|
-
positive: {
|
|
2523
|
-
icon: "circle-check",
|
|
2524
|
-
bgClass: "bg-semantic-success-200"
|
|
2525
|
-
}
|
|
2526
|
-
}, p = n(() => f[t.status]?.icon || ""), m = n(() => {
|
|
2527
|
-
let e = f[t.status]?.bgClass;
|
|
2528
|
-
return e ? { [e]: !0 } : {};
|
|
2529
|
-
}), g = `tooltip-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, b = S(!1), x = S(!1), C = S(!1), T = S(null), E = n(() => t.withIcon && t.status !== "neutral"), D = n(() => b.value ? g : void 0), O = n(() => typeof t.interactive == "boolean" ? t.interactive ? void 0 : 0 : d.value ? void 0 : 0);
|
|
2530
|
-
function A() {
|
|
2531
|
-
(t.text || a.text) && (b.value = !0);
|
|
2532
|
-
}
|
|
2533
|
-
function j() {
|
|
2534
|
-
t._forceOpenForDesignReview || (b.value = !1);
|
|
2535
|
-
}
|
|
2536
|
-
function N() {
|
|
2537
|
-
T.value &&= (clearTimeout(T.value), null), A();
|
|
2538
|
-
}
|
|
2539
|
-
function F() {
|
|
2540
|
-
T.value &&= (clearTimeout(T.value), null), T.value = setTimeout(() => {
|
|
2541
|
-
!x.value && !C.value && j();
|
|
2542
|
-
}, De);
|
|
2543
|
-
}
|
|
2544
|
-
function I() {
|
|
2545
|
-
x.value = !0, T.value &&= (clearTimeout(T.value), null);
|
|
2546
|
-
}
|
|
2547
|
-
function z() {
|
|
2548
|
-
x.value = !1, T.value &&= (clearTimeout(T.value), null), C.value || j();
|
|
2549
|
-
}
|
|
2550
|
-
function B() {
|
|
2551
|
-
C.value = !0, A();
|
|
2552
|
-
}
|
|
2553
|
-
function H() {
|
|
2554
|
-
C.value = !1, T.value &&= (clearTimeout(T.value), null), x.value || j();
|
|
2555
|
-
}
|
|
2556
|
-
function U(e) {
|
|
2557
|
-
e.key === "Escape" && j();
|
|
2558
|
-
}
|
|
2559
|
-
return _(() => {
|
|
2560
|
-
t._forceOpenForDesignReview && A();
|
|
2561
|
-
}), L(() => t._forceOpenForDesignReview, (e) => {
|
|
2562
|
-
e ? A() : j();
|
|
2563
|
-
}), v(() => {
|
|
2564
|
-
T.value && clearTimeout(T.value);
|
|
2565
|
-
}), (n, a) => (y(), r(M(_e), {
|
|
2566
|
-
teleport: !0,
|
|
2567
|
-
"is-open": b.value,
|
|
2568
|
-
position: e.position,
|
|
2569
|
-
class: "fz__tooltip flex h-max",
|
|
2570
|
-
contentClass: [
|
|
2571
|
-
"rounded",
|
|
2572
|
-
m.value,
|
|
2573
|
-
"z-80"
|
|
2574
|
-
]
|
|
2575
|
-
}, {
|
|
2576
|
-
opener: R(() => [o("span", {
|
|
2577
|
-
"aria-label": t.ariaLabel,
|
|
2578
|
-
"aria-describedby": D.value,
|
|
2579
|
-
tabindex: O.value,
|
|
2580
|
-
onMouseover: N,
|
|
2581
|
-
onMouseleave: F,
|
|
2582
|
-
onFocusin: B,
|
|
2583
|
-
onFocusout: H,
|
|
2584
|
-
onKeydown: U
|
|
2585
|
-
}, [w(n.$slots, "default", {}, void 0, !0)], 40, Te)]),
|
|
2586
|
-
default: R(() => [o("div", {
|
|
2587
|
-
id: g,
|
|
2588
|
-
class: h(Oe),
|
|
2589
|
-
role: "tooltip",
|
|
2590
|
-
"aria-hidden": !b.value,
|
|
2591
|
-
onMouseenter: I,
|
|
2592
|
-
onMouseleave: z
|
|
2593
|
-
}, [E.value ? (y(), r(M(V), {
|
|
2594
|
-
key: 0,
|
|
2595
|
-
size: "md",
|
|
2596
|
-
name: p.value,
|
|
2597
|
-
class: h([
|
|
2598
|
-
"mr-4",
|
|
2599
|
-
"!w-[16px]",
|
|
2600
|
-
"!h-[16px]",
|
|
2601
|
-
"grow-0",
|
|
2602
|
-
"shrink-0",
|
|
2603
|
-
{ "text-core-black": t.status === "alert" }
|
|
2604
|
-
]),
|
|
2605
|
-
"aria-hidden": !0
|
|
2606
|
-
}, null, 8, ["name", "class"])) : i("", !0), o("span", { class: h(["basis-0 grow shrink-0 break-normal fz__tooltip__text", { "text-core-black": t.status === "alert" }]) }, [w(n.$slots, "text", {}, () => [c(k(t.text), 1)], !0)], 2)], 40, Ee)]),
|
|
2607
|
-
_: 3
|
|
2608
|
-
}, 8, [
|
|
2609
|
-
"is-open",
|
|
2610
|
-
"position",
|
|
2611
|
-
"contentClass"
|
|
2612
|
-
]));
|
|
2613
|
-
}
|
|
2614
|
-
}), [["__scopeId", "data-v-94597a6c"]]), Ae = { class: "flex flex-col flex-1" }, je = {
|
|
2617
|
+
}), Ae = { class: "flex flex-col flex-1" }, je = {
|
|
2615
2618
|
key: 0,
|
|
2616
2619
|
class: "leading-[20px]"
|
|
2617
|
-
}, Me = /* @__PURE__ */
|
|
2620
|
+
}, Me = /* @__PURE__ */ Z(/* @__PURE__ */ u({
|
|
2618
2621
|
__name: "FzAlert",
|
|
2619
2622
|
props: {
|
|
2620
2623
|
tone: {},
|
|
@@ -2693,7 +2696,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2693
2696
|
return y(), a("div", {
|
|
2694
2697
|
class: h(_.value),
|
|
2695
2698
|
onClick: G
|
|
2696
|
-
}, [l(M(
|
|
2699
|
+
}, [l(M(Ee), {
|
|
2697
2700
|
horizontal: "",
|
|
2698
2701
|
gap: T.value,
|
|
2699
2702
|
class: h(["flex-1", C.value]),
|
|
@@ -2714,11 +2717,11 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2714
2717
|
key: 1,
|
|
2715
2718
|
class: h(O.value)
|
|
2716
2719
|
}, [w(t.$slots, "default", {}, void 0, !0)], 2)) : i("", !0),
|
|
2717
|
-
D.value ? w(t.$slots, "action", { key: 2 }, () => [l(M(
|
|
2720
|
+
D.value ? w(t.$slots, "action", { key: 2 }, () => [l(M(Ee), {
|
|
2718
2721
|
horizontal: "",
|
|
2719
2722
|
gap: "sm"
|
|
2720
2723
|
}, {
|
|
2721
|
-
default: R(() => [e.showButtonAction ? (y(), r(M(
|
|
2724
|
+
default: R(() => [e.showButtonAction ? (y(), r(M(we), {
|
|
2722
2725
|
key: 0,
|
|
2723
2726
|
onClick: I,
|
|
2724
2727
|
tooltip: e.buttonActionTooltip,
|
|
@@ -2727,7 +2730,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2727
2730
|
}, {
|
|
2728
2731
|
default: R(() => [c(k(e.buttonActionLabel), 1)]),
|
|
2729
2732
|
_: 1
|
|
2730
|
-
}, 8, ["tooltip", "environment"])) : i("", !0), e.showLinkAction ? (y(), r(M(
|
|
2733
|
+
}, 8, ["tooltip", "environment"])) : i("", !0), e.showLinkAction ? (y(), r(M(ke), {
|
|
2731
2734
|
key: 1,
|
|
2732
2735
|
to: e.linkActionLocation,
|
|
2733
2736
|
onClick: I,
|
|
@@ -2746,7 +2749,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2746
2749
|
})], !0) : i("", !0)
|
|
2747
2750
|
])]),
|
|
2748
2751
|
_: 3
|
|
2749
|
-
}, 8, ["gap", "class"]), U.value ? (y(), r(M(
|
|
2752
|
+
}, 8, ["gap", "class"]), U.value ? (y(), r(M(Te), {
|
|
2750
2753
|
key: 0,
|
|
2751
2754
|
iconName: j.value,
|
|
2752
2755
|
environment: L.value,
|
|
@@ -2788,7 +2791,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2788
2791
|
"aria-describedby",
|
|
2789
2792
|
"aria-labelledby",
|
|
2790
2793
|
"aria-owns"
|
|
2791
|
-
], Le = ["id", "for"], Re = "w-0 h-0 peer fz-hidden-input", ze = "\n flex gap-6 items-start hover:cursor-pointer text-core-black\n peer-focus:[&_div]:after:border-1\n peer-focus:[&_div]:after:border-solid\n peer-focus:[&_div]:after:rounded-[2px]\n peer-focus:[&_div]:after:border-blue-200\n peer-focus:[&_div]:after:content-['']\n peer-focus:[&_div]:after:top-0\n peer-focus:[&_div]:after:left-0\n peer-focus:[&_div]:after:right-0\n peer-focus:[&_div]:after:bottom-0\n peer-focus:[&_div]:after:absolute\n", Be = "relative", $ = /* @__PURE__ */
|
|
2794
|
+
], Le = ["id", "for"], Re = "w-0 h-0 peer fz-hidden-input", ze = "\n flex gap-6 items-start hover:cursor-pointer text-core-black\n peer-focus:[&_div]:after:border-1\n peer-focus:[&_div]:after:border-solid\n peer-focus:[&_div]:after:rounded-[2px]\n peer-focus:[&_div]:after:border-blue-200\n peer-focus:[&_div]:after:content-['']\n peer-focus:[&_div]:after:top-0\n peer-focus:[&_div]:after:left-0\n peer-focus:[&_div]:after:right-0\n peer-focus:[&_div]:after:bottom-0\n peer-focus:[&_div]:after:absolute\n", Be = "relative", $ = /* @__PURE__ */ Z(/* @__PURE__ */ u({
|
|
2792
2795
|
__name: "FzCheckbox",
|
|
2793
2796
|
props: /* @__PURE__ */ f({
|
|
2794
2797
|
label: {},
|
|
@@ -2878,7 +2881,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2878
2881
|
"class",
|
|
2879
2882
|
"variant"
|
|
2880
2883
|
]), t.standalone ? i("", !0) : (y(), a(e, { key: 0 }, [c(k(t.label), 1)], 64))], 10, Le),
|
|
2881
|
-
t.tooltip ? (y(), r(M(
|
|
2884
|
+
t.tooltip ? (y(), r(M(Se), p({ key: 0 }, t.tooltip, { class: "ml-6" }), {
|
|
2882
2885
|
default: R(() => [l(M(V), {
|
|
2883
2886
|
name: "info-circle",
|
|
2884
2887
|
size: "md",
|
|
@@ -2899,7 +2902,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
2899
2902
|
w(n.$slots, "children", {}, void 0, !0)
|
|
2900
2903
|
]));
|
|
2901
2904
|
}
|
|
2902
|
-
}), [["__scopeId", "data-v-2b198cc9"]]), Ve =
|
|
2905
|
+
}), [["__scopeId", "data-v-2b198cc9"]]), Ve = "@fiscozen/checkbox/CheckedSet", He = "flex flex-col justify-center gap-8 pl-24", Ue = /* @__PURE__ */ u({
|
|
2903
2906
|
__name: "FzCheckboxGroupOption",
|
|
2904
2907
|
props: /* @__PURE__ */ f({
|
|
2905
2908
|
label: {},
|
|
@@ -3085,7 +3088,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
3085
3088
|
"aria-checked",
|
|
3086
3089
|
"aria-required",
|
|
3087
3090
|
"aria-invalid"
|
|
3088
|
-
], $e = ["for"], et = ["title"], tt = ["src", "alt"], nt = { class: "flex flex-row w-full justify-between min-w-0" }, rt = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, it = "peer h-0 w-0 absolute fz-hidden-input", at = /* @__PURE__ */
|
|
3091
|
+
], $e = ["for"], et = ["title"], tt = ["src", "alt"], nt = { class: "flex flex-row w-full justify-between min-w-0" }, rt = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, it = "peer h-0 w-0 absolute fz-hidden-input", at = /* @__PURE__ */ Z(/* @__PURE__ */ u({
|
|
3089
3092
|
__name: "FzCheckboxCard",
|
|
3090
3093
|
props: /* @__PURE__ */ f({
|
|
3091
3094
|
label: {},
|
|
@@ -3198,7 +3201,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
|
|
|
3198
3201
|
"text-grey-300": t.disabled,
|
|
3199
3202
|
"text-grey-500": !t.disabled
|
|
3200
3203
|
}])
|
|
3201
|
-
}, k(e.subtitle), 3)) : i("", !0)]), e.tooltip ? (y(), r(M(
|
|
3204
|
+
}, k(e.subtitle), 3)) : i("", !0)]), e.tooltip ? (y(), r(M(Se), {
|
|
3202
3205
|
key: 0,
|
|
3203
3206
|
class: h({
|
|
3204
3207
|
"self-center": t.variant === "horizontal",
|