@cascivo/react 0.3.7 → 0.4.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/LICENSE +1 -1
- package/README.md +16 -3
- package/dist/alert/alert.css +1 -1
- package/dist/alert/alert.module.js +7 -7
- package/dist/avatar/avatar.js +3 -3
- package/dist/button/button.css +1 -1
- package/dist/button/button.module.js +1 -1
- package/dist/combobox/combobox.css +1 -1
- package/dist/combobox/combobox.js +46 -46
- package/dist/combobox/combobox.module.js +15 -15
- package/dist/data-table/data-table.css +1 -1
- package/dist/data-table/data-table.js +7 -5
- package/dist/data-table/data-table.module.js +29 -29
- package/dist/date-picker/date-picker.css +1 -1
- package/dist/date-picker/date-picker.module.js +19 -19
- package/dist/date-range-picker/date-range-picker.js +1 -0
- package/dist/dock/dock.js +21 -19
- package/dist/fab/fab.js +1 -1
- package/dist/file-uploader/file-uploader.css +1 -1
- package/dist/file-uploader/file-uploader.module.js +14 -14
- package/dist/header/header.js +2 -2
- package/dist/index.d.ts +109 -3
- package/dist/log-viewer/log-viewer.css +1 -0
- package/dist/log-viewer/log-viewer.js +184 -0
- package/dist/log-viewer/log-viewer.module.js +19 -0
- package/dist/menu/menu.css +1 -1
- package/dist/menu/menu.module.js +4 -4
- package/dist/multi-select/multi-select.js +3 -2
- package/dist/otp-input/otp-input.js +1 -1
- package/dist/password-input/password-input.js +4 -0
- package/dist/popover/popover.css +1 -1
- package/dist/popover/popover.module.js +2 -2
- package/dist/radial-progress/radial-progress.js +13 -10
- package/dist/react/src/index.js +47 -46
- package/dist/shell-header/shell-header.js +5 -4
- package/dist/side-nav/side-nav.js +4 -4
- package/dist/stat/stat.css +1 -1
- package/dist/stat/stat.module.js +6 -6
- package/dist/steps/steps.css +1 -1
- package/dist/steps/steps.js +19 -16
- package/dist/steps/steps.module.js +4 -4
- package/dist/styles.css +15 -13
- package/dist/swipe-item/swipe-item.js +2 -2
- package/dist/switcher/switcher.css +1 -1
- package/dist/switcher/switcher.js +3 -2
- package/dist/switcher/switcher.module.js +4 -4
- package/dist/tag/tag.css +1 -1
- package/dist/tag/tag.module.js +2 -2
- package/dist/tags-input/tags-input.css +1 -1
- package/dist/tags-input/tags-input.js +1 -0
- package/dist/tags-input/tags-input.module.js +4 -4
- package/package.json +3 -3
- package/readme.body.md +16 -3
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -108,8 +108,10 @@ cascivo.base < cascivo.theme < cascivo.component
|
|
|
108
108
|
**Unlayered** CSS in your app always beats every cascivo layer regardless of
|
|
109
109
|
specificity, so your own (unlayered) styles win by default. To override cascivo
|
|
110
110
|
from within a layer, declare a layer ordered after `cascivo.component`. See
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
[CSS-LAYERS-PITFALL.md](https://github.com/cascivo/cascivo/blob/main/docs/CSS-LAYERS-PITFALL.md)
|
|
112
|
+
for the full story and the recommended `@layer` declaration. Token names and
|
|
113
|
+
aliases are documented in
|
|
114
|
+
[TOKENS.md](https://github.com/cascivo/cascivo/blob/main/docs/TOKENS.md).
|
|
113
115
|
|
|
114
116
|
All components are client components (`'use client'` is preserved in the
|
|
115
117
|
bundle), so the package works in Next.js App Router projects out of the box.
|
|
@@ -150,7 +152,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
150
152
|
|
|
151
153
|
## Component index
|
|
152
154
|
|
|
153
|
-
|
|
155
|
+
192 components, exported from `@cascivo/react`. Full props, examples, and live demos at [docs.cascivo.com](https://docs.cascivo.com).
|
|
154
156
|
|
|
155
157
|
### Inputs
|
|
156
158
|
|
|
@@ -218,6 +220,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
218
220
|
- **EmptyState** — Placeholder for views that have no data to display
|
|
219
221
|
- **Flow** — The declarative, AI-first flow surface — render a node/edge graph from plain serializable data.
|
|
220
222
|
- **FlowBackground** — Decorative dots / grid / cross canvas background, drawn purely in CSS gradients.
|
|
223
|
+
- **FlowCanvas** — The pan/zoom canvas pane — a single CSS-transformed layer driven by the viewport signal.
|
|
221
224
|
- **FlowControls** — Zoom in / out / fit-view controls for a flow canvas — real, i18n-labeled buttons.
|
|
222
225
|
- **FlowEdge** — An SVG edge with bezier/straight/smoothstep paths, an arrowhead, an optional label, and animation.
|
|
223
226
|
- **FlowHandle** — A connection port on a node edge — where edges attach and interactive connect starts.
|
|
@@ -232,6 +235,7 @@ routing break after adding one of these, check that the import resolves to
|
|
|
232
235
|
- **Kbd** — Displays a keyboard key or shortcut
|
|
233
236
|
- **List** — Styled unordered or ordered list with ListItem
|
|
234
237
|
- **LoginPage** — Authentication login page with email and password form.
|
|
238
|
+
- **LogViewer** — Virtualized monospace console for high-frequency log and stream output
|
|
235
239
|
- **NotificationCenter** — A list of notification alerts with a mark-all-read action.
|
|
236
240
|
- **PageWithBreadcrumb** — A centered content page with a breadcrumb navigation and page header.
|
|
237
241
|
- **Prose** — Wrapper that styles raw descendant HTML — headings, lists, code, quotes, tables
|
|
@@ -342,16 +346,25 @@ routing break after adding one of these, check that the import resolves to
|
|
|
342
346
|
- **Boxplot** — Box-and-whisker plot with five-number summary and outlier dots per series.
|
|
343
347
|
- **BubbleChart** — Bubble chart mapping x, y, and size dimensions; radius is area-proportional via sqrt scale.
|
|
344
348
|
- **Bullet** — Bullet chart with background range bands, measure bar, and target tick.
|
|
349
|
+
- **Calendar** — Calendar heatmap — a week-column grid of day cells colored by value (GitHub-style).
|
|
350
|
+
- **Candlestick** — OHLC financial chart — each period a high–low wick and an open↔close body, coloured up/down.
|
|
345
351
|
- **ComboChart** — Combination bar + line chart on shared or dual y-axes.
|
|
352
|
+
- **Funnel** — Vertical conversion funnel — each stage is a trapezoid narrowing toward the next, with optional conversion labels.
|
|
353
|
+
- **Gauge** — A speedometer gauge — a value arc over a min–max sweep with threshold zones, ticks, and a needle.
|
|
346
354
|
- **Heatmap** — Two-dimensional heatmap with band scales and color-mix cell interpolation.
|
|
347
355
|
- **Histogram** — Frequency histogram using Freedman–Diaconis binning with hover tooltips.
|
|
348
356
|
- **Kpi** — KPI card showing a primary metric with optional delta indicator, icon, and sparkline.
|
|
349
357
|
- **LineChart** — Time-series or numeric line chart with multi-series support, hover tooltip, and legend.
|
|
350
358
|
- **Meter** — Progress meter in bar or gauge variant with threshold coloring.
|
|
351
359
|
- **PieChart** — Pie or donut chart with hover segments and optional legend.
|
|
360
|
+
- **Polar** — A polar coordinate plot — categories around the circle, value as radius. Bars (a rose), or a polar line/area.
|
|
352
361
|
- **Radar** — Radar / spider chart with polar grid rings, spokes, and multi-series polygon overlays.
|
|
362
|
+
- **RadialBar** — Concentric radial bars (a circular gauge family) — each datum is a ring whose sweep is proportional to its value.
|
|
363
|
+
- **Sankey** — Flow diagram — ranked nodes connected by throughput-sized link ribbons.
|
|
353
364
|
- **ScatterChart** — Scatter plot with variable point radius, multi-series, and hover tooltip.
|
|
354
365
|
- **Sparkline** — Compact inline sparkline for embedding trend data in dashboards or KPI cards.
|
|
366
|
+
- **Stream** — Streamgraph — stacked areas on a centered (silhouette) flowing baseline.
|
|
367
|
+
- **Sunburst** — Radial hierarchy — concentric rings where each node is an annular segment sized by value.
|
|
355
368
|
- **Treemap** — Squarified treemap for visualizing part-to-whole hierarchical data.
|
|
356
369
|
|
|
357
370
|
<!-- COMPONENT_INDEX:END -->
|
package/dist/alert/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._alert_a2dn2_2{gap:var(--cascivo-space-3);padding:var(--cascivo-space-4);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);font-family:var(--cascivo-font-sans);color:var(--cascivo-color-text);display:flex}._alert_a2dn2_2[data-variant=info]{border-color:color-mix(in oklch, var(--cascivo-color-info) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-info) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-info-content)}._alert_a2dn2_2[data-variant=info] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=info] ._title_a2dn2_19{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success]{border-color:color-mix(in oklch, var(--cascivo-color-success) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-success) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-success-content)}._alert_a2dn2_2[data-variant=success] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=success] ._title_a2dn2_19{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning]{border-color:color-mix(in oklch, var(--cascivo-color-warning) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-warning) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-warning-content)}._alert_a2dn2_2[data-variant=warning] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=warning] ._title_a2dn2_19{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive]{border-color:color-mix(in oklch, var(--cascivo-color-destructive) 35%, var(--cascivo-color-border));background:color-mix(in oklch, var(--cascivo-color-destructive) 5%, var(--cascivo-color-bg));color:var(--cascivo-color-destructive-content)}._alert_a2dn2_2[data-variant=destructive] ._icon_a2dn2_18,._alert_a2dn2_2[data-variant=destructive] ._title_a2dn2_19{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._icon_a2dn2_18{flex-shrink:0;align-items:center;margin-block-start:.125rem;line-height:1;display:flex}._alert_a2dn2_2[data-variant=info] ._icon_a2dn2_18{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success] ._icon_a2dn2_18{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning] ._icon_a2dn2_18{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive] ._icon_a2dn2_18{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._body_a2dn2_90{gap:var(--cascivo-space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}._title_a2dn2_19{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);line-height:var(--cascivo-leading-snug)}._content_a2dn2_104{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle);line-height:var(--cascivo-leading-normal)}._action_a2dn2_110{padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;align-self:flex-start;margin-block-start:var(--cascivo-space-1)}._action_a2dn2_110:hover{background-color:var(--cascivo-color-bg-subtle)}._action_a2dn2_110:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._alert_a2dn2_2[data-variant=info] ._action_a2dn2_110{color:var(--cascivo-color-info-foreground,var(--cascivo-color-info))}._alert_a2dn2_2[data-variant=success] ._action_a2dn2_110{color:var(--cascivo-color-success-foreground,var(--cascivo-color-success))}._alert_a2dn2_2[data-variant=warning] ._action_a2dn2_110{color:var(--cascivo-color-warning-foreground,var(--cascivo-color-warning))}._alert_a2dn2_2[data-variant=destructive] ._action_a2dn2_110{color:var(--cascivo-color-destructive-foreground,var(--cascivo-color-destructive))}._dismiss_a2dn2_149{block-size:1.5rem;inline-size:1.5rem;font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);cursor:pointer;transition:color var(--cascivo-duration-150) var(--cascivo-ease-out), background-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}._dismiss_a2dn2_149:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._dismiss_a2dn2_149:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}}@media (forced-colors:active){._alert_a2dn2_2{border:1px solid canvastext}._alert_a2dn2_2[data-variant=info],._alert_a2dn2_2[data-variant=success],._alert_a2dn2_2[data-variant=warning],._alert_a2dn2_2[data-variant=destructive]{border-width:2px}._dismiss_a2dn2_149:focus-visible{outline-offset:2px;outline:2px solid highlight}}@media (prefers-contrast:more){._alert_a2dn2_2,._alert_a2dn2_2[data-variant=info],._alert_a2dn2_2[data-variant=success],._alert_a2dn2_2[data-variant=warning],._alert_a2dn2_2[data-variant=destructive]{border-width:2px}}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
import './alert.css';
|
|
4
4
|
var e = {
|
|
5
|
-
alert: "
|
|
6
|
-
icon: "
|
|
7
|
-
title: "
|
|
8
|
-
body: "
|
|
9
|
-
content: "
|
|
10
|
-
action: "
|
|
11
|
-
dismiss: "
|
|
5
|
+
alert: "_alert_a2dn2_2",
|
|
6
|
+
icon: "_icon_a2dn2_18",
|
|
7
|
+
title: "_title_a2dn2_19",
|
|
8
|
+
body: "_body_a2dn2_90",
|
|
9
|
+
content: "_content_a2dn2_104",
|
|
10
|
+
action: "_action_a2dn2_110",
|
|
11
|
+
dismiss: "_dismiss_a2dn2_149"
|
|
12
12
|
};
|
|
13
13
|
//#endregion
|
|
14
14
|
export { e as default };
|
package/dist/avatar/avatar.js
CHANGED
|
@@ -17,13 +17,13 @@ var s = n({
|
|
|
17
17
|
});
|
|
18
18
|
function c({ src: n, alt: c = "", fallback: l, size: u = "md", status: d, className: f, ...p }) {
|
|
19
19
|
i();
|
|
20
|
-
let [m, h] = r(s), g = !!n && m.value !== "error";
|
|
20
|
+
let [m, h] = r(s), g = !!n && m.value !== "error", _ = c || l;
|
|
21
21
|
return /* @__PURE__ */ o("span", {
|
|
22
22
|
"data-size": u,
|
|
23
23
|
"data-status": d,
|
|
24
24
|
className: t(e.avatar, f),
|
|
25
|
-
role: g ? void 0 : "img",
|
|
26
|
-
"aria-label": g ? void 0 :
|
|
25
|
+
role: g || !_ ? void 0 : "img",
|
|
26
|
+
"aria-label": g ? void 0 : _ || void 0,
|
|
27
27
|
...p,
|
|
28
28
|
children: [g ? /* @__PURE__ */ a("img", {
|
|
29
29
|
className: e.image,
|
package/dist/button/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._button_11p57_2{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));border:1px solid #0000;display:inline-flex}._button_11p57_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_11p57_2:disabled{opacity:.5;opacity:var(--cascivo-disabled-opacity,.5);cursor:not-allowed;pointer-events:none}._button_11p57_2[data-size=sm]{height:var(--cascivo-control-height-sm);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-ui)}._button_11p57_2[data-size=md]{height:var(--cascivo-control-height-md);padding-inline:var(--cascivo-space-4);padding-block:.5rem;padding-block:--cascivo-step(2);font-size:var(--cascivo-text-ui)}._button_11p57_2[data-size=lg]{height:var(--cascivo-control-height-lg);padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-body)}@media (pointer:coarse){._button_11p57_2[data-size=sm],._button_11p57_2[data-size=md]{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_11p57_2[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._button_11p57_2[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._button_11p57_2[data-variant=primary]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}._button_11p57_2[data-variant=secondary]{background-color:var(--cascivo-color-secondary);color:var(--cascivo-color-secondary-content)}._button_11p57_2[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-secondary-hover)}._button_11p57_2[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._button_11p57_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_11p57_2[data-variant=destructive]{background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}._button_11p57_2[data-variant=destructive]:hover:not(:disabled){background-color:var(--cascivo-color-destructive-hover)}}@media (forced-colors:active){._button_11p57_2{border:1px solid buttontext}._button_11p57_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._button_11p57_2:disabled{color:graytext;border-color:graytext}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._wrapper_bi94t_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:flex;position:relative}._label_bi94t_10{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._field_bi94t_16{align-items:center;display:flex;position:relative}._trigger_bi94t_22{inline-size:100%;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;justify-content:space-between;align-items:center;display:flex}._trigger_bi94t_22:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_bi94t_22:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_bi94t_22:disabled{opacity:.5;cursor:not-allowed}._wrapper_bi94t_2[data-size=sm] ._trigger_bi94t_22{block-size:2rem}._wrapper_bi94t_2[data-size=md] ._trigger_bi94t_22{block-size:2.5rem}._wrapper_bi94t_2[data-size=lg] ._trigger_bi94t_22{block-size:3rem}._wrapper_bi94t_2[data-state=error] ._trigger_bi94t_22{border-color:var(--cascivo-color-danger)}._value_bi94t_70{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_bi94t_76{color:var(--cascivo-color-text-subtle)}._chevron_bi94t_80{border-inline-end:2px solid var(--cascivo-color-text-muted);border-block-end:2px solid var(--cascivo-color-text-muted);block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:inline-block;transform:rotate(45deg)}._wrapper_bi94t_2[data-state=open] ._chevron_bi94t_80{transform:rotate(-135deg)}._clear_bi94t_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_bi94t_96:hover{color:var(--cascivo-color-text)}._clear_bi94t_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._listbox_bi94t_122{inline-size:100%;z-index:var(--cascivo-z-dropdown);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);max-block-size:16rem;box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;overflow-y:auto;translate:0 -.25rem}._listbox_bi94t_122[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._listbox_bi94t_122[data-state=open]{opacity:0;translate:0 -.25rem}}._searchWrapper_bi94t_156{padding:var(--cascivo-space-2);border-block-end:1px solid var(--cascivo-color-border)}._search_bi94t_156{inline-size:100%;padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_bi94t_156:focus-visible{border-color:var(--cascivo-color-accent)}._option_bi94t_178{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-item)}._option_bi94t_178[data-state=active]{background-color:var(--cascivo-color-bg-subtle)}._option_bi94t_178[aria-selected=true]{background-color:color-mix(in srgb, var(--cascivo-color-accent) 12%, transparent);color:var(--cascivo-color-accent)}._option_bi94t_178[data-disabled]{opacity:.4;cursor:not-allowed}._empty_bi94t_201{padding:var(--cascivo-space-4);text-align:center;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._error_bi94t_208{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_bi94t_213{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
@@ -15,53 +15,53 @@ var p = n({
|
|
|
15
15
|
});
|
|
16
16
|
function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ = !1, searchable: v = !0, label: y, hint: b, error: x, size: S = "md", disabled: C = !1, labels: w, className: T, id: E }) {
|
|
17
17
|
o();
|
|
18
|
-
let [D, O] = r(p), k = d(), A = E ?? `cascade-combobox-${k}`, j = `${k}-listbox`, M = f(null), N = w?.placeholder ?? c(s.combobox.placeholder), P = w?.empty ?? c(s.combobox.empty), F = w?.clear ?? c(s.combobox.clear), I = i(m ?? h);
|
|
19
|
-
m !== void 0 && (
|
|
20
|
-
let
|
|
18
|
+
let [D, O] = r(p), k = d(), A = E ?? `cascade-combobox-${k}`, j = `${k}-listbox`, M = f(null), N = w?.placeholder ?? c(s.combobox.placeholder), P = w?.empty ?? c(s.combobox.empty), F = w?.clear ?? c(s.combobox.clear), I = w?.search ?? c(s.combobox.search), L = i(m ?? h);
|
|
19
|
+
m !== void 0 && (L.value = m);
|
|
20
|
+
let R = i(""), z = i(0), B = D.value === "open", V = n.filter((e) => !v || !R.value ? !0 : e.label.toLowerCase().includes(R.value.toLowerCase())), H = n.find((e) => e.value === L.value);
|
|
21
21
|
a(() => {
|
|
22
|
-
if (!
|
|
22
|
+
if (!B) return;
|
|
23
23
|
let e = (e) => {
|
|
24
24
|
let t = document.getElementById(`${k}-root`);
|
|
25
25
|
t && !t.contains(e.target) && O("CLOSE");
|
|
26
26
|
};
|
|
27
27
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
28
28
|
});
|
|
29
|
-
let
|
|
30
|
-
C || (
|
|
31
|
-
},
|
|
32
|
-
O("CLOSE"),
|
|
33
|
-
},
|
|
34
|
-
m === void 0 && (
|
|
35
|
-
},
|
|
36
|
-
m === void 0 && (
|
|
37
|
-
},
|
|
38
|
-
if (
|
|
39
|
-
let t =
|
|
40
|
-
t !== void 0 && (
|
|
41
|
-
}, J = (e) => {
|
|
42
|
-
(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), H());
|
|
29
|
+
let U = () => {
|
|
30
|
+
C || (R.value = "", z.value = 0, O("OPEN"), setTimeout(() => M.current?.focus(), 0));
|
|
31
|
+
}, W = () => {
|
|
32
|
+
O("CLOSE"), R.value = "";
|
|
33
|
+
}, G = (e) => {
|
|
34
|
+
m === void 0 && (L.value = e), g?.(e), W();
|
|
35
|
+
}, K = () => {
|
|
36
|
+
m === void 0 && (L.value = void 0), g?.(void 0);
|
|
37
|
+
}, q = V.flatMap((e, t) => e.disabled ? [] : [t]), J = (e) => {
|
|
38
|
+
if (q.length === 0) return;
|
|
39
|
+
let t = q[(q.indexOf(z.value) + e + q.length) % q.length];
|
|
40
|
+
t !== void 0 && (z.value = t);
|
|
43
41
|
}, Y = (e) => {
|
|
42
|
+
(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), U());
|
|
43
|
+
}, X = (e) => {
|
|
44
44
|
switch (e.key) {
|
|
45
45
|
case "ArrowDown":
|
|
46
|
-
e.preventDefault(),
|
|
46
|
+
e.preventDefault(), J(1);
|
|
47
47
|
break;
|
|
48
48
|
case "ArrowUp":
|
|
49
|
-
e.preventDefault(),
|
|
49
|
+
e.preventDefault(), J(-1);
|
|
50
50
|
break;
|
|
51
51
|
case "Enter": {
|
|
52
52
|
e.preventDefault();
|
|
53
|
-
let t =
|
|
54
|
-
t && !t.disabled &&
|
|
53
|
+
let t = V[z.value];
|
|
54
|
+
t && !t.disabled && G(t.value);
|
|
55
55
|
break;
|
|
56
56
|
}
|
|
57
57
|
case "Escape":
|
|
58
|
-
e.preventDefault(),
|
|
58
|
+
e.preventDefault(), W();
|
|
59
59
|
break;
|
|
60
60
|
case "Tab":
|
|
61
|
-
|
|
61
|
+
W();
|
|
62
62
|
break;
|
|
63
63
|
}
|
|
64
|
-
},
|
|
64
|
+
}, Z = (e) => `${k}-option-${e}`;
|
|
65
65
|
return /* @__PURE__ */ u("div", {
|
|
66
66
|
id: `${k}-root`,
|
|
67
67
|
className: t(e.wrapper, T),
|
|
@@ -79,29 +79,29 @@ function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ =
|
|
|
79
79
|
id: A,
|
|
80
80
|
type: "button",
|
|
81
81
|
role: "combobox",
|
|
82
|
-
"aria-expanded":
|
|
82
|
+
"aria-expanded": B,
|
|
83
83
|
"aria-controls": j,
|
|
84
84
|
"aria-haspopup": "listbox",
|
|
85
|
-
"aria-activedescendant":
|
|
85
|
+
"aria-activedescendant": B && z.value >= 0 ? Z(z.value) : void 0,
|
|
86
86
|
"aria-invalid": x ? !0 : void 0,
|
|
87
87
|
"aria-describedby": x ? `${k}-error` : b ? `${k}-hint` : void 0,
|
|
88
88
|
className: e.trigger,
|
|
89
89
|
disabled: C,
|
|
90
|
-
onKeyDown:
|
|
91
|
-
onClick:
|
|
90
|
+
onKeyDown: Y,
|
|
91
|
+
onClick: B ? W : U,
|
|
92
92
|
children: [/* @__PURE__ */ l("span", {
|
|
93
|
-
className: t(e.value,
|
|
94
|
-
children:
|
|
93
|
+
className: t(e.value, H ? void 0 : e.placeholder),
|
|
94
|
+
children: H?.label ?? N
|
|
95
95
|
}), /* @__PURE__ */ l("span", {
|
|
96
96
|
className: e.chevron,
|
|
97
97
|
"aria-hidden": "true"
|
|
98
98
|
})]
|
|
99
|
-
}), _ &&
|
|
99
|
+
}), _ && L.value !== void 0 && /* @__PURE__ */ l("button", {
|
|
100
100
|
type: "button",
|
|
101
101
|
className: e.clear,
|
|
102
102
|
"aria-label": F,
|
|
103
103
|
onClick: (e) => {
|
|
104
|
-
e.stopPropagation(),
|
|
104
|
+
e.stopPropagation(), K();
|
|
105
105
|
},
|
|
106
106
|
children: "✕"
|
|
107
107
|
})]
|
|
@@ -110,38 +110,38 @@ function m({ options: n, value: m, defaultValue: h, onChange: g, clearable: _ =
|
|
|
110
110
|
role: "listbox",
|
|
111
111
|
id: j,
|
|
112
112
|
className: e.listbox,
|
|
113
|
-
"data-state":
|
|
113
|
+
"data-state": B ? "open" : "closed",
|
|
114
114
|
"aria-label": y,
|
|
115
|
-
children: [v &&
|
|
115
|
+
children: [v && B && /* @__PURE__ */ l("div", {
|
|
116
116
|
className: e.searchWrapper,
|
|
117
117
|
children: /* @__PURE__ */ l("input", {
|
|
118
118
|
ref: M,
|
|
119
119
|
type: "text",
|
|
120
120
|
className: e.search,
|
|
121
|
-
value:
|
|
121
|
+
value: R.value,
|
|
122
122
|
onChange: (e) => {
|
|
123
|
-
|
|
123
|
+
R.value = e.target.value, z.value = 0;
|
|
124
124
|
},
|
|
125
|
-
onKeyDown:
|
|
126
|
-
"aria-label":
|
|
125
|
+
onKeyDown: X,
|
|
126
|
+
"aria-label": I,
|
|
127
127
|
autoComplete: "off"
|
|
128
128
|
})
|
|
129
|
-
}),
|
|
129
|
+
}), V.length === 0 ? /* @__PURE__ */ l("div", {
|
|
130
130
|
className: e.empty,
|
|
131
131
|
children: P
|
|
132
|
-
}) :
|
|
133
|
-
id:
|
|
132
|
+
}) : V.map((t, n) => /* @__PURE__ */ l("div", {
|
|
133
|
+
id: Z(n),
|
|
134
134
|
role: "option",
|
|
135
|
-
"aria-selected": t.value ===
|
|
135
|
+
"aria-selected": t.value === L.value,
|
|
136
136
|
"aria-disabled": t.disabled || void 0,
|
|
137
|
-
"data-state": n ===
|
|
137
|
+
"data-state": n === z.value ? "active" : void 0,
|
|
138
138
|
"data-disabled": t.disabled || void 0,
|
|
139
139
|
className: e.option,
|
|
140
140
|
onMouseEnter: () => {
|
|
141
|
-
t.disabled || (
|
|
141
|
+
t.disabled || (z.value = n);
|
|
142
142
|
},
|
|
143
143
|
onClick: () => {
|
|
144
|
-
t.disabled ||
|
|
144
|
+
t.disabled || G(t.value);
|
|
145
145
|
},
|
|
146
146
|
children: t.label
|
|
147
147
|
}, t.value))]
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
import './combobox.css';
|
|
4
4
|
var e = {
|
|
5
|
-
wrapper: "
|
|
6
|
-
label: "
|
|
7
|
-
field: "
|
|
8
|
-
trigger: "
|
|
9
|
-
value: "
|
|
10
|
-
placeholder: "
|
|
11
|
-
chevron: "
|
|
12
|
-
clear: "
|
|
13
|
-
listbox: "
|
|
14
|
-
searchWrapper: "
|
|
15
|
-
search: "
|
|
16
|
-
option: "
|
|
17
|
-
empty: "
|
|
18
|
-
error: "
|
|
19
|
-
hint: "
|
|
5
|
+
wrapper: "_wrapper_bi94t_2",
|
|
6
|
+
label: "_label_bi94t_10",
|
|
7
|
+
field: "_field_bi94t_16",
|
|
8
|
+
trigger: "_trigger_bi94t_22",
|
|
9
|
+
value: "_value_bi94t_70",
|
|
10
|
+
placeholder: "_placeholder_bi94t_76",
|
|
11
|
+
chevron: "_chevron_bi94t_80",
|
|
12
|
+
clear: "_clear_bi94t_96",
|
|
13
|
+
listbox: "_listbox_bi94t_122",
|
|
14
|
+
searchWrapper: "_searchWrapper_bi94t_156",
|
|
15
|
+
search: "_search_bi94t_156",
|
|
16
|
+
option: "_option_bi94t_178",
|
|
17
|
+
empty: "_empty_bi94t_201",
|
|
18
|
+
error: "_error_bi94t_208",
|
|
19
|
+
hint: "_hint_bi94t_213"
|
|
20
20
|
};
|
|
21
21
|
//#endregion
|
|
22
22
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._root_cpm34_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_cpm34_2[data-density=compact]{--_row-height:2.25rem}._root_cpm34_2[data-density=normal]{--_row-height:3rem}._root_cpm34_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_cpm34_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_cpm34_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_cpm34_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_cpm34_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_cpm34_52{appearance:none;height:2rem;min-inline-size:14rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._search_cpm34_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_cpm34_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_cpm34_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_cpm34_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_cpm34_95{gap:var(--cascivo-space-2);display:flex}._scroller_cpm34_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_cpm34_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_cpm34_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_cpm34_2[data-paginated=true] ._table_cpm34_112{table-layout:fixed}._table_cpm34_112 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-4);text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_cpm34_112 thead th[data-align=end]{text-align:end}._table_cpm34_112 td{padding-block:0;padding-inline:var(--cascivo-space-4);block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_cpm34_112 td[data-align=end]{text-align:end}._table_cpm34_112 tbody tr[data-filler-row] td{border-block-end:none}._root_cpm34_2[data-sticky-header=true] ._table_cpm34_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_cpm34_2[data-zebra=true] ._table_cpm34_112 tbody tr:nth-child(2n of ._row_cpm34_168){background-color:var(--cascivo-color-bg-subtle)}._controlCol_cpm34_174{inline-size:3rem}._controlCell_cpm34_178{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_cpm34_184{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_cpm34_184:focus-visible{text-decoration:underline}._sortButton_cpm34_184:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_cpm34_184[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_cpm34_184[data-state=descending]:after{content:"↓";opacity:.9}._row_cpm34_168{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_cpm34_168[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_cpm34_232{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_cpm34_239[data-state=closed]{display:none}._expansionGrid_cpm34_245{overflow:hidden}._expansionInner_cpm34_249{padding:var(--cascivo-space-4)}._expandButton_cpm34_254{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_cpm34_254:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_cpm34_254:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_cpm34_277{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_cpm34_254[data-state=open] ._chevron_cpm34_277{transform:rotate(-135deg)}._shimmer_cpm34_292{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_cpm34_292:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_cpm34_292 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_cpm34_292{to{translate:100%}}._footer_cpm34_319{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_cpm34_329{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_cpm34_329 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;outline:none}._pageSize_cpm34_329 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_cpm34_355{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_cpm34_360{gap:var(--cascivo-space-1);display:flex}._pageButton_cpm34_360{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_cpm34_360:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_cpm34_360:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_cpm34_360:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_cpm34_401{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
|
|
@@ -23,7 +23,9 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
23
23
|
selectAll: S?.selectAll ?? c(s.dataTable.selectAll),
|
|
24
24
|
selectRow: S?.selectRow ?? c(s.dataTable.selectRow),
|
|
25
25
|
itemsSelected: (e) => S?.itemsSelected?.(e) ?? c(s.dataTable.itemsSelected, { count: e }),
|
|
26
|
-
expandRow: S?.expandRow ?? c(s.dataTable.expandRow)
|
|
26
|
+
expandRow: S?.expandRow ?? c(s.dataTable.expandRow),
|
|
27
|
+
previousPage: S?.previousPage ?? c(s.dataTable.previousPage),
|
|
28
|
+
nextPage: S?.nextPage ?? c(s.dataTable.nextPage)
|
|
27
29
|
}, E = o(se);
|
|
28
30
|
E.value = se;
|
|
29
31
|
let D = o(f);
|
|
@@ -152,12 +154,12 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
152
154
|
children: T.itemsSelected(K.length)
|
|
153
155
|
}), /* @__PURE__ */ l("div", {
|
|
154
156
|
className: n.batchActions,
|
|
155
|
-
children: _.map((t) => /* @__PURE__ */ l(e, {
|
|
157
|
+
children: _.map((t, n) => /* @__PURE__ */ l(e, {
|
|
156
158
|
size: "sm",
|
|
157
159
|
variant: "secondary",
|
|
158
160
|
onClick: () => t.onClick(K),
|
|
159
161
|
children: t.label
|
|
160
|
-
}, t.label))
|
|
162
|
+
}, t.id ?? `${n}-${t.label}`))
|
|
161
163
|
})]
|
|
162
164
|
}),
|
|
163
165
|
/* @__PURE__ */ l("div", {
|
|
@@ -336,7 +338,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
336
338
|
children: [/* @__PURE__ */ l("button", {
|
|
337
339
|
type: "button",
|
|
338
340
|
className: n.pageButton,
|
|
339
|
-
"aria-label":
|
|
341
|
+
"aria-label": T.previousPage,
|
|
340
342
|
disabled: B.value <= 1,
|
|
341
343
|
onClick: () => {
|
|
342
344
|
j.value = B.value - 1;
|
|
@@ -348,7 +350,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
348
350
|
}), /* @__PURE__ */ l("button", {
|
|
349
351
|
type: "button",
|
|
350
352
|
className: n.pageButton,
|
|
351
|
-
"aria-label":
|
|
353
|
+
"aria-label": T.nextPage,
|
|
352
354
|
disabled: B.value >= z.value,
|
|
353
355
|
onClick: () => {
|
|
354
356
|
j.value = B.value + 1;
|
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
import './data-table.css';
|
|
4
4
|
var e = {
|
|
5
|
-
root: "
|
|
6
|
-
toolbar: "
|
|
7
|
-
heading: "
|
|
8
|
-
title: "
|
|
9
|
-
description: "
|
|
10
|
-
search: "
|
|
11
|
-
batchBar: "
|
|
12
|
-
batchCount: "
|
|
13
|
-
batchActions: "
|
|
14
|
-
scroller: "
|
|
15
|
-
scrollerVirtualized: "
|
|
16
|
-
table: "
|
|
17
|
-
row: "
|
|
18
|
-
controlCol: "
|
|
19
|
-
controlCell: "
|
|
20
|
-
sortButton: "
|
|
21
|
-
emptyCell: "
|
|
22
|
-
expansionRow: "
|
|
23
|
-
expansionGrid: "
|
|
24
|
-
expansionInner: "
|
|
25
|
-
expandButton: "
|
|
26
|
-
chevron: "
|
|
27
|
-
shimmer: "
|
|
28
|
-
footer: "
|
|
29
|
-
pageSize: "
|
|
30
|
-
range: "
|
|
31
|
-
pageButtons: "
|
|
32
|
-
pageButton: "
|
|
33
|
-
srOnly: "
|
|
5
|
+
root: "_root_cpm34_2",
|
|
6
|
+
toolbar: "_toolbar_cpm34_26",
|
|
7
|
+
heading: "_heading_cpm34_35",
|
|
8
|
+
title: "_title_cpm34_41",
|
|
9
|
+
description: "_description_cpm34_47",
|
|
10
|
+
search: "_search_cpm34_52",
|
|
11
|
+
batchBar: "_batchBar_cpm34_79",
|
|
12
|
+
batchCount: "_batchCount_cpm34_89",
|
|
13
|
+
batchActions: "_batchActions_cpm34_95",
|
|
14
|
+
scroller: "_scroller_cpm34_101",
|
|
15
|
+
scrollerVirtualized: "_scrollerVirtualized_cpm34_106",
|
|
16
|
+
table: "_table_cpm34_112",
|
|
17
|
+
row: "_row_cpm34_168",
|
|
18
|
+
controlCol: "_controlCol_cpm34_174",
|
|
19
|
+
controlCell: "_controlCell_cpm34_178",
|
|
20
|
+
sortButton: "_sortButton_cpm34_184",
|
|
21
|
+
emptyCell: "_emptyCell_cpm34_232",
|
|
22
|
+
expansionRow: "_expansionRow_cpm34_239",
|
|
23
|
+
expansionGrid: "_expansionGrid_cpm34_245",
|
|
24
|
+
expansionInner: "_expansionInner_cpm34_249",
|
|
25
|
+
expandButton: "_expandButton_cpm34_254",
|
|
26
|
+
chevron: "_chevron_cpm34_277",
|
|
27
|
+
shimmer: "_shimmer_cpm34_292",
|
|
28
|
+
footer: "_footer_cpm34_319",
|
|
29
|
+
pageSize: "_pageSize_cpm34_329",
|
|
30
|
+
range: "_range_cpm34_355",
|
|
31
|
+
pageButtons: "_pageButtons_cpm34_360",
|
|
32
|
+
pageButton: "_pageButton_cpm34_360",
|
|
33
|
+
srOnly: "_srOnly_cpm34_401"
|
|
34
34
|
};
|
|
35
35
|
//#endregion
|
|
36
36
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._wrapper_6chzy_2{gap:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_6chzy_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_6chzy_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_6chzy_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_6chzy_27{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_6chzy_34{align-items:center;display:flex;position:relative}._trigger_6chzy_40{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_6chzy_40:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_6chzy_40:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_6chzy_40:disabled{opacity:.5;cursor:not-allowed}._wrapper_6chzy_2[data-state=error] ._trigger_6chzy_40{border-color:var(--cascivo-color-danger)}._value_6chzy_78{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_6chzy_84{color:var(--cascivo-color-text-subtle)}._icon_6chzy_87{color:var(--cascivo-color-text-muted);font-style:normal}._clear_6chzy_92{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_6chzy_92:hover{color:var(--cascivo-color-text)}._clear_6chzy_92:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_6chzy_117{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_6chzy_117[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_6chzy_117[data-state=open]{opacity:0;translate:0 -.25rem}}._header_6chzy_149{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_6chzy_156{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_6chzy_162{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_6chzy_162:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_6chzy_162:focus-visible{border-color:var(--cascivo-color-accent)}._grid_6chzy_184{border-collapse:collapse;inline-size:100%}._weekday_6chzy_189{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:2.25rem}._cell_6chzy_198{text-align:center;padding:2px}._empty_6chzy_202{inline-size:2.25rem}._day_6chzy_206{block-size:2.25rem;inline-size:2.25rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}._day_6chzy_206:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_6chzy_206:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_6chzy_206[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_6chzy_206[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_6chzy_206[aria-disabled]{opacity:.35;cursor:not-allowed}._error_6chzy_241{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_6chzy_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
import './date-picker.css';
|
|
4
4
|
var e = {
|
|
5
|
-
wrapper: "
|
|
6
|
-
label: "
|
|
7
|
-
field: "
|
|
8
|
-
trigger: "
|
|
9
|
-
value: "
|
|
10
|
-
placeholder: "
|
|
11
|
-
icon: "
|
|
12
|
-
clear: "
|
|
13
|
-
calendar: "
|
|
14
|
-
header: "
|
|
15
|
-
monthLabel: "
|
|
16
|
-
navButton: "
|
|
17
|
-
grid: "
|
|
18
|
-
weekday: "
|
|
19
|
-
cell: "
|
|
20
|
-
empty: "
|
|
21
|
-
day: "
|
|
22
|
-
error: "
|
|
23
|
-
hint: "
|
|
5
|
+
wrapper: "_wrapper_6chzy_2",
|
|
6
|
+
label: "_label_6chzy_27",
|
|
7
|
+
field: "_field_6chzy_34",
|
|
8
|
+
trigger: "_trigger_6chzy_40",
|
|
9
|
+
value: "_value_6chzy_78",
|
|
10
|
+
placeholder: "_placeholder_6chzy_84",
|
|
11
|
+
icon: "_icon_6chzy_87",
|
|
12
|
+
clear: "_clear_6chzy_92",
|
|
13
|
+
calendar: "_calendar_6chzy_117",
|
|
14
|
+
header: "_header_6chzy_149",
|
|
15
|
+
monthLabel: "_monthLabel_6chzy_156",
|
|
16
|
+
navButton: "_navButton_6chzy_162",
|
|
17
|
+
grid: "_grid_6chzy_184",
|
|
18
|
+
weekday: "_weekday_6chzy_189",
|
|
19
|
+
cell: "_cell_6chzy_198",
|
|
20
|
+
empty: "_empty_6chzy_202",
|
|
21
|
+
day: "_day_6chzy_206",
|
|
22
|
+
error: "_error_6chzy_241",
|
|
23
|
+
hint: "_hint_6chzy_245"
|
|
24
24
|
};
|
|
25
25
|
//#endregion
|
|
26
26
|
export { e as default };
|