welcome-ui 0.0.0-dev.1764250957701 → 0.0.0-dev.1764320474970
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/Breadcrumb.css +1 -1
- package/dist/Breadcrumb.js +25 -25
- package/package.json +1 -1
package/dist/Breadcrumb.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_1bgzq_2{position:relative;overflow-x:hidden;font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:var(--font-line-height-md);font-family:var(--font-family-body);--breadcrumbItemGap: var(--spacing-xs)}._list_1bgzq_12{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:var(--border-radius-md) 0;list-style:none;white-space:nowrap;gap:var(--breadcrumbItemGap)}._start-gradient_1bgzq_23{left:0;transform-origin:left}._end-gradient_1bgzq_27{right:0;transform-origin:right}._start-gradient_1bgzq_23,._end-gradient_1bgzq_27{position:absolute;bottom:0;top:0;width:var(--size-icon-xl)}._item-wrapper_1bgzq_38{display:inline-flex;flex:0 0 auto;gap:var(--breadcrumbItemGap)}._item-content_1bgzq_43{color:var(--breadcrumbItemColor, var(--components-colors-breadcrumb-color-text-default));text-decoration:none;display:inline-flex;align-items:center;gap:var(--breadcrumbItemGap);transition:var(--duration-medium);direction:initial}._item-content_1bgzq_43:hover{--breadcrumbItemColor: var(--components-colors-breadcrumb-color-text-hover)}._item-content_1bgzq_43[aria-current=page]{--breadcrumbItemColor: var(--components-colors-breadcrumb-color-text-active);font-weight:var(--font-weight-medium)}._item-content_1bgzq_43[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_1bgzq_63{color:var(--components-colors-breadcrumb-color-icon-default);display:flex;align-items:center}}
|
package/dist/Breadcrumb.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Breadcrumb.css';
|
|
3
3
|
import { jsxs as I, jsx as w } from "react/jsx-runtime";
|
|
4
|
-
import { forwardRef as ge, Children as me, cloneElement as ze, useRef as M, useState as
|
|
4
|
+
import { forwardRef as ge, Children as me, cloneElement as ze, useRef as M, useState as V, useCallback as X, useMemo as xe, useEffect as $ } from "react";
|
|
5
5
|
import { Icon as re } from "./Icon.js";
|
|
6
6
|
import { c as ne } from "./index-PAaZGbyz.js";
|
|
7
7
|
import { t as we } from "./throttle-BDBzFeFj.js";
|
|
@@ -40,10 +40,10 @@ var m = function(e) {
|
|
|
40
40
|
}, e.fromRect = function(t) {
|
|
41
41
|
return new e(t.x, t.y, t.width, t.height);
|
|
42
42
|
}, e;
|
|
43
|
-
}(),
|
|
43
|
+
}(), q = function(e) {
|
|
44
44
|
return e instanceof SVGElement && "getBBox" in e;
|
|
45
45
|
}, oe = function(e) {
|
|
46
|
-
if (
|
|
46
|
+
if (q(e)) {
|
|
47
47
|
var t = e.getBBox(), r = t.width, n = t.height;
|
|
48
48
|
return !r && !n;
|
|
49
49
|
}
|
|
@@ -84,13 +84,13 @@ var m = function(e) {
|
|
|
84
84
|
return S.get(e);
|
|
85
85
|
if (oe(e))
|
|
86
86
|
return S.set(e, j), j;
|
|
87
|
-
var r = getComputedStyle(e), n =
|
|
87
|
+
var r = getComputedStyle(e), n = q(e) && e.ownerSVGElement && e.getBBox(), i = !_e && r.boxSizing === "border-box", o = Se.test(r.writingMode || ""), s = !n && Y.test(r.overflowY || ""), a = !n && Y.test(r.overflowX || ""), l = n ? 0 : h(r.paddingTop), u = n ? 0 : h(r.paddingRight), f = n ? 0 : h(r.paddingBottom), v = n ? 0 : h(r.paddingLeft), E = n ? 0 : h(r.borderTopWidth), c = n ? 0 : h(r.borderRightWidth), d = n ? 0 : h(r.borderBottomWidth), p = n ? 0 : h(r.borderLeftWidth), b = v + u, z = l + f, O = p + c, D = E + d, G = a ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - O - e.clientWidth : 0, fe = i ? b + O : 0, he = i ? z + D : 0, B = n ? n.width : h(r.width) - fe - F, T = n ? n.height : h(r.height) - he - G, pe = B + b + F + O, be = T + z + G + D, H = m({
|
|
88
88
|
devicePixelContentBoxSize: x(Math.round(B * devicePixelRatio), Math.round(T * devicePixelRatio), o),
|
|
89
89
|
borderBoxSize: x(pe, be, o),
|
|
90
90
|
contentBoxSize: x(B, T, o),
|
|
91
91
|
contentRect: new ie(v, l, B, T)
|
|
92
92
|
});
|
|
93
|
-
return S.set(e,
|
|
93
|
+
return S.set(e, H), H;
|
|
94
94
|
}, ae = function(e, t, r) {
|
|
95
95
|
var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
|
|
96
96
|
switch (t) {
|
|
@@ -222,9 +222,9 @@ var m = function(e) {
|
|
|
222
222
|
}, e;
|
|
223
223
|
}(), P = new Pe(), ee = function(e) {
|
|
224
224
|
!N && e > 0 && P.start(), N += e, !N && P.stop();
|
|
225
|
-
},
|
|
226
|
-
return !
|
|
227
|
-
},
|
|
225
|
+
}, qe = function(e) {
|
|
226
|
+
return !q(e) && !Te(e) && getComputedStyle(e).display === "inline";
|
|
227
|
+
}, Ge = function() {
|
|
228
228
|
function e(t, r) {
|
|
229
229
|
this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
|
|
230
230
|
inlineSize: 0,
|
|
@@ -233,9 +233,9 @@ var m = function(e) {
|
|
|
233
233
|
}
|
|
234
234
|
return e.prototype.isActive = function() {
|
|
235
235
|
var t = ae(this.target, this.observedBox, !0);
|
|
236
|
-
return
|
|
236
|
+
return qe(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
|
|
237
237
|
}, e;
|
|
238
|
-
}(),
|
|
238
|
+
}(), Fe = /* @__PURE__ */ function() {
|
|
239
239
|
function e(t, r) {
|
|
240
240
|
this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t, this.callback = r;
|
|
241
241
|
}
|
|
@@ -249,11 +249,11 @@ var m = function(e) {
|
|
|
249
249
|
function e() {
|
|
250
250
|
}
|
|
251
251
|
return e.connect = function(t, r) {
|
|
252
|
-
var n = new
|
|
252
|
+
var n = new Fe(t, r);
|
|
253
253
|
_.set(t, n);
|
|
254
254
|
}, e.observe = function(t, r, n) {
|
|
255
255
|
var i = _.get(t), o = i.observationTargets.length === 0;
|
|
256
|
-
te(i.observationTargets, r) < 0 && (o && g.push(i), i.observationTargets.push(new
|
|
256
|
+
te(i.observationTargets, r) < 0 && (o && g.push(i), i.observationTargets.push(new Ge(r, n && n.box)), ee(1), P.schedule());
|
|
257
257
|
}, e.unobserve = function(t, r) {
|
|
258
258
|
var n = _.get(t), i = te(n.observationTargets, r), o = n.observationTargets.length === 1;
|
|
259
259
|
i >= 0 && (o && g.splice(g.indexOf(n), 1), n.observationTargets.splice(i, 1), ee(-1));
|
|
@@ -263,7 +263,7 @@ var m = function(e) {
|
|
|
263
263
|
return r.unobserve(t, i.target);
|
|
264
264
|
}), n.activeTargets.splice(0, n.activeTargets.length);
|
|
265
265
|
}, e;
|
|
266
|
-
}(),
|
|
266
|
+
}(), He = function() {
|
|
267
267
|
function e(t) {
|
|
268
268
|
if (arguments.length === 0)
|
|
269
269
|
throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
|
|
@@ -289,14 +289,14 @@ var m = function(e) {
|
|
|
289
289
|
return "function ResizeObserver () { [polyfill code] }";
|
|
290
290
|
}, e;
|
|
291
291
|
}();
|
|
292
|
-
const
|
|
293
|
-
root:
|
|
292
|
+
const Ve = (e, t, r) => Math.min(Math.max(e, t), r), Xe = "_root_1bgzq_2", $e = "_list_1bgzq_12", ue = {
|
|
293
|
+
root: Xe,
|
|
294
294
|
list: $e,
|
|
295
|
-
"start-gradient": "_start-
|
|
296
|
-
"end-gradient": "_end-
|
|
297
|
-
"item-wrapper": "_item-
|
|
298
|
-
"item-content": "_item-
|
|
299
|
-
"item-separator": "_item-
|
|
295
|
+
"start-gradient": "_start-gradient_1bgzq_23",
|
|
296
|
+
"end-gradient": "_end-gradient_1bgzq_27",
|
|
297
|
+
"item-wrapper": "_item-wrapper_1bgzq_38",
|
|
298
|
+
"item-content": "_item-content_1bgzq_43",
|
|
299
|
+
"item-separator": "_item-separator_1bgzq_63"
|
|
300
300
|
}, A = ne(ue), ve = Oe(
|
|
301
301
|
({
|
|
302
302
|
as: e = "a",
|
|
@@ -359,15 +359,15 @@ de.displayName = "Breadcrumb";
|
|
|
359
359
|
const et = Object.assign(de, {
|
|
360
360
|
Item: ve
|
|
361
361
|
}), Je = () => {
|
|
362
|
-
const e = M(null), t = M(), r = M(), [n, i] =
|
|
362
|
+
const e = M(null), t = M(), r = M(), [n, i] = V(!1), [o, s] = V(0), a = (c, d) => {
|
|
363
363
|
c && (c.style.transform = `scale3d(${d}, 1, 1)`);
|
|
364
|
-
}, l =
|
|
364
|
+
}, l = X((c) => {
|
|
365
365
|
const d = 1 - c;
|
|
366
366
|
a(t.current, d), a(r.current, c);
|
|
367
|
-
}, []), u =
|
|
367
|
+
}, []), u = X(() => {
|
|
368
368
|
const {
|
|
369
369
|
current: { offsetWidth: c, scrollLeft: d, scrollWidth: p }
|
|
370
|
-
} = e, b = p - c, O =
|
|
370
|
+
} = e, b = p - c, O = Ve(Math.abs(d - o), 0, b) / b;
|
|
371
371
|
l(O);
|
|
372
372
|
}, [o, l]), f = xe(
|
|
373
373
|
() => we(
|
|
@@ -388,7 +388,7 @@ const et = Object.assign(de, {
|
|
|
388
388
|
[o]
|
|
389
389
|
);
|
|
390
390
|
$(() => {
|
|
391
|
-
const c = new
|
|
391
|
+
const c = new He(f);
|
|
392
392
|
return c.observe(e.current), () => c.disconnect();
|
|
393
393
|
}, []), $(() => {
|
|
394
394
|
t.current && r.current && l(0);
|