@vanelsas/baredom-react 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +113 -0
- package/dist/index.d.ts +91 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +92 -0
- package/dist/index.js.map +1 -0
- package/dist/x-alert.d.ts +22 -0
- package/dist/x-alert.d.ts.map +1 -0
- package/dist/x-alert.js +30 -0
- package/dist/x-alert.js.map +1 -0
- package/dist/x-avatar-group.d.ts +17 -0
- package/dist/x-avatar-group.d.ts.map +1 -0
- package/dist/x-avatar-group.js +19 -0
- package/dist/x-avatar-group.js.map +1 -0
- package/dist/x-avatar.d.ts +20 -0
- package/dist/x-avatar.d.ts.map +1 -0
- package/dist/x-avatar.js +19 -0
- package/dist/x-avatar.js.map +1 -0
- package/dist/x-badge.d.ts +18 -0
- package/dist/x-badge.d.ts.map +1 -0
- package/dist/x-badge.js +19 -0
- package/dist/x-badge.js.map +1 -0
- package/dist/x-bento-grid.d.ts +11 -0
- package/dist/x-bento-grid.d.ts.map +1 -0
- package/dist/x-bento-grid.js +19 -0
- package/dist/x-bento-grid.js.map +1 -0
- package/dist/x-bento-item.d.ts +11 -0
- package/dist/x-bento-item.d.ts.map +1 -0
- package/dist/x-bento-item.js +19 -0
- package/dist/x-bento-item.js.map +1 -0
- package/dist/x-breadcrumbs.d.ts +19 -0
- package/dist/x-breadcrumbs.d.ts.map +1 -0
- package/dist/x-breadcrumbs.js +19 -0
- package/dist/x-breadcrumbs.js.map +1 -0
- package/dist/x-button.d.ts +26 -0
- package/dist/x-button.d.ts.map +1 -0
- package/dist/x-button.js +50 -0
- package/dist/x-button.js.map +1 -0
- package/dist/x-cancel-dialogue.d.ts +24 -0
- package/dist/x-cancel-dialogue.d.ts.map +1 -0
- package/dist/x-cancel-dialogue.js +42 -0
- package/dist/x-cancel-dialogue.js.map +1 -0
- package/dist/x-card.d.ts +14 -0
- package/dist/x-card.d.ts.map +1 -0
- package/dist/x-card.js +30 -0
- package/dist/x-card.js.map +1 -0
- package/dist/x-carousel.d.ts +26 -0
- package/dist/x-carousel.d.ts.map +1 -0
- package/dist/x-carousel.js +30 -0
- package/dist/x-carousel.js.map +1 -0
- package/dist/x-chart.d.ts +22 -0
- package/dist/x-chart.d.ts.map +1 -0
- package/dist/x-chart.js +19 -0
- package/dist/x-chart.js.map +1 -0
- package/dist/x-checkbox.d.ts +27 -0
- package/dist/x-checkbox.d.ts.map +1 -0
- package/dist/x-checkbox.js +34 -0
- package/dist/x-checkbox.js.map +1 -0
- package/dist/x-chip.d.ts +19 -0
- package/dist/x-chip.d.ts.map +1 -0
- package/dist/x-chip.js +30 -0
- package/dist/x-chip.js.map +1 -0
- package/dist/x-collapse.d.ts +22 -0
- package/dist/x-collapse.d.ts.map +1 -0
- package/dist/x-collapse.js +34 -0
- package/dist/x-collapse.js.map +1 -0
- package/dist/x-color-picker.d.ts +34 -0
- package/dist/x-color-picker.d.ts.map +1 -0
- package/dist/x-color-picker.js +34 -0
- package/dist/x-color-picker.js.map +1 -0
- package/dist/x-combobox.d.ts +29 -0
- package/dist/x-combobox.d.ts.map +1 -0
- package/dist/x-combobox.js +38 -0
- package/dist/x-combobox.js.map +1 -0
- package/dist/x-command-palette.d.ts +27 -0
- package/dist/x-command-palette.d.ts.map +1 -0
- package/dist/x-command-palette.js +54 -0
- package/dist/x-command-palette.js.map +1 -0
- package/dist/x-container.d.ts +13 -0
- package/dist/x-container.d.ts.map +1 -0
- package/dist/x-container.js +19 -0
- package/dist/x-container.js.map +1 -0
- package/dist/x-context-menu.d.ts +16 -0
- package/dist/x-context-menu.d.ts.map +1 -0
- package/dist/x-context-menu.js +19 -0
- package/dist/x-context-menu.js.map +1 -0
- package/dist/x-copy.d.ts +34 -0
- package/dist/x-copy.d.ts.map +1 -0
- package/dist/x-copy.js +38 -0
- package/dist/x-copy.js.map +1 -0
- package/dist/x-currency-field.d.ts +32 -0
- package/dist/x-currency-field.d.ts.map +1 -0
- package/dist/x-currency-field.js +34 -0
- package/dist/x-currency-field.js.map +1 -0
- package/dist/x-date-picker.d.ts +19 -0
- package/dist/x-date-picker.d.ts.map +1 -0
- package/dist/x-date-picker.js +19 -0
- package/dist/x-date-picker.js.map +1 -0
- package/dist/x-divider.d.ts +19 -0
- package/dist/x-divider.d.ts.map +1 -0
- package/dist/x-divider.js +19 -0
- package/dist/x-divider.js.map +1 -0
- package/dist/x-drawer.d.ts +20 -0
- package/dist/x-drawer.d.ts.map +1 -0
- package/dist/x-drawer.js +34 -0
- package/dist/x-drawer.js.map +1 -0
- package/dist/x-dropdown.d.ts +22 -0
- package/dist/x-dropdown.d.ts.map +1 -0
- package/dist/x-dropdown.js +34 -0
- package/dist/x-dropdown.js.map +1 -0
- package/dist/x-fieldset.d.ts +13 -0
- package/dist/x-fieldset.d.ts.map +1 -0
- package/dist/x-fieldset.js +19 -0
- package/dist/x-fieldset.js.map +1 -0
- package/dist/x-file-download.d.ts +18 -0
- package/dist/x-file-download.d.ts.map +1 -0
- package/dist/x-file-download.js +30 -0
- package/dist/x-file-download.js.map +1 -0
- package/dist/x-file-upload.d.ts +26 -0
- package/dist/x-file-upload.d.ts.map +1 -0
- package/dist/x-file-upload.js +34 -0
- package/dist/x-file-upload.js.map +1 -0
- package/dist/x-form-field.d.ts +28 -0
- package/dist/x-form-field.d.ts.map +1 -0
- package/dist/x-form-field.js +34 -0
- package/dist/x-form-field.js.map +1 -0
- package/dist/x-form.d.ts +18 -0
- package/dist/x-form.d.ts.map +1 -0
- package/dist/x-form.js +34 -0
- package/dist/x-form.js.map +1 -0
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.d.ts.map +1 -0
- package/dist/x-gaussian-blur.js +19 -0
- package/dist/x-gaussian-blur.js.map +1 -0
- package/dist/x-grid.d.ts +11 -0
- package/dist/x-grid.d.ts.map +1 -0
- package/dist/x-grid.js +19 -0
- package/dist/x-grid.js.map +1 -0
- package/dist/x-icon.d.ts +14 -0
- package/dist/x-icon.d.ts.map +1 -0
- package/dist/x-icon.js +19 -0
- package/dist/x-icon.js.map +1 -0
- package/dist/x-image.d.ts +26 -0
- package/dist/x-image.d.ts.map +1 -0
- package/dist/x-image.js +34 -0
- package/dist/x-image.js.map +1 -0
- package/dist/x-kinetic-font.d.ts +23 -0
- package/dist/x-kinetic-font.d.ts.map +1 -0
- package/dist/x-kinetic-font.js +34 -0
- package/dist/x-kinetic-font.js.map +1 -0
- package/dist/x-kinetic-typography.d.ts +26 -0
- package/dist/x-kinetic-typography.d.ts.map +1 -0
- package/dist/x-kinetic-typography.js +19 -0
- package/dist/x-kinetic-typography.js.map +1 -0
- package/dist/x-liquid-dock.d.ts +27 -0
- package/dist/x-liquid-dock.d.ts.map +1 -0
- package/dist/x-liquid-dock.js +30 -0
- package/dist/x-liquid-dock.js.map +1 -0
- package/dist/x-liquid-fill.d.ts +23 -0
- package/dist/x-liquid-fill.d.ts.map +1 -0
- package/dist/x-liquid-fill.js +30 -0
- package/dist/x-liquid-fill.js.map +1 -0
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.d.ts.map +1 -0
- package/dist/x-liquid-glass.js +19 -0
- package/dist/x-liquid-glass.js.map +1 -0
- package/dist/x-menu-item.d.ts +18 -0
- package/dist/x-menu-item.d.ts.map +1 -0
- package/dist/x-menu-item.js +30 -0
- package/dist/x-menu-item.js.map +1 -0
- package/dist/x-menu.d.ts +19 -0
- package/dist/x-menu.d.ts.map +1 -0
- package/dist/x-menu.js +38 -0
- package/dist/x-menu.js.map +1 -0
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.d.ts.map +1 -0
- package/dist/x-metaball-cursor.js +19 -0
- package/dist/x-metaball-cursor.js.map +1 -0
- package/dist/x-modal.d.ts +20 -0
- package/dist/x-modal.d.ts.map +1 -0
- package/dist/x-modal.js +34 -0
- package/dist/x-modal.js.map +1 -0
- package/dist/x-morph-stack.d.ts +28 -0
- package/dist/x-morph-stack.d.ts.map +1 -0
- package/dist/x-morph-stack.js +34 -0
- package/dist/x-morph-stack.js.map +1 -0
- package/dist/x-navbar.d.ts +26 -0
- package/dist/x-navbar.d.ts.map +1 -0
- package/dist/x-navbar.js +38 -0
- package/dist/x-navbar.js.map +1 -0
- package/dist/x-neural-glow.d.ts +21 -0
- package/dist/x-neural-glow.d.ts.map +1 -0
- package/dist/x-neural-glow.js +19 -0
- package/dist/x-neural-glow.js.map +1 -0
- package/dist/x-notification-center.d.ts +25 -0
- package/dist/x-notification-center.d.ts.map +1 -0
- package/dist/x-notification-center.js +38 -0
- package/dist/x-notification-center.js.map +1 -0
- package/dist/x-organic-divider.d.ts +18 -0
- package/dist/x-organic-divider.d.ts.map +1 -0
- package/dist/x-organic-divider.js +19 -0
- package/dist/x-organic-divider.js.map +1 -0
- package/dist/x-organic-progress.d.ts +24 -0
- package/dist/x-organic-progress.d.ts.map +1 -0
- package/dist/x-organic-progress.js +34 -0
- package/dist/x-organic-progress.js.map +1 -0
- package/dist/x-organic-shape.d.ts +17 -0
- package/dist/x-organic-shape.d.ts.map +1 -0
- package/dist/x-organic-shape.js +19 -0
- package/dist/x-organic-shape.js.map +1 -0
- package/dist/x-pagination.d.ts +21 -0
- package/dist/x-pagination.d.ts.map +1 -0
- package/dist/x-pagination.js +30 -0
- package/dist/x-pagination.js.map +1 -0
- package/dist/x-particle-button.d.ts +35 -0
- package/dist/x-particle-button.d.ts.map +1 -0
- package/dist/x-particle-button.js +58 -0
- package/dist/x-particle-button.js.map +1 -0
- package/dist/x-popover.d.ts +25 -0
- package/dist/x-popover.d.ts.map +1 -0
- package/dist/x-popover.js +34 -0
- package/dist/x-popover.js.map +1 -0
- package/dist/x-progress-circle.d.ts +19 -0
- package/dist/x-progress-circle.d.ts.map +1 -0
- package/dist/x-progress-circle.js +30 -0
- package/dist/x-progress-circle.js.map +1 -0
- package/dist/x-progress.d.ts +22 -0
- package/dist/x-progress.d.ts.map +1 -0
- package/dist/x-progress.js +30 -0
- package/dist/x-progress.js.map +1 -0
- package/dist/x-radio.d.ts +26 -0
- package/dist/x-radio.d.ts.map +1 -0
- package/dist/x-radio.js +34 -0
- package/dist/x-radio.js.map +1 -0
- package/dist/x-ripple-effect.d.ts +23 -0
- package/dist/x-ripple-effect.d.ts.map +1 -0
- package/dist/x-ripple-effect.js +34 -0
- package/dist/x-ripple-effect.js.map +1 -0
- package/dist/x-scroll-parallax.d.ts +25 -0
- package/dist/x-scroll-parallax.d.ts.map +1 -0
- package/dist/x-scroll-parallax.js +38 -0
- package/dist/x-scroll-parallax.js.map +1 -0
- package/dist/x-scroll-stack.d.ts +26 -0
- package/dist/x-scroll-stack.d.ts.map +1 -0
- package/dist/x-scroll-stack.js +34 -0
- package/dist/x-scroll-stack.js.map +1 -0
- package/dist/x-scroll-story.d.ts +57 -0
- package/dist/x-scroll-story.d.ts.map +1 -0
- package/dist/x-scroll-story.js +58 -0
- package/dist/x-scroll-story.js.map +1 -0
- package/dist/x-scroll-timeline.d.ts +59 -0
- package/dist/x-scroll-timeline.d.ts.map +1 -0
- package/dist/x-scroll-timeline.js +58 -0
- package/dist/x-scroll-timeline.js.map +1 -0
- package/dist/x-scroll.d.ts +36 -0
- package/dist/x-scroll.d.ts.map +1 -0
- package/dist/x-scroll.js +42 -0
- package/dist/x-scroll.js.map +1 -0
- package/dist/x-search-field.d.ts +33 -0
- package/dist/x-search-field.d.ts.map +1 -0
- package/dist/x-search-field.js +42 -0
- package/dist/x-search-field.js.map +1 -0
- package/dist/x-select.d.ts +18 -0
- package/dist/x-select.d.ts.map +1 -0
- package/dist/x-select.js +30 -0
- package/dist/x-select.js.map +1 -0
- package/dist/x-sidebar.d.ts +19 -0
- package/dist/x-sidebar.d.ts.map +1 -0
- package/dist/x-sidebar.js +34 -0
- package/dist/x-sidebar.js.map +1 -0
- package/dist/x-skeleton-group.d.ts +14 -0
- package/dist/x-skeleton-group.d.ts.map +1 -0
- package/dist/x-skeleton-group.js +19 -0
- package/dist/x-skeleton-group.js.map +1 -0
- package/dist/x-skeleton.d.ts +15 -0
- package/dist/x-skeleton.d.ts.map +1 -0
- package/dist/x-skeleton.js +19 -0
- package/dist/x-skeleton.js.map +1 -0
- package/dist/x-slider.d.ts +31 -0
- package/dist/x-slider.d.ts.map +1 -0
- package/dist/x-slider.js +34 -0
- package/dist/x-slider.js.map +1 -0
- package/dist/x-soft-body.d.ts +19 -0
- package/dist/x-soft-body.d.ts.map +1 -0
- package/dist/x-soft-body.js +34 -0
- package/dist/x-soft-body.js.map +1 -0
- package/dist/x-spacer.d.ts +14 -0
- package/dist/x-spacer.d.ts.map +1 -0
- package/dist/x-spacer.js +19 -0
- package/dist/x-spacer.js.map +1 -0
- package/dist/x-spinner.d.ts +14 -0
- package/dist/x-spinner.d.ts.map +1 -0
- package/dist/x-spinner.js +19 -0
- package/dist/x-spinner.js.map +1 -0
- package/dist/x-splash.d.ts +17 -0
- package/dist/x-splash.d.ts.map +1 -0
- package/dist/x-splash.js +30 -0
- package/dist/x-splash.js.map +1 -0
- package/dist/x-stat.d.ts +20 -0
- package/dist/x-stat.d.ts.map +1 -0
- package/dist/x-stat.js +19 -0
- package/dist/x-stat.js.map +1 -0
- package/dist/x-stepper.d.ts +20 -0
- package/dist/x-stepper.d.ts.map +1 -0
- package/dist/x-stepper.js +30 -0
- package/dist/x-stepper.js.map +1 -0
- package/dist/x-switch.d.ts +26 -0
- package/dist/x-switch.d.ts.map +1 -0
- package/dist/x-switch.js +34 -0
- package/dist/x-switch.js.map +1 -0
- package/dist/x-tab.d.ts +17 -0
- package/dist/x-tab.d.ts.map +1 -0
- package/dist/x-tab.js +30 -0
- package/dist/x-tab.js.map +1 -0
- package/dist/x-table-cell.d.ts +34 -0
- package/dist/x-table-cell.d.ts.map +1 -0
- package/dist/x-table-cell.js +38 -0
- package/dist/x-table-cell.js.map +1 -0
- package/dist/x-table-row.d.ts +27 -0
- package/dist/x-table-row.d.ts.map +1 -0
- package/dist/x-table-row.js +38 -0
- package/dist/x-table-row.js.map +1 -0
- package/dist/x-table.d.ts +29 -0
- package/dist/x-table.d.ts.map +1 -0
- package/dist/x-table.js +34 -0
- package/dist/x-table.js.map +1 -0
- package/dist/x-tabs.d.ts +15 -0
- package/dist/x-tabs.d.ts.map +1 -0
- package/dist/x-tabs.js +30 -0
- package/dist/x-tabs.js.map +1 -0
- package/dist/x-text-area.d.ts +28 -0
- package/dist/x-text-area.d.ts.map +1 -0
- package/dist/x-text-area.js +34 -0
- package/dist/x-text-area.js.map +1 -0
- package/dist/x-theme.d.ts +12 -0
- package/dist/x-theme.d.ts.map +1 -0
- package/dist/x-theme.js +19 -0
- package/dist/x-theme.js.map +1 -0
- package/dist/x-timeline-item.d.ts +32 -0
- package/dist/x-timeline-item.d.ts.map +1 -0
- package/dist/x-timeline-item.js +38 -0
- package/dist/x-timeline-item.js.map +1 -0
- package/dist/x-timeline.d.ts +19 -0
- package/dist/x-timeline.d.ts.map +1 -0
- package/dist/x-timeline.js +30 -0
- package/dist/x-timeline.js.map +1 -0
- package/dist/x-toast.d.ts +25 -0
- package/dist/x-toast.d.ts.map +1 -0
- package/dist/x-toast.js +30 -0
- package/dist/x-toast.js.map +1 -0
- package/dist/x-toaster.d.ts +20 -0
- package/dist/x-toaster.d.ts.map +1 -0
- package/dist/x-toaster.js +30 -0
- package/dist/x-toaster.js.map +1 -0
- package/dist/x-tooltip.d.ts +18 -0
- package/dist/x-tooltip.d.ts.map +1 -0
- package/dist/x-tooltip.js +34 -0
- package/dist/x-tooltip.js.map +1 -0
- package/dist/x-typography.d.ts +15 -0
- package/dist/x-typography.d.ts.map +1 -0
- package/dist/x-typography.js +19 -0
- package/dist/x-typography.js.map +1 -0
- package/dist/x-welcome-tour.d.ts +31 -0
- package/dist/x-welcome-tour.d.ts.map +1 -0
- package/dist/x-welcome-tour.js +42 -0
- package/dist/x-welcome-tour.js.map +1 -0
- package/package.json +401 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-progress-circle.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-progress-circle";
|
|
6
|
+
init();
|
|
7
|
+
export const XProgressCircle = forwardRef(function XProgressCircle(props, forwardedRef) {
|
|
8
|
+
const { onComplete, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onComplete) {
|
|
23
|
+
el.addEventListener("x-progress-circle-complete", onComplete);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-progress-circle-complete", onComplete));
|
|
25
|
+
}
|
|
26
|
+
return () => cleanup.forEach(fn => fn());
|
|
27
|
+
}, [onComplete]);
|
|
28
|
+
return _jsx("x-progress-circle", { ref: setRef, ...rest, children: children });
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=x-progress-circle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-progress-circle.js","sourceRoot":"","sources":["../src/x-progress-circle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,2EAA2E;AAE3E,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAE3D,IAAI,EAAE,CAAC;AAeP,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,KAAK,EAAE,YAAY;IAC1C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAEtD,MAAM,MAAM,GAAG,CAAC,EAAiC,EAAE,EAAE;QACnD,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,UAAU,EAAE,CAAC;YACf,EAAE,CAAC,gBAAgB,CAAC,4BAA4B,EAAE,UAA2B,CAAC,CAAC;YAC/E,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,4BAA4B,EAAE,UAA2B,CAAC,CAAC,CAAC;QACxG,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,4BAAmB,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAqB,CAAC;AAClF,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XProgress as XProgressElement } from "@vanelsas/baredom/x-progress";
|
|
3
|
+
export interface XProgressProps {
|
|
4
|
+
value?: string;
|
|
5
|
+
max?: string;
|
|
6
|
+
variant?: string;
|
|
7
|
+
size?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
indeterminate?: boolean;
|
|
10
|
+
showValue?: boolean;
|
|
11
|
+
onComplete?: (e: CustomEvent<{
|
|
12
|
+
value: number;
|
|
13
|
+
max: number;
|
|
14
|
+
}>) => void;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
id?: string;
|
|
19
|
+
slot?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const XProgress: React.ForwardRefExoticComponent<XProgressProps & React.RefAttributes<XProgressElement>>;
|
|
22
|
+
//# sourceMappingURL=x-progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-progress.d.ts","sourceRoot":"","sources":["../src/x-progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAKlF,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,yFA0BrB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-progress.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-progress";
|
|
6
|
+
init();
|
|
7
|
+
export const XProgress = forwardRef(function XProgress(props, forwardedRef) {
|
|
8
|
+
const { onComplete, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onComplete) {
|
|
23
|
+
el.addEventListener("x-progress-complete", onComplete);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-progress-complete", onComplete));
|
|
25
|
+
}
|
|
26
|
+
return () => cleanup.forEach(fn => fn());
|
|
27
|
+
}, [onComplete]);
|
|
28
|
+
return _jsx("x-progress", { ref: setRef, ...rest, children: children });
|
|
29
|
+
});
|
|
30
|
+
//# sourceMappingURL=x-progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-progress.js","sourceRoot":"","sources":["../src/x-progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,oEAAoE;AAEpE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,IAAI,EAAE,CAAC;AAkBP,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,KAAK,EAAE,YAAY;IACpC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,MAAM,GAAG,CAAC,EAA2B,EAAE,EAAE;QAC7C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,UAAU,EAAE,CAAC;YACf,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,UAA2B,CAAC,CAAC;YACxE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,UAA2B,CAAC,CAAC,CAAC;QACjG,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,qBAAY,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAc,CAAC;AACpE,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XRadio as XRadioElement } from "@vanelsas/baredom/x-radio";
|
|
3
|
+
export interface XRadioProps {
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
readOnly?: boolean;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
name?: string;
|
|
9
|
+
value?: string;
|
|
10
|
+
onChangeRequest?: (e: CustomEvent<{
|
|
11
|
+
value: string;
|
|
12
|
+
previousChecked: boolean;
|
|
13
|
+
nextChecked: boolean;
|
|
14
|
+
}>) => void;
|
|
15
|
+
onChange?: (e: CustomEvent<{
|
|
16
|
+
value: string;
|
|
17
|
+
checked: boolean;
|
|
18
|
+
}>) => void;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
id?: string;
|
|
23
|
+
slot?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const XRadio: React.ForwardRefExoticComponent<XRadioProps & React.RefAttributes<XRadioElement>>;
|
|
26
|
+
//# sourceMappingURL=x-radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-radio.d.ts","sourceRoot":"","sources":["../src/x-radio.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAKzE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC9G,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,MAAM,mFA8BlB,CAAC"}
|
package/dist/x-radio.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-radio.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-radio";
|
|
6
|
+
init();
|
|
7
|
+
export const XRadio = forwardRef(function XRadio(props, forwardedRef) {
|
|
8
|
+
const { onChangeRequest, onChange, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onChangeRequest) {
|
|
23
|
+
el.addEventListener("x-radio-change-request", onChangeRequest);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-radio-change-request", onChangeRequest));
|
|
25
|
+
}
|
|
26
|
+
if (onChange) {
|
|
27
|
+
el.addEventListener("x-radio-change", onChange);
|
|
28
|
+
cleanup.push(() => el.removeEventListener("x-radio-change", onChange));
|
|
29
|
+
}
|
|
30
|
+
return () => cleanup.forEach(fn => fn());
|
|
31
|
+
}, [onChangeRequest, onChange]);
|
|
32
|
+
return _jsx("x-radio", { ref: setRef, ...rest, children: children });
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=x-radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-radio.js","sourceRoot":"","sources":["../src/x-radio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,iEAAiE;AAEjE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEjD,IAAI,EAAE,CAAC;AAkBP,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,SAAS,MAAM,CAAC,KAAK,EAAE,YAAY;IACjC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,CAAC,EAAwB,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,eAAe,EAAE,CAAC;YACpB,EAAE,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,eAAgC,CAAC,CAAC;YAChF,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,wBAAwB,EAAE,eAAgC,CAAC,CAAC,CAAC;QACzG,CAAC;QACD,IAAI,QAAQ,EAAE,CAAC;YACb,EAAE,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAyB,CAAC,CAAC;YACjE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAyB,CAAC,CAAC,CAAC;QAC1F,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhC,OAAO,kBAAS,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAW,CAAC;AAC9D,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XRippleEffect as XRippleEffectElement } from "@vanelsas/baredom/x-ripple-effect";
|
|
3
|
+
export interface XRippleEffectProps {
|
|
4
|
+
intensity?: number;
|
|
5
|
+
duration?: number;
|
|
6
|
+
frequency?: number;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onStart?: (e: CustomEvent<{
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
}>) => void;
|
|
12
|
+
onEnd?: (e: CustomEvent<{
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
}>) => void;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
id?: string;
|
|
20
|
+
slot?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const XRippleEffect: React.ForwardRefExoticComponent<XRippleEffectProps & React.RefAttributes<XRippleEffectElement>>;
|
|
23
|
+
//# sourceMappingURL=x-ripple-effect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-ripple-effect.d.ts","sourceRoot":"","sources":["../src/x-ripple-effect.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAK/F,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,iGA8BzB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-ripple-effect.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-ripple-effect";
|
|
6
|
+
init();
|
|
7
|
+
export const XRippleEffect = forwardRef(function XRippleEffect(props, forwardedRef) {
|
|
8
|
+
const { onStart, onEnd, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onStart) {
|
|
23
|
+
el.addEventListener("x-ripple-effect-start", onStart);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-ripple-effect-start", onStart));
|
|
25
|
+
}
|
|
26
|
+
if (onEnd) {
|
|
27
|
+
el.addEventListener("x-ripple-effect-end", onEnd);
|
|
28
|
+
cleanup.push(() => el.removeEventListener("x-ripple-effect-end", onEnd));
|
|
29
|
+
}
|
|
30
|
+
return () => cleanup.forEach(fn => fn());
|
|
31
|
+
}, [onStart, onEnd]);
|
|
32
|
+
return _jsx("x-ripple-effect", { ref: setRef, ...rest, children: children });
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=x-ripple-effect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-ripple-effect.js","sourceRoot":"","sources":["../src/x-ripple-effect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,yEAAyE;AAEzE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAEzD,IAAI,EAAE,CAAC;AAgBP,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,KAAK,EAAE,YAAY;IACxC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAEpD,MAAM,MAAM,GAAG,CAAC,EAA+B,EAAE,EAAE;QACjD,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,OAAO,EAAE,CAAC;YACZ,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,OAAwB,CAAC,CAAC;YACvE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,OAAwB,CAAC,CAAC,CAAC;QAChG,CAAC;QACD,IAAI,KAAK,EAAE,CAAC;YACV,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,KAAsB,CAAC,CAAC;YACnE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,KAAsB,CAAC,CAAC,CAAC;QAC5F,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,0BAAiB,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAmB,CAAC;AAC9E,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XScrollParallax as XScrollParallaxElement } from "@vanelsas/baredom/x-scroll-parallax";
|
|
3
|
+
export interface XScrollParallaxProps {
|
|
4
|
+
direction?: string;
|
|
5
|
+
source?: string;
|
|
6
|
+
easing?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
label?: string;
|
|
9
|
+
onEnter?: (e: CustomEvent<{
|
|
10
|
+
progress: number;
|
|
11
|
+
}>) => void;
|
|
12
|
+
onLeave?: (e: CustomEvent<{
|
|
13
|
+
progress: number;
|
|
14
|
+
}>) => void;
|
|
15
|
+
onProgress?: (e: CustomEvent<{
|
|
16
|
+
progress: number;
|
|
17
|
+
}>) => void;
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
id?: string;
|
|
22
|
+
slot?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const XScrollParallax: React.ForwardRefExoticComponent<XScrollParallaxProps & React.RefAttributes<XScrollParallaxElement>>;
|
|
25
|
+
//# sourceMappingURL=x-scroll-parallax.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-parallax.d.ts","sourceRoot":"","sources":["../src/x-scroll-parallax.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAKrG,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,qGAkC3B,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-scroll-parallax.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-scroll-parallax";
|
|
6
|
+
init();
|
|
7
|
+
export const XScrollParallax = forwardRef(function XScrollParallax(props, forwardedRef) {
|
|
8
|
+
const { onEnter, onLeave, onProgress, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onEnter) {
|
|
23
|
+
el.addEventListener("x-scroll-parallax-enter", onEnter);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-scroll-parallax-enter", onEnter));
|
|
25
|
+
}
|
|
26
|
+
if (onLeave) {
|
|
27
|
+
el.addEventListener("x-scroll-parallax-leave", onLeave);
|
|
28
|
+
cleanup.push(() => el.removeEventListener("x-scroll-parallax-leave", onLeave));
|
|
29
|
+
}
|
|
30
|
+
if (onProgress) {
|
|
31
|
+
el.addEventListener("x-scroll-parallax-progress", onProgress);
|
|
32
|
+
cleanup.push(() => el.removeEventListener("x-scroll-parallax-progress", onProgress));
|
|
33
|
+
}
|
|
34
|
+
return () => cleanup.forEach(fn => fn());
|
|
35
|
+
}, [onEnter, onLeave, onProgress]);
|
|
36
|
+
return _jsx("x-scroll-parallax", { ref: setRef, ...rest, children: children });
|
|
37
|
+
});
|
|
38
|
+
//# sourceMappingURL=x-scroll-parallax.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-parallax.js","sourceRoot":"","sources":["../src/x-scroll-parallax.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,2EAA2E;AAE3E,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAE3D,IAAI,EAAE,CAAC;AAkBP,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,KAAK,EAAE,YAAY;IAC1C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAEtD,MAAM,MAAM,GAAG,CAAC,EAAiC,EAAE,EAAE;QACnD,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,OAAO,EAAE,CAAC;YACZ,EAAE,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,OAAwB,CAAC,CAAC;YACzE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,OAAwB,CAAC,CAAC,CAAC;QAClG,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,EAAE,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,OAAwB,CAAC,CAAC;YACzE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,OAAwB,CAAC,CAAC,CAAC;QAClG,CAAC;QACD,IAAI,UAAU,EAAE,CAAC;YACf,EAAE,CAAC,gBAAgB,CAAC,4BAA4B,EAAE,UAA2B,CAAC,CAAC;YAC/E,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,4BAA4B,EAAE,UAA2B,CAAC,CAAC,CAAC;QACxG,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,4BAAmB,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAqB,CAAC;AAClF,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XScrollStack as XScrollStackElement } from "@vanelsas/baredom/x-scroll-stack";
|
|
3
|
+
export interface XScrollStackProps {
|
|
4
|
+
peek?: number;
|
|
5
|
+
rotation?: number;
|
|
6
|
+
scrollDistance?: number;
|
|
7
|
+
align?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange?: (e: CustomEvent<{
|
|
10
|
+
stackedCount: number;
|
|
11
|
+
totalCount: number;
|
|
12
|
+
progress: number;
|
|
13
|
+
}>) => void;
|
|
14
|
+
onProgress?: (e: CustomEvent<{
|
|
15
|
+
progress: number;
|
|
16
|
+
stackedCount: number;
|
|
17
|
+
totalCount: number;
|
|
18
|
+
}>) => void;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
id?: string;
|
|
23
|
+
slot?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const XScrollStack: React.ForwardRefExoticComponent<XScrollStackProps & React.RefAttributes<XScrollStackElement>>;
|
|
26
|
+
//# sourceMappingURL=x-scroll-stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-stack.d.ts","sourceRoot":"","sources":["../src/x-scroll-stack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAK5F,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACpG,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACtG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,+FA8BxB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-scroll-stack.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-scroll-stack";
|
|
6
|
+
init();
|
|
7
|
+
export const XScrollStack = forwardRef(function XScrollStack(props, forwardedRef) {
|
|
8
|
+
const { onChange, onProgress, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onChange) {
|
|
23
|
+
el.addEventListener("x-scroll-stack-change", onChange);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-scroll-stack-change", onChange));
|
|
25
|
+
}
|
|
26
|
+
if (onProgress) {
|
|
27
|
+
el.addEventListener("x-scroll-stack-progress", onProgress);
|
|
28
|
+
cleanup.push(() => el.removeEventListener("x-scroll-stack-progress", onProgress));
|
|
29
|
+
}
|
|
30
|
+
return () => cleanup.forEach(fn => fn());
|
|
31
|
+
}, [onChange, onProgress]);
|
|
32
|
+
return _jsx("x-scroll-stack", { ref: setRef, ...rest, children: children });
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=x-scroll-stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-stack.js","sourceRoot":"","sources":["../src/x-scroll-stack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,wEAAwE;AAExE,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAExD,IAAI,EAAE,CAAC;AAiBP,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CAAC,KAAK,EAAE,YAAY;IACvC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEnD,MAAM,MAAM,GAAG,CAAC,EAA8B,EAAE,EAAE;QAChD,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,IAAI,OAAO,YAAY,KAAK,UAAU;YAAE,YAAY,CAAC,EAAE,CAAC,CAAC;aACpD,IAAI,YAAY;YAAE,YAAY,CAAC,OAAO,GAAG,EAAE,CAAC;IACnD,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,IAAI,QAAQ,EAAE,CAAC;YACb,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,QAAyB,CAAC,CAAC;YACxE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,QAAyB,CAAC,CAAC,CAAC;QACjG,CAAC;QACD,IAAI,UAAU,EAAE,CAAC;YACf,EAAE,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,UAA2B,CAAC,CAAC;YAC5E,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,UAA2B,CAAC,CAAC,CAAC;QACrG,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,OAAO,yBAAgB,GAAG,EAAE,MAAM,KAAM,IAAI,YAAG,QAAQ,GAAkB,CAAC;AAC5E,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XScrollStory as XScrollStoryElement } from "@vanelsas/baredom/x-scroll-story";
|
|
3
|
+
export interface XScrollStoryProps {
|
|
4
|
+
autoplayLoop?: boolean;
|
|
5
|
+
autoplaySpeed?: number;
|
|
6
|
+
autoplayIndicator?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
layout?: string;
|
|
9
|
+
threshold?: number;
|
|
10
|
+
split?: number;
|
|
11
|
+
label?: string;
|
|
12
|
+
autoplay?: boolean;
|
|
13
|
+
onStepChange?: (e: CustomEvent<{
|
|
14
|
+
index: number;
|
|
15
|
+
id: string;
|
|
16
|
+
previousIndex: number;
|
|
17
|
+
previousId: string;
|
|
18
|
+
}>) => void;
|
|
19
|
+
onStepEnter?: (e: CustomEvent<{
|
|
20
|
+
index: number;
|
|
21
|
+
id: string;
|
|
22
|
+
progress: number;
|
|
23
|
+
}>) => void;
|
|
24
|
+
onStepLeave?: (e: CustomEvent<{
|
|
25
|
+
index: number;
|
|
26
|
+
id: string;
|
|
27
|
+
progress: number;
|
|
28
|
+
}>) => void;
|
|
29
|
+
onProgress?: (e: CustomEvent<{
|
|
30
|
+
progress: number;
|
|
31
|
+
activeIndex: number;
|
|
32
|
+
activeId: string;
|
|
33
|
+
}>) => void;
|
|
34
|
+
onEnter?: (e: CustomEvent<{
|
|
35
|
+
progress: number;
|
|
36
|
+
}>) => void;
|
|
37
|
+
onLeave?: (e: CustomEvent<{
|
|
38
|
+
progress: number;
|
|
39
|
+
}>) => void;
|
|
40
|
+
onAutoplayPause?: (e: CustomEvent<{
|
|
41
|
+
progress: number;
|
|
42
|
+
activeIndex: number;
|
|
43
|
+
activeId: string;
|
|
44
|
+
}>) => void;
|
|
45
|
+
onAutoplayResume?: (e: CustomEvent<{
|
|
46
|
+
progress: number;
|
|
47
|
+
activeIndex: number;
|
|
48
|
+
activeId: string;
|
|
49
|
+
}>) => void;
|
|
50
|
+
children?: React.ReactNode;
|
|
51
|
+
className?: string;
|
|
52
|
+
style?: React.CSSProperties;
|
|
53
|
+
id?: string;
|
|
54
|
+
slot?: string;
|
|
55
|
+
}
|
|
56
|
+
export declare const XScrollStory: React.ForwardRefExoticComponent<XScrollStoryProps & React.RefAttributes<XScrollStoryElement>>;
|
|
57
|
+
//# sourceMappingURL=x-scroll-story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-story.d.ts","sourceRoot":"","sources":["../src/x-scroll-story.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAK5F,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAClH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACxF,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnG,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzD,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACxG,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,YAAY,+FAsDxB,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-scroll-story.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-scroll-story";
|
|
6
|
+
init();
|
|
7
|
+
export const XScrollStory = forwardRef(function XScrollStory(props, forwardedRef) {
|
|
8
|
+
const { onStepChange, onStepEnter, onStepLeave, onProgress, onEnter, onLeave, onAutoplayPause, onAutoplayResume, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onStepChange) {
|
|
23
|
+
el.addEventListener("x-scroll-story-step-change", onStepChange);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-step-change", onStepChange));
|
|
25
|
+
}
|
|
26
|
+
if (onStepEnter) {
|
|
27
|
+
el.addEventListener("x-scroll-story-step-enter", onStepEnter);
|
|
28
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-step-enter", onStepEnter));
|
|
29
|
+
}
|
|
30
|
+
if (onStepLeave) {
|
|
31
|
+
el.addEventListener("x-scroll-story-step-leave", onStepLeave);
|
|
32
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-step-leave", onStepLeave));
|
|
33
|
+
}
|
|
34
|
+
if (onProgress) {
|
|
35
|
+
el.addEventListener("x-scroll-story-progress", onProgress);
|
|
36
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-progress", onProgress));
|
|
37
|
+
}
|
|
38
|
+
if (onEnter) {
|
|
39
|
+
el.addEventListener("x-scroll-story-enter", onEnter);
|
|
40
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-enter", onEnter));
|
|
41
|
+
}
|
|
42
|
+
if (onLeave) {
|
|
43
|
+
el.addEventListener("x-scroll-story-leave", onLeave);
|
|
44
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-leave", onLeave));
|
|
45
|
+
}
|
|
46
|
+
if (onAutoplayPause) {
|
|
47
|
+
el.addEventListener("x-scroll-story-autoplay-pause", onAutoplayPause);
|
|
48
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-autoplay-pause", onAutoplayPause));
|
|
49
|
+
}
|
|
50
|
+
if (onAutoplayResume) {
|
|
51
|
+
el.addEventListener("x-scroll-story-autoplay-resume", onAutoplayResume);
|
|
52
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-autoplay-resume", onAutoplayResume));
|
|
53
|
+
}
|
|
54
|
+
return () => cleanup.forEach(fn => fn());
|
|
55
|
+
}, [onStepChange, onStepEnter, onStepLeave, onProgress, onEnter, onLeave, onAutoplayPause, onAutoplayResume]);
|
|
56
|
+
return _jsx("x-scroll-story", { ref: setRef, ...rest, children: children });
|
|
57
|
+
});
|
|
58
|
+
//# sourceMappingURL=x-scroll-story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-story.js","sourceRoot":"","sources":["../src/x-scroll-story.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { XScrollTimeline as XScrollTimelineElement } from "@vanelsas/baredom/x-scroll-timeline";
|
|
3
|
+
export interface XScrollTimelineProps {
|
|
4
|
+
autoplayLoop?: boolean;
|
|
5
|
+
autoplaySpeed?: number;
|
|
6
|
+
autoplayIndicator?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
layout?: string;
|
|
9
|
+
marker?: string;
|
|
10
|
+
threshold?: number;
|
|
11
|
+
label?: string;
|
|
12
|
+
autoplay?: boolean;
|
|
13
|
+
noProgress?: boolean;
|
|
14
|
+
track?: string;
|
|
15
|
+
onEntryChange?: (e: CustomEvent<{
|
|
16
|
+
index: number;
|
|
17
|
+
id: string;
|
|
18
|
+
previousIndex: number;
|
|
19
|
+
previousId: string;
|
|
20
|
+
}>) => void;
|
|
21
|
+
onEntryEnter?: (e: CustomEvent<{
|
|
22
|
+
index: number;
|
|
23
|
+
id: string;
|
|
24
|
+
progress: number;
|
|
25
|
+
}>) => void;
|
|
26
|
+
onEntryLeave?: (e: CustomEvent<{
|
|
27
|
+
index: number;
|
|
28
|
+
id: string;
|
|
29
|
+
progress: number;
|
|
30
|
+
}>) => void;
|
|
31
|
+
onProgress?: (e: CustomEvent<{
|
|
32
|
+
progress: number;
|
|
33
|
+
activeIndex: number;
|
|
34
|
+
activeId: string;
|
|
35
|
+
}>) => void;
|
|
36
|
+
onEnter?: (e: CustomEvent<{
|
|
37
|
+
progress: number;
|
|
38
|
+
}>) => void;
|
|
39
|
+
onLeave?: (e: CustomEvent<{
|
|
40
|
+
progress: number;
|
|
41
|
+
}>) => void;
|
|
42
|
+
onAutoplayPause?: (e: CustomEvent<{
|
|
43
|
+
progress: number;
|
|
44
|
+
activeIndex: number;
|
|
45
|
+
activeId: string;
|
|
46
|
+
}>) => void;
|
|
47
|
+
onAutoplayResume?: (e: CustomEvent<{
|
|
48
|
+
progress: number;
|
|
49
|
+
activeIndex: number;
|
|
50
|
+
activeId: string;
|
|
51
|
+
}>) => void;
|
|
52
|
+
children?: React.ReactNode;
|
|
53
|
+
className?: string;
|
|
54
|
+
style?: React.CSSProperties;
|
|
55
|
+
id?: string;
|
|
56
|
+
slot?: string;
|
|
57
|
+
}
|
|
58
|
+
export declare const XScrollTimeline: React.ForwardRefExoticComponent<XScrollTimelineProps & React.RefAttributes<XScrollTimelineElement>>;
|
|
59
|
+
//# sourceMappingURL=x-scroll-timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-timeline.d.ts","sourceRoot":"","sources":["../src/x-scroll-timeline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAKrG,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzF,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzF,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACnG,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzD,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACxG,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACzG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,qGAsD3B,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
// x-scroll-timeline.tsx — auto-generated by generate_react.bb, do not edit
|
|
4
|
+
import { forwardRef, useRef, useEffect } from "react";
|
|
5
|
+
import { init } from "@vanelsas/baredom/x-scroll-timeline";
|
|
6
|
+
init();
|
|
7
|
+
export const XScrollTimeline = forwardRef(function XScrollTimeline(props, forwardedRef) {
|
|
8
|
+
const { onEntryChange, onEntryEnter, onEntryLeave, onProgress, onEnter, onLeave, onAutoplayPause, onAutoplayResume, children, ...rest } = props;
|
|
9
|
+
const innerRef = useRef(null);
|
|
10
|
+
const setRef = (el) => {
|
|
11
|
+
innerRef.current = el;
|
|
12
|
+
if (typeof forwardedRef === "function")
|
|
13
|
+
forwardedRef(el);
|
|
14
|
+
else if (forwardedRef)
|
|
15
|
+
forwardedRef.current = el;
|
|
16
|
+
};
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const el = innerRef.current;
|
|
19
|
+
if (!el)
|
|
20
|
+
return;
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
if (onEntryChange) {
|
|
23
|
+
el.addEventListener("x-scroll-timeline-entry-change", onEntryChange);
|
|
24
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-entry-change", onEntryChange));
|
|
25
|
+
}
|
|
26
|
+
if (onEntryEnter) {
|
|
27
|
+
el.addEventListener("x-scroll-timeline-entry-enter", onEntryEnter);
|
|
28
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-entry-enter", onEntryEnter));
|
|
29
|
+
}
|
|
30
|
+
if (onEntryLeave) {
|
|
31
|
+
el.addEventListener("x-scroll-timeline-entry-leave", onEntryLeave);
|
|
32
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-entry-leave", onEntryLeave));
|
|
33
|
+
}
|
|
34
|
+
if (onProgress) {
|
|
35
|
+
el.addEventListener("x-scroll-timeline-progress", onProgress);
|
|
36
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-progress", onProgress));
|
|
37
|
+
}
|
|
38
|
+
if (onEnter) {
|
|
39
|
+
el.addEventListener("x-scroll-timeline-enter", onEnter);
|
|
40
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-enter", onEnter));
|
|
41
|
+
}
|
|
42
|
+
if (onLeave) {
|
|
43
|
+
el.addEventListener("x-scroll-timeline-leave", onLeave);
|
|
44
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-leave", onLeave));
|
|
45
|
+
}
|
|
46
|
+
if (onAutoplayPause) {
|
|
47
|
+
el.addEventListener("x-scroll-timeline-autoplay-pause", onAutoplayPause);
|
|
48
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-autoplay-pause", onAutoplayPause));
|
|
49
|
+
}
|
|
50
|
+
if (onAutoplayResume) {
|
|
51
|
+
el.addEventListener("x-scroll-timeline-autoplay-resume", onAutoplayResume);
|
|
52
|
+
cleanup.push(() => el.removeEventListener("x-scroll-timeline-autoplay-resume", onAutoplayResume));
|
|
53
|
+
}
|
|
54
|
+
return () => cleanup.forEach(fn => fn());
|
|
55
|
+
}, [onEntryChange, onEntryEnter, onEntryLeave, onProgress, onEnter, onLeave, onAutoplayPause, onAutoplayResume]);
|
|
56
|
+
return _jsx("x-scroll-timeline", { ref: setRef, ...rest, children: children });
|
|
57
|
+
});
|
|
58
|
+
//# sourceMappingURL=x-scroll-timeline.js.map
|