@vanelsas/baredom-vue 0.1.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 +203 -0
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/index.d.ts.map +1 -0
- package/dist/composables/index.js +3 -0
- package/dist/composables/index.js.map +1 -0
- package/dist/composables/useRegisterPreset.d.ts +48 -0
- package/dist/composables/useRegisterPreset.d.ts.map +1 -0
- package/dist/composables/useRegisterPreset.js +38 -0
- package/dist/composables/useRegisterPreset.js.map +1 -0
- package/dist/index.d.ts +106 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +108 -0
- package/dist/index.js.map +1 -0
- package/dist/x-alert.d.ts +80 -0
- package/dist/x-alert.d.ts.map +1 -0
- package/dist/x-alert.js +41 -0
- package/dist/x-alert.js.map +1 -0
- package/dist/x-avatar-group.d.ts +68 -0
- package/dist/x-avatar-group.d.ts.map +1 -0
- package/dist/x-avatar-group.js +24 -0
- package/dist/x-avatar-group.js.map +1 -0
- package/dist/x-avatar.d.ts +95 -0
- package/dist/x-avatar.d.ts.map +1 -0
- package/dist/x-avatar.js +27 -0
- package/dist/x-avatar.js.map +1 -0
- package/dist/x-badge.d.ts +77 -0
- package/dist/x-badge.d.ts.map +1 -0
- package/dist/x-badge.js +25 -0
- package/dist/x-badge.js.map +1 -0
- package/dist/x-bento-grid.d.ts +10 -0
- package/dist/x-bento-grid.d.ts.map +1 -0
- package/dist/x-bento-grid.js +17 -0
- package/dist/x-bento-grid.js.map +1 -0
- package/dist/x-bento-item.d.ts +10 -0
- package/dist/x-bento-item.d.ts.map +1 -0
- package/dist/x-bento-item.js +17 -0
- package/dist/x-bento-item.js.map +1 -0
- package/dist/x-breadcrumbs.d.ts +86 -0
- package/dist/x-breadcrumbs.d.ts.map +1 -0
- package/dist/x-breadcrumbs.js +26 -0
- package/dist/x-breadcrumbs.js.map +1 -0
- package/dist/x-button.d.ts +67 -0
- package/dist/x-button.d.ts.map +1 -0
- package/dist/x-button.js +68 -0
- package/dist/x-button.js.map +1 -0
- package/dist/x-calendar.d.ts +160 -0
- package/dist/x-calendar.d.ts.map +1 -0
- package/dist/x-calendar.js +55 -0
- package/dist/x-calendar.js.map +1 -0
- package/dist/x-cancel-dialogue.d.ts +91 -0
- package/dist/x-cancel-dialogue.d.ts.map +1 -0
- package/dist/x-cancel-dialogue.js +60 -0
- package/dist/x-cancel-dialogue.js.map +1 -0
- package/dist/x-card.d.ts +36 -0
- package/dist/x-card.d.ts.map +1 -0
- package/dist/x-card.js +37 -0
- package/dist/x-card.js.map +1 -0
- package/dist/x-carousel.d.ts +116 -0
- package/dist/x-carousel.d.ts.map +1 -0
- package/dist/x-carousel.js +45 -0
- package/dist/x-carousel.js.map +1 -0
- package/dist/x-chart.d.ts +143 -0
- package/dist/x-chart.d.ts.map +1 -0
- package/dist/x-chart.js +52 -0
- package/dist/x-chart.js.map +1 -0
- package/dist/x-checkbox.d.ts +108 -0
- package/dist/x-checkbox.d.ts.map +1 -0
- package/dist/x-checkbox.js +67 -0
- package/dist/x-checkbox.js.map +1 -0
- package/dist/x-chip.d.ts +60 -0
- package/dist/x-chip.d.ts.map +1 -0
- package/dist/x-chip.js +39 -0
- package/dist/x-chip.js.map +1 -0
- package/dist/x-code.d.ts +100 -0
- package/dist/x-code.d.ts.map +1 -0
- package/dist/x-code.js +49 -0
- package/dist/x-code.js.map +1 -0
- package/dist/x-collapse.d.ts +66 -0
- package/dist/x-collapse.d.ts.map +1 -0
- package/dist/x-collapse.js +45 -0
- package/dist/x-collapse.js.map +1 -0
- package/dist/x-color-picker.d.ts +125 -0
- package/dist/x-color-picker.d.ts.map +1 -0
- package/dist/x-color-picker.js +50 -0
- package/dist/x-color-picker.js.map +1 -0
- package/dist/x-combobox.d.ts +122 -0
- package/dist/x-combobox.d.ts.map +1 -0
- package/dist/x-combobox.js +79 -0
- package/dist/x-combobox.js.map +1 -0
- package/dist/x-command-palette.d.ts +69 -0
- package/dist/x-command-palette.d.ts.map +1 -0
- package/dist/x-command-palette.js +74 -0
- package/dist/x-command-palette.js.map +1 -0
- package/dist/x-confetti.d.ts +129 -0
- package/dist/x-confetti.d.ts.map +1 -0
- package/dist/x-confetti.js +52 -0
- package/dist/x-confetti.js.map +1 -0
- package/dist/x-container.d.ts +32 -0
- package/dist/x-container.d.ts.map +1 -0
- package/dist/x-container.js +20 -0
- package/dist/x-container.js.map +1 -0
- package/dist/x-context-menu.d.ts +91 -0
- package/dist/x-context-menu.d.ts.map +1 -0
- package/dist/x-context-menu.js +64 -0
- package/dist/x-context-menu.js.map +1 -0
- package/dist/x-copy.d.ts +139 -0
- package/dist/x-copy.d.ts.map +1 -0
- package/dist/x-copy.js +58 -0
- package/dist/x-copy.js.map +1 -0
- package/dist/x-currency-field.d.ts +170 -0
- package/dist/x-currency-field.d.ts.map +1 -0
- package/dist/x-currency-field.js +79 -0
- package/dist/x-currency-field.js.map +1 -0
- package/dist/x-date-picker.d.ts +116 -0
- package/dist/x-date-picker.d.ts.map +1 -0
- package/dist/x-date-picker.js +55 -0
- package/dist/x-date-picker.js.map +1 -0
- package/dist/x-divider.d.ts +86 -0
- package/dist/x-divider.d.ts.map +1 -0
- package/dist/x-divider.js +26 -0
- package/dist/x-divider.js.map +1 -0
- package/dist/x-drawer.d.ts +55 -0
- package/dist/x-drawer.d.ts.map +1 -0
- package/dist/x-drawer.js +44 -0
- package/dist/x-drawer.js.map +1 -0
- package/dist/x-dropdown.d.ts +66 -0
- package/dist/x-dropdown.d.ts.map +1 -0
- package/dist/x-dropdown.js +45 -0
- package/dist/x-dropdown.js.map +1 -0
- package/dist/x-fieldset.d.ts +32 -0
- package/dist/x-fieldset.d.ts.map +1 -0
- package/dist/x-fieldset.js +20 -0
- package/dist/x-fieldset.js.map +1 -0
- package/dist/x-file-download.d.ts +51 -0
- package/dist/x-file-download.d.ts.map +1 -0
- package/dist/x-file-download.js +38 -0
- package/dist/x-file-download.js.map +1 -0
- package/dist/x-file-upload.d.ts +95 -0
- package/dist/x-file-upload.d.ts.map +1 -0
- package/dist/x-file-upload.js +48 -0
- package/dist/x-file-upload.js.map +1 -0
- package/dist/x-form-field.d.ts +113 -0
- package/dist/x-form-field.d.ts.map +1 -0
- package/dist/x-form-field.js +50 -0
- package/dist/x-form-field.js.map +1 -0
- package/dist/x-form.d.ts +51 -0
- package/dist/x-form.d.ts.map +1 -0
- package/dist/x-form.js +44 -0
- package/dist/x-form.js.map +1 -0
- package/dist/x-gaussian-blur.d.ts +95 -0
- package/dist/x-gaussian-blur.d.ts.map +1 -0
- package/dist/x-gaussian-blur.js +27 -0
- package/dist/x-gaussian-blur.js.map +1 -0
- package/dist/x-grid.d.ts +10 -0
- package/dist/x-grid.d.ts.map +1 -0
- package/dist/x-grid.js +17 -0
- package/dist/x-grid.js.map +1 -0
- package/dist/x-i18n-provider.d.ts +63 -0
- package/dist/x-i18n-provider.d.ts.map +1 -0
- package/dist/x-i18n-provider.js +50 -0
- package/dist/x-i18n-provider.js.map +1 -0
- package/dist/x-i18n.d.ts +32 -0
- package/dist/x-i18n.d.ts.map +1 -0
- package/dist/x-i18n.js +38 -0
- package/dist/x-i18n.js.map +1 -0
- package/dist/x-icon.d.ts +41 -0
- package/dist/x-icon.d.ts.map +1 -0
- package/dist/x-icon.js +21 -0
- package/dist/x-icon.js.map +1 -0
- package/dist/x-image.d.ts +95 -0
- package/dist/x-image.d.ts.map +1 -0
- package/dist/x-image.js +48 -0
- package/dist/x-image.js.map +1 -0
- package/dist/x-kbd.d.ts +59 -0
- package/dist/x-kbd.d.ts.map +1 -0
- package/dist/x-kbd.js +23 -0
- package/dist/x-kbd.js.map +1 -0
- package/dist/x-kinetic-canvas.d.ts +68 -0
- package/dist/x-kinetic-canvas.d.ts.map +1 -0
- package/dist/x-kinetic-canvas.js +24 -0
- package/dist/x-kinetic-canvas.js.map +1 -0
- package/dist/x-kinetic-font.d.ts +110 -0
- package/dist/x-kinetic-font.d.ts.map +1 -0
- package/dist/x-kinetic-font.js +51 -0
- package/dist/x-kinetic-font.js.map +1 -0
- package/dist/x-kinetic-typography.d.ts +149 -0
- package/dist/x-kinetic-typography.d.ts.map +1 -0
- package/dist/x-kinetic-typography.js +33 -0
- package/dist/x-kinetic-typography.js.map +1 -0
- package/dist/x-liquid-dock.d.ts +125 -0
- package/dist/x-liquid-dock.d.ts.map +1 -0
- package/dist/x-liquid-dock.js +46 -0
- package/dist/x-liquid-dock.js.map +1 -0
- package/dist/x-liquid-fill.d.ts +96 -0
- package/dist/x-liquid-fill.d.ts.map +1 -0
- package/dist/x-liquid-fill.js +43 -0
- package/dist/x-liquid-fill.js.map +1 -0
- package/dist/x-liquid-glass.d.ts +140 -0
- package/dist/x-liquid-glass.d.ts.map +1 -0
- package/dist/x-liquid-glass.js +32 -0
- package/dist/x-liquid-glass.js.map +1 -0
- package/dist/x-menu-item.d.ts +58 -0
- package/dist/x-menu-item.d.ts.map +1 -0
- package/dist/x-menu-item.js +39 -0
- package/dist/x-menu-item.js.map +1 -0
- package/dist/x-menu.d.ts +53 -0
- package/dist/x-menu.d.ts.map +1 -0
- package/dist/x-menu.js +50 -0
- package/dist/x-menu.js.map +1 -0
- package/dist/x-metaball-cursor.d.ts +104 -0
- package/dist/x-metaball-cursor.d.ts.map +1 -0
- package/dist/x-metaball-cursor.js +28 -0
- package/dist/x-metaball-cursor.js.map +1 -0
- package/dist/x-modal.d.ts +55 -0
- package/dist/x-modal.d.ts.map +1 -0
- package/dist/x-modal.js +44 -0
- package/dist/x-modal.js.map +1 -0
- package/dist/x-morph-stack.d.ts +106 -0
- package/dist/x-morph-stack.d.ts.map +1 -0
- package/dist/x-morph-stack.js +49 -0
- package/dist/x-morph-stack.js.map +1 -0
- package/dist/x-multi-combobox.d.ts +118 -0
- package/dist/x-multi-combobox.d.ts.map +1 -0
- package/dist/x-multi-combobox.js +61 -0
- package/dist/x-multi-combobox.js.map +1 -0
- package/dist/x-navbar.d.ts +95 -0
- package/dist/x-navbar.d.ts.map +1 -0
- package/dist/x-navbar.js +54 -0
- package/dist/x-navbar.js.map +1 -0
- package/dist/x-neural-glow.d.ts +104 -0
- package/dist/x-neural-glow.d.ts.map +1 -0
- package/dist/x-neural-glow.js +28 -0
- package/dist/x-neural-glow.js.map +1 -0
- package/dist/x-notification-center.d.ts +58 -0
- package/dist/x-notification-center.d.ts.map +1 -0
- package/dist/x-notification-center.js +49 -0
- package/dist/x-notification-center.js.map +1 -0
- package/dist/x-organic-divider.d.ts +77 -0
- package/dist/x-organic-divider.d.ts.map +1 -0
- package/dist/x-organic-divider.js +25 -0
- package/dist/x-organic-divider.js.map +1 -0
- package/dist/x-organic-progress.d.ts +91 -0
- package/dist/x-organic-progress.d.ts.map +1 -0
- package/dist/x-organic-progress.js +48 -0
- package/dist/x-organic-progress.js.map +1 -0
- package/dist/x-organic-shape.d.ts +68 -0
- package/dist/x-organic-shape.d.ts.map +1 -0
- package/dist/x-organic-shape.js +24 -0
- package/dist/x-organic-shape.js.map +1 -0
- package/dist/x-otp-input.d.ts +152 -0
- package/dist/x-otp-input.d.ts.map +1 -0
- package/dist/x-otp-input.js +59 -0
- package/dist/x-otp-input.js.map +1 -0
- package/dist/x-pagination.d.ts +104 -0
- package/dist/x-pagination.d.ts.map +1 -0
- package/dist/x-pagination.js +67 -0
- package/dist/x-pagination.js.map +1 -0
- package/dist/x-particle-button.d.ts +85 -0
- package/dist/x-particle-button.d.ts.map +1 -0
- package/dist/x-particle-button.js +80 -0
- package/dist/x-particle-button.js.map +1 -0
- package/dist/x-popover.d.ts +93 -0
- package/dist/x-popover.d.ts.map +1 -0
- package/dist/x-popover.js +48 -0
- package/dist/x-popover.js.map +1 -0
- package/dist/x-progress-circle.d.ts +87 -0
- package/dist/x-progress-circle.d.ts.map +1 -0
- package/dist/x-progress-circle.js +42 -0
- package/dist/x-progress-circle.js.map +1 -0
- package/dist/x-progress.d.ts +87 -0
- package/dist/x-progress.d.ts.map +1 -0
- package/dist/x-progress.js +42 -0
- package/dist/x-progress.js.map +1 -0
- package/dist/x-proximity-list.d.ts +80 -0
- package/dist/x-proximity-list.d.ts.map +1 -0
- package/dist/x-proximity-list.js +41 -0
- package/dist/x-proximity-list.js.map +1 -0
- package/dist/x-radio.d.ts +99 -0
- package/dist/x-radio.d.ts.map +1 -0
- package/dist/x-radio.js +66 -0
- package/dist/x-radio.js.map +1 -0
- package/dist/x-range-slider.d.ts +164 -0
- package/dist/x-range-slider.d.ts.map +1 -0
- package/dist/x-range-slider.js +59 -0
- package/dist/x-range-slider.js.map +1 -0
- package/dist/x-rating.d.ts +132 -0
- package/dist/x-rating.d.ts.map +1 -0
- package/dist/x-rating.js +57 -0
- package/dist/x-rating.js.map +1 -0
- package/dist/x-ripple-effect.d.ts +68 -0
- package/dist/x-ripple-effect.d.ts.map +1 -0
- package/dist/x-ripple-effect.js +45 -0
- package/dist/x-ripple-effect.js.map +1 -0
- package/dist/x-scroll-parallax.d.ts +79 -0
- package/dist/x-scroll-parallax.d.ts.map +1 -0
- package/dist/x-scroll-parallax.js +52 -0
- package/dist/x-scroll-parallax.js.map +1 -0
- package/dist/x-scroll-stack.d.ts +81 -0
- package/dist/x-scroll-stack.d.ts.map +1 -0
- package/dist/x-scroll-stack.js +46 -0
- package/dist/x-scroll-stack.js.map +1 -0
- package/dist/x-scroll-story.d.ts +171 -0
- package/dist/x-scroll-story.d.ts.map +1 -0
- package/dist/x-scroll-story.js +86 -0
- package/dist/x-scroll-story.js.map +1 -0
- package/dist/x-scroll-timeline.d.ts +189 -0
- package/dist/x-scroll-timeline.d.ts.map +1 -0
- package/dist/x-scroll-timeline.js +88 -0
- package/dist/x-scroll-timeline.js.map +1 -0
- package/dist/x-scroll.d.ts +143 -0
- package/dist/x-scroll.d.ts.map +1 -0
- package/dist/x-scroll.js +64 -0
- package/dist/x-scroll.js.map +1 -0
- package/dist/x-search-field.d.ts +109 -0
- package/dist/x-search-field.d.ts.map +1 -0
- package/dist/x-search-field.js +60 -0
- package/dist/x-search-field.js.map +1 -0
- package/dist/x-select.d.ts +72 -0
- package/dist/x-select.d.ts.map +1 -0
- package/dist/x-select.js +63 -0
- package/dist/x-select.js.map +1 -0
- package/dist/x-sidebar.d.ts +46 -0
- package/dist/x-sidebar.d.ts.map +1 -0
- package/dist/x-sidebar.js +43 -0
- package/dist/x-sidebar.js.map +1 -0
- package/dist/x-skeleton-group.d.ts +41 -0
- package/dist/x-skeleton-group.d.ts.map +1 -0
- package/dist/x-skeleton-group.js +21 -0
- package/dist/x-skeleton-group.js.map +1 -0
- package/dist/x-skeleton.d.ts +50 -0
- package/dist/x-skeleton.d.ts.map +1 -0
- package/dist/x-skeleton.js +22 -0
- package/dist/x-skeleton.js.map +1 -0
- package/dist/x-slider.d.ts +149 -0
- package/dist/x-slider.d.ts.map +1 -0
- package/dist/x-slider.js +76 -0
- package/dist/x-slider.js.map +1 -0
- package/dist/x-soft-body.d.ts +74 -0
- package/dist/x-soft-body.d.ts.map +1 -0
- package/dist/x-soft-body.js +47 -0
- package/dist/x-soft-body.js.map +1 -0
- package/dist/x-spacer.d.ts +41 -0
- package/dist/x-spacer.d.ts.map +1 -0
- package/dist/x-spacer.js +21 -0
- package/dist/x-spacer.js.map +1 -0
- package/dist/x-spinner.d.ts +41 -0
- package/dist/x-spinner.d.ts.map +1 -0
- package/dist/x-spinner.js +21 -0
- package/dist/x-spinner.js.map +1 -0
- package/dist/x-splash.d.ts +63 -0
- package/dist/x-splash.d.ts.map +1 -0
- package/dist/x-splash.js +40 -0
- package/dist/x-splash.js.map +1 -0
- package/dist/x-split-pane.d.ts +86 -0
- package/dist/x-split-pane.d.ts.map +1 -0
- package/dist/x-split-pane.js +47 -0
- package/dist/x-split-pane.js.map +1 -0
- package/dist/x-spotlight-card.d.ts +77 -0
- package/dist/x-spotlight-card.d.ts.map +1 -0
- package/dist/x-spotlight-card.js +25 -0
- package/dist/x-spotlight-card.js.map +1 -0
- package/dist/x-stat.d.ts +95 -0
- package/dist/x-stat.d.ts.map +1 -0
- package/dist/x-stat.js +27 -0
- package/dist/x-stat.js.map +1 -0
- package/dist/x-stepper.d.ts +69 -0
- package/dist/x-stepper.d.ts.map +1 -0
- package/dist/x-stepper.js +40 -0
- package/dist/x-stepper.js.map +1 -0
- package/dist/x-switch.d.ts +99 -0
- package/dist/x-switch.d.ts.map +1 -0
- package/dist/x-switch.js +66 -0
- package/dist/x-switch.js.map +1 -0
- package/dist/x-tab.d.ts +49 -0
- package/dist/x-tab.d.ts.map +1 -0
- package/dist/x-tab.js +38 -0
- package/dist/x-tab.js.map +1 -0
- package/dist/x-table-cell.d.ts +139 -0
- package/dist/x-table-cell.d.ts.map +1 -0
- package/dist/x-table-cell.js +58 -0
- package/dist/x-table-cell.js.map +1 -0
- package/dist/x-table-row.d.ts +76 -0
- package/dist/x-table-row.d.ts.map +1 -0
- package/dist/x-table-row.js +51 -0
- package/dist/x-table-row.js.map +1 -0
- package/dist/x-table.d.ts +108 -0
- package/dist/x-table.d.ts.map +1 -0
- package/dist/x-table.js +49 -0
- package/dist/x-table.js.map +1 -0
- package/dist/x-tabs.d.ts +50 -0
- package/dist/x-tabs.d.ts.map +1 -0
- package/dist/x-tabs.js +61 -0
- package/dist/x-tabs.js.map +1 -0
- package/dist/x-text-area.d.ts +134 -0
- package/dist/x-text-area.d.ts.map +1 -0
- package/dist/x-text-area.js +75 -0
- package/dist/x-text-area.js.map +1 -0
- package/dist/x-theme.d.ts +23 -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 +107 -0
- package/dist/x-timeline-item.d.ts.map +1 -0
- package/dist/x-timeline-item.js +54 -0
- package/dist/x-timeline-item.js.map +1 -0
- package/dist/x-timeline.d.ts +53 -0
- package/dist/x-timeline.d.ts.map +1 -0
- package/dist/x-timeline.js +38 -0
- package/dist/x-timeline.js.map +1 -0
- package/dist/x-toast.d.ts +100 -0
- package/dist/x-toast.d.ts.map +1 -0
- package/dist/x-toast.js +43 -0
- package/dist/x-toast.js.map +1 -0
- package/dist/x-toaster.d.ts +55 -0
- package/dist/x-toaster.d.ts.map +1 -0
- package/dist/x-toaster.js +38 -0
- package/dist/x-toaster.js.map +1 -0
- package/dist/x-tooltip.d.ts +65 -0
- package/dist/x-tooltip.d.ts.map +1 -0
- package/dist/x-tooltip.js +46 -0
- package/dist/x-tooltip.js.map +1 -0
- package/dist/x-typography.d.ts +50 -0
- package/dist/x-typography.d.ts.map +1 -0
- package/dist/x-typography.js +22 -0
- package/dist/x-typography.js.map +1 -0
- package/dist/x-welcome-tour.d.ts +119 -0
- package/dist/x-welcome-tour.d.ts.map +1 -0
- package/dist/x-welcome-tour.js +62 -0
- package/dist/x-welcome-tour.js.map +1 -0
- package/package.json +460 -0
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
// x-scroll-parallax.ts — auto-generated by generate_vue.bb, do not edit
|
|
2
|
+
import { defineComponent, h, ref, onMounted, onBeforeUnmount } from "vue";
|
|
3
|
+
import { init } from "@vanelsas/baredom/x-scroll-parallax";
|
|
4
|
+
init();
|
|
5
|
+
export const XScrollParallax = defineComponent({
|
|
6
|
+
name: "XScrollParallax",
|
|
7
|
+
inheritAttrs: false,
|
|
8
|
+
props: {
|
|
9
|
+
direction: { type: String, default: undefined },
|
|
10
|
+
source: { type: String, default: undefined },
|
|
11
|
+
easing: { type: String, default: undefined },
|
|
12
|
+
disabled: { type: Boolean, default: undefined },
|
|
13
|
+
label: { type: String, default: undefined },
|
|
14
|
+
},
|
|
15
|
+
emits: {
|
|
16
|
+
"enter": (_e) => true,
|
|
17
|
+
"leave": (_e) => true,
|
|
18
|
+
"progress": (_e) => true,
|
|
19
|
+
},
|
|
20
|
+
setup(props, { emit, attrs, slots, expose }) {
|
|
21
|
+
const elRef = ref(null);
|
|
22
|
+
const cleanup = [];
|
|
23
|
+
onMounted(() => {
|
|
24
|
+
const el = elRef.value;
|
|
25
|
+
if (!el)
|
|
26
|
+
return;
|
|
27
|
+
{
|
|
28
|
+
const handler = (e) => emit("enter", e);
|
|
29
|
+
el.addEventListener("x-scroll-parallax-enter", handler);
|
|
30
|
+
cleanup.push(() => el.removeEventListener("x-scroll-parallax-enter", handler));
|
|
31
|
+
}
|
|
32
|
+
{
|
|
33
|
+
const handler = (e) => emit("leave", e);
|
|
34
|
+
el.addEventListener("x-scroll-parallax-leave", handler);
|
|
35
|
+
cleanup.push(() => el.removeEventListener("x-scroll-parallax-leave", handler));
|
|
36
|
+
}
|
|
37
|
+
{
|
|
38
|
+
const handler = (e) => emit("progress", e);
|
|
39
|
+
el.addEventListener("x-scroll-parallax-progress", handler);
|
|
40
|
+
cleanup.push(() => el.removeEventListener("x-scroll-parallax-progress", handler));
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
onBeforeUnmount(() => {
|
|
44
|
+
cleanup.forEach((fn) => fn());
|
|
45
|
+
});
|
|
46
|
+
expose({ el: elRef });
|
|
47
|
+
return () => {
|
|
48
|
+
return h("x-scroll-parallax", { ...attrs, ref: elRef, ...props }, slots.default?.());
|
|
49
|
+
};
|
|
50
|
+
},
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=x-scroll-parallax.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-parallax.js","sourceRoot":"","sources":["../src/x-scroll-parallax.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
import type { XScrollStack as XScrollStackElement } from "@vanelsas/baredom/x-scroll-stack";
|
|
3
|
+
/** Shape exposed via `expose()` — use with `useTemplateRef<XScrollStackExposed>(name)`. */
|
|
4
|
+
export interface XScrollStackExposed {
|
|
5
|
+
readonly el: XScrollStackElement | null;
|
|
6
|
+
}
|
|
7
|
+
export declare const XScrollStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
peek: {
|
|
9
|
+
type: PropType<number | undefined>;
|
|
10
|
+
default: undefined;
|
|
11
|
+
};
|
|
12
|
+
rotation: {
|
|
13
|
+
type: PropType<number | undefined>;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
scrollDistance: {
|
|
17
|
+
type: PropType<number | undefined>;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
20
|
+
align: {
|
|
21
|
+
type: PropType<string | undefined>;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
disabled: {
|
|
25
|
+
type: PropType<boolean | undefined>;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
29
|
+
[key: string]: any;
|
|
30
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
|
+
change: (_e: CustomEvent<{
|
|
32
|
+
stackedCount: number;
|
|
33
|
+
totalCount: number;
|
|
34
|
+
progress: number;
|
|
35
|
+
}>) => true;
|
|
36
|
+
progress: (_e: CustomEvent<{
|
|
37
|
+
progress: number;
|
|
38
|
+
stackedCount: number;
|
|
39
|
+
totalCount: number;
|
|
40
|
+
}>) => true;
|
|
41
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
42
|
+
peek: {
|
|
43
|
+
type: PropType<number | undefined>;
|
|
44
|
+
default: undefined;
|
|
45
|
+
};
|
|
46
|
+
rotation: {
|
|
47
|
+
type: PropType<number | undefined>;
|
|
48
|
+
default: undefined;
|
|
49
|
+
};
|
|
50
|
+
scrollDistance: {
|
|
51
|
+
type: PropType<number | undefined>;
|
|
52
|
+
default: undefined;
|
|
53
|
+
};
|
|
54
|
+
align: {
|
|
55
|
+
type: PropType<string | undefined>;
|
|
56
|
+
default: undefined;
|
|
57
|
+
};
|
|
58
|
+
disabled: {
|
|
59
|
+
type: PropType<boolean | undefined>;
|
|
60
|
+
default: undefined;
|
|
61
|
+
};
|
|
62
|
+
}>> & Readonly<{
|
|
63
|
+
onChange?: ((_e: CustomEvent<{
|
|
64
|
+
stackedCount: number;
|
|
65
|
+
totalCount: number;
|
|
66
|
+
progress: number;
|
|
67
|
+
}>) => any) | undefined;
|
|
68
|
+
onProgress?: ((_e: CustomEvent<{
|
|
69
|
+
progress: number;
|
|
70
|
+
stackedCount: number;
|
|
71
|
+
totalCount: number;
|
|
72
|
+
}>) => any) | undefined;
|
|
73
|
+
}>, {
|
|
74
|
+
disabled: boolean | undefined;
|
|
75
|
+
peek: number | undefined;
|
|
76
|
+
align: string | undefined;
|
|
77
|
+
rotation: number | undefined;
|
|
78
|
+
scrollDistance: number | undefined;
|
|
79
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
80
|
+
export type XScrollStackInstance = InstanceType<typeof XScrollStack>;
|
|
81
|
+
//# 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.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuD,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACzF,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAK5F,2FAA2F;AAC3F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,YAAY;;cAIG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACxB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACtB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACrC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACxB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;;;iBAG3C,WAAW,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;mBACzE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;;;cARpE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACxB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACtB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACrC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACxB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;;sBAGf,MAAM;oBAAc,MAAM;kBAAY,MAAM;;;kBAC9C,MAAM;sBAAgB,MAAM;oBAAc,MAAM;;;;;;;;4EAgC3F,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// x-scroll-stack.ts — auto-generated by generate_vue.bb, do not edit
|
|
2
|
+
import { defineComponent, h, ref, onMounted, onBeforeUnmount } from "vue";
|
|
3
|
+
import { init } from "@vanelsas/baredom/x-scroll-stack";
|
|
4
|
+
init();
|
|
5
|
+
export const XScrollStack = defineComponent({
|
|
6
|
+
name: "XScrollStack",
|
|
7
|
+
inheritAttrs: false,
|
|
8
|
+
props: {
|
|
9
|
+
peek: { type: Number, default: undefined },
|
|
10
|
+
rotation: { type: Number, default: undefined },
|
|
11
|
+
scrollDistance: { type: Number, default: undefined },
|
|
12
|
+
align: { type: String, default: undefined },
|
|
13
|
+
disabled: { type: Boolean, default: undefined },
|
|
14
|
+
},
|
|
15
|
+
emits: {
|
|
16
|
+
"change": (_e) => true,
|
|
17
|
+
"progress": (_e) => true,
|
|
18
|
+
},
|
|
19
|
+
setup(props, { emit, attrs, slots, expose }) {
|
|
20
|
+
const elRef = ref(null);
|
|
21
|
+
const cleanup = [];
|
|
22
|
+
onMounted(() => {
|
|
23
|
+
const el = elRef.value;
|
|
24
|
+
if (!el)
|
|
25
|
+
return;
|
|
26
|
+
{
|
|
27
|
+
const handler = (e) => emit("change", e);
|
|
28
|
+
el.addEventListener("x-scroll-stack-change", handler);
|
|
29
|
+
cleanup.push(() => el.removeEventListener("x-scroll-stack-change", handler));
|
|
30
|
+
}
|
|
31
|
+
{
|
|
32
|
+
const handler = (e) => emit("progress", e);
|
|
33
|
+
el.addEventListener("x-scroll-stack-progress", handler);
|
|
34
|
+
cleanup.push(() => el.removeEventListener("x-scroll-stack-progress", handler));
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
onBeforeUnmount(() => {
|
|
38
|
+
cleanup.forEach((fn) => fn());
|
|
39
|
+
});
|
|
40
|
+
expose({ el: elRef });
|
|
41
|
+
return () => {
|
|
42
|
+
return h("x-scroll-stack", { ...attrs, ref: elRef, ...props }, slots.default?.());
|
|
43
|
+
};
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=x-scroll-stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-stack.js","sourceRoot":"","sources":["../src/x-scroll-stack.ts"],"names":[],"mappings":"AAAA,qEAAqE;AAErE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAiB,MAAM,KAAK,CAAC;AAEzF,OAAO,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAExD,IAAI,EAAE,CAAC;AAOP,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1E,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9E,cAAc,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QACpF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAwC,EAAE,OAAO,EAAE,SAAS,EAAE;KACjF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC,EAA+E,EAAE,EAAE,CAAC,IAAI;QACnG,UAAU,EAAE,CAAC,EAA+E,EAAE,EAAE,CAAC,IAAI;KACtG;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;QACzC,MAAM,KAAK,GAAG,GAAG,CAA6B,IAAI,CAAC,CAAC;QACpD,MAAM,OAAO,GAAsB,EAAE,CAAC;QAEtC,SAAS,CAAC,GAAG,EAAE;YACb,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,EAAE;gBAAE,OAAO;YAEhB,CAAC;gBACC,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAgB,CAAC,CAAC;gBAC/D,EAAE,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;gBACtD,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/E,CAAC;YACD,CAAC;gBACC,MAAM,OAAO,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAgB,CAAC,CAAC;gBACjE,EAAE,CAAC,gBAAgB,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC;gBACxD,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,yBAAyB,EAAE,OAAO,CAAC,CAAC,CAAC;YACjF,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,eAAe,CAAC,GAAG,EAAE;YACnB,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QAEtB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,CAAC,gBAAuB,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC3F,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
import type { XScrollStory as XScrollStoryElement } from "@vanelsas/baredom/x-scroll-story";
|
|
3
|
+
/** Shape exposed via `expose()` — use with `useTemplateRef<XScrollStoryExposed>(name)`. */
|
|
4
|
+
export interface XScrollStoryExposed {
|
|
5
|
+
readonly el: XScrollStoryElement | null;
|
|
6
|
+
}
|
|
7
|
+
export declare const XScrollStory: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
autoplayLoop: {
|
|
9
|
+
type: PropType<boolean | undefined>;
|
|
10
|
+
default: undefined;
|
|
11
|
+
};
|
|
12
|
+
autoplaySpeed: {
|
|
13
|
+
type: PropType<number | undefined>;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
autoplayIndicator: {
|
|
17
|
+
type: PropType<boolean | undefined>;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
20
|
+
disabled: {
|
|
21
|
+
type: PropType<boolean | undefined>;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
layout: {
|
|
25
|
+
type: PropType<string | undefined>;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
threshold: {
|
|
29
|
+
type: PropType<number | undefined>;
|
|
30
|
+
default: undefined;
|
|
31
|
+
};
|
|
32
|
+
split: {
|
|
33
|
+
type: PropType<number | undefined>;
|
|
34
|
+
default: undefined;
|
|
35
|
+
};
|
|
36
|
+
label: {
|
|
37
|
+
type: PropType<string | undefined>;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
autoplay: {
|
|
41
|
+
type: PropType<boolean | undefined>;
|
|
42
|
+
default: undefined;
|
|
43
|
+
};
|
|
44
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
45
|
+
[key: string]: any;
|
|
46
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
47
|
+
"step-change": (_e: CustomEvent<{
|
|
48
|
+
index: number;
|
|
49
|
+
id: string;
|
|
50
|
+
previousIndex: number;
|
|
51
|
+
previousId: string;
|
|
52
|
+
}>) => true;
|
|
53
|
+
"step-enter": (_e: CustomEvent<{
|
|
54
|
+
index: number;
|
|
55
|
+
id: string;
|
|
56
|
+
progress: number;
|
|
57
|
+
}>) => true;
|
|
58
|
+
"step-leave": (_e: CustomEvent<{
|
|
59
|
+
index: number;
|
|
60
|
+
id: string;
|
|
61
|
+
progress: number;
|
|
62
|
+
}>) => true;
|
|
63
|
+
progress: (_e: CustomEvent<{
|
|
64
|
+
progress: number;
|
|
65
|
+
activeIndex: number;
|
|
66
|
+
activeId: string;
|
|
67
|
+
}>) => true;
|
|
68
|
+
enter: (_e: CustomEvent<{
|
|
69
|
+
progress: number;
|
|
70
|
+
}>) => true;
|
|
71
|
+
leave: (_e: CustomEvent<{
|
|
72
|
+
progress: number;
|
|
73
|
+
}>) => true;
|
|
74
|
+
"autoplay-pause": (_e: CustomEvent<{
|
|
75
|
+
progress: number;
|
|
76
|
+
activeIndex: number;
|
|
77
|
+
activeId: string;
|
|
78
|
+
}>) => true;
|
|
79
|
+
"autoplay-resume": (_e: CustomEvent<{
|
|
80
|
+
progress: number;
|
|
81
|
+
activeIndex: number;
|
|
82
|
+
activeId: string;
|
|
83
|
+
}>) => true;
|
|
84
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
85
|
+
autoplayLoop: {
|
|
86
|
+
type: PropType<boolean | undefined>;
|
|
87
|
+
default: undefined;
|
|
88
|
+
};
|
|
89
|
+
autoplaySpeed: {
|
|
90
|
+
type: PropType<number | undefined>;
|
|
91
|
+
default: undefined;
|
|
92
|
+
};
|
|
93
|
+
autoplayIndicator: {
|
|
94
|
+
type: PropType<boolean | undefined>;
|
|
95
|
+
default: undefined;
|
|
96
|
+
};
|
|
97
|
+
disabled: {
|
|
98
|
+
type: PropType<boolean | undefined>;
|
|
99
|
+
default: undefined;
|
|
100
|
+
};
|
|
101
|
+
layout: {
|
|
102
|
+
type: PropType<string | undefined>;
|
|
103
|
+
default: undefined;
|
|
104
|
+
};
|
|
105
|
+
threshold: {
|
|
106
|
+
type: PropType<number | undefined>;
|
|
107
|
+
default: undefined;
|
|
108
|
+
};
|
|
109
|
+
split: {
|
|
110
|
+
type: PropType<number | undefined>;
|
|
111
|
+
default: undefined;
|
|
112
|
+
};
|
|
113
|
+
label: {
|
|
114
|
+
type: PropType<string | undefined>;
|
|
115
|
+
default: undefined;
|
|
116
|
+
};
|
|
117
|
+
autoplay: {
|
|
118
|
+
type: PropType<boolean | undefined>;
|
|
119
|
+
default: undefined;
|
|
120
|
+
};
|
|
121
|
+
}>> & Readonly<{
|
|
122
|
+
onProgress?: ((_e: CustomEvent<{
|
|
123
|
+
progress: number;
|
|
124
|
+
activeIndex: number;
|
|
125
|
+
activeId: string;
|
|
126
|
+
}>) => any) | undefined;
|
|
127
|
+
onEnter?: ((_e: CustomEvent<{
|
|
128
|
+
progress: number;
|
|
129
|
+
}>) => any) | undefined;
|
|
130
|
+
onLeave?: ((_e: CustomEvent<{
|
|
131
|
+
progress: number;
|
|
132
|
+
}>) => any) | undefined;
|
|
133
|
+
"onStep-change"?: ((_e: CustomEvent<{
|
|
134
|
+
index: number;
|
|
135
|
+
id: string;
|
|
136
|
+
previousIndex: number;
|
|
137
|
+
previousId: string;
|
|
138
|
+
}>) => any) | undefined;
|
|
139
|
+
"onStep-enter"?: ((_e: CustomEvent<{
|
|
140
|
+
index: number;
|
|
141
|
+
id: string;
|
|
142
|
+
progress: number;
|
|
143
|
+
}>) => any) | undefined;
|
|
144
|
+
"onStep-leave"?: ((_e: CustomEvent<{
|
|
145
|
+
index: number;
|
|
146
|
+
id: string;
|
|
147
|
+
progress: number;
|
|
148
|
+
}>) => any) | undefined;
|
|
149
|
+
"onAutoplay-pause"?: ((_e: CustomEvent<{
|
|
150
|
+
progress: number;
|
|
151
|
+
activeIndex: number;
|
|
152
|
+
activeId: string;
|
|
153
|
+
}>) => any) | undefined;
|
|
154
|
+
"onAutoplay-resume"?: ((_e: CustomEvent<{
|
|
155
|
+
progress: number;
|
|
156
|
+
activeIndex: number;
|
|
157
|
+
activeId: string;
|
|
158
|
+
}>) => any) | undefined;
|
|
159
|
+
}>, {
|
|
160
|
+
disabled: boolean | undefined;
|
|
161
|
+
label: string | undefined;
|
|
162
|
+
autoplay: boolean | undefined;
|
|
163
|
+
threshold: number | undefined;
|
|
164
|
+
autoplayLoop: boolean | undefined;
|
|
165
|
+
autoplaySpeed: number | undefined;
|
|
166
|
+
autoplayIndicator: boolean | undefined;
|
|
167
|
+
layout: string | undefined;
|
|
168
|
+
split: number | undefined;
|
|
169
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
170
|
+
export type XScrollStoryInstance = InstanceType<typeof XScrollStory>;
|
|
171
|
+
//# 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.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuD,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACzF,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAK5F,2FAA2F;AAC3F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,YAAY;;cAIY,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;cAC7B,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACvB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;cACtC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;cAChC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACzB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cAChC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cAC5B,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACxB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;;;wBAGtC,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;uBACtF,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;uBAC5D,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;mBAC9D,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;gBAC3E,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;gBACjC,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;2BACxB,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;4BACvE,WAAW,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;;;cAlB/D,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;cAC7B,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACvB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;cACtC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;cAChC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACzB,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cAChC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cAC5B,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;cACxB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;;kBAMjB,MAAM;qBAAe,MAAM;kBAAY,MAAM;;;kBAChD,MAAM;;;kBACN,MAAM;;;eALH,MAAM;YAAM,MAAM;uBAAiB,MAAM;oBAAc,MAAM;;;eAC9D,MAAM;YAAM,MAAM;kBAAY,MAAM;;;eACpC,MAAM;YAAM,MAAM;kBAAY,MAAM;;;kBAI7B,MAAM;qBAAe,MAAM;kBAAY,MAAM;;;kBAC5C,MAAM;qBAAe,MAAM;kBAAY,MAAM;;;;;;;;;;;;4EA8D/F,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
// x-scroll-story.ts — auto-generated by generate_vue.bb, do not edit
|
|
2
|
+
import { defineComponent, h, ref, onMounted, onBeforeUnmount } from "vue";
|
|
3
|
+
import { init } from "@vanelsas/baredom/x-scroll-story";
|
|
4
|
+
init();
|
|
5
|
+
export const XScrollStory = defineComponent({
|
|
6
|
+
name: "XScrollStory",
|
|
7
|
+
inheritAttrs: false,
|
|
8
|
+
props: {
|
|
9
|
+
autoplayLoop: { type: Boolean, default: undefined },
|
|
10
|
+
autoplaySpeed: { type: Number, default: undefined },
|
|
11
|
+
autoplayIndicator: { type: Boolean, default: undefined },
|
|
12
|
+
disabled: { type: Boolean, default: undefined },
|
|
13
|
+
layout: { type: String, default: undefined },
|
|
14
|
+
threshold: { type: Number, default: undefined },
|
|
15
|
+
split: { type: Number, default: undefined },
|
|
16
|
+
label: { type: String, default: undefined },
|
|
17
|
+
autoplay: { type: Boolean, default: undefined },
|
|
18
|
+
},
|
|
19
|
+
emits: {
|
|
20
|
+
"step-change": (_e) => true,
|
|
21
|
+
"step-enter": (_e) => true,
|
|
22
|
+
"step-leave": (_e) => true,
|
|
23
|
+
"progress": (_e) => true,
|
|
24
|
+
"enter": (_e) => true,
|
|
25
|
+
"leave": (_e) => true,
|
|
26
|
+
"autoplay-pause": (_e) => true,
|
|
27
|
+
"autoplay-resume": (_e) => true,
|
|
28
|
+
},
|
|
29
|
+
setup(props, { emit, attrs, slots, expose }) {
|
|
30
|
+
const elRef = ref(null);
|
|
31
|
+
const cleanup = [];
|
|
32
|
+
onMounted(() => {
|
|
33
|
+
const el = elRef.value;
|
|
34
|
+
if (!el)
|
|
35
|
+
return;
|
|
36
|
+
{
|
|
37
|
+
const handler = (e) => emit("step-change", e);
|
|
38
|
+
el.addEventListener("x-scroll-story-step-change", handler);
|
|
39
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-step-change", handler));
|
|
40
|
+
}
|
|
41
|
+
{
|
|
42
|
+
const handler = (e) => emit("step-enter", e);
|
|
43
|
+
el.addEventListener("x-scroll-story-step-enter", handler);
|
|
44
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-step-enter", handler));
|
|
45
|
+
}
|
|
46
|
+
{
|
|
47
|
+
const handler = (e) => emit("step-leave", e);
|
|
48
|
+
el.addEventListener("x-scroll-story-step-leave", handler);
|
|
49
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-step-leave", handler));
|
|
50
|
+
}
|
|
51
|
+
{
|
|
52
|
+
const handler = (e) => emit("progress", e);
|
|
53
|
+
el.addEventListener("x-scroll-story-progress", handler);
|
|
54
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-progress", handler));
|
|
55
|
+
}
|
|
56
|
+
{
|
|
57
|
+
const handler = (e) => emit("enter", e);
|
|
58
|
+
el.addEventListener("x-scroll-story-enter", handler);
|
|
59
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-enter", handler));
|
|
60
|
+
}
|
|
61
|
+
{
|
|
62
|
+
const handler = (e) => emit("leave", e);
|
|
63
|
+
el.addEventListener("x-scroll-story-leave", handler);
|
|
64
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-leave", handler));
|
|
65
|
+
}
|
|
66
|
+
{
|
|
67
|
+
const handler = (e) => emit("autoplay-pause", e);
|
|
68
|
+
el.addEventListener("x-scroll-story-autoplay-pause", handler);
|
|
69
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-autoplay-pause", handler));
|
|
70
|
+
}
|
|
71
|
+
{
|
|
72
|
+
const handler = (e) => emit("autoplay-resume", e);
|
|
73
|
+
el.addEventListener("x-scroll-story-autoplay-resume", handler);
|
|
74
|
+
cleanup.push(() => el.removeEventListener("x-scroll-story-autoplay-resume", handler));
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
onBeforeUnmount(() => {
|
|
78
|
+
cleanup.forEach((fn) => fn());
|
|
79
|
+
});
|
|
80
|
+
expose({ el: elRef });
|
|
81
|
+
return () => {
|
|
82
|
+
return h("x-scroll-story", { ...attrs, ref: elRef, ...props }, slots.default?.());
|
|
83
|
+
};
|
|
84
|
+
},
|
|
85
|
+
});
|
|
86
|
+
//# sourceMappingURL=x-scroll-story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"x-scroll-story.js","sourceRoot":"","sources":["../src/x-scroll-story.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import { type PropType } from "vue";
|
|
2
|
+
import type { XScrollTimeline as XScrollTimelineElement } from "@vanelsas/baredom/x-scroll-timeline";
|
|
3
|
+
/** Shape exposed via `expose()` — use with `useTemplateRef<XScrollTimelineExposed>(name)`. */
|
|
4
|
+
export interface XScrollTimelineExposed {
|
|
5
|
+
readonly el: XScrollTimelineElement | null;
|
|
6
|
+
}
|
|
7
|
+
export declare const XScrollTimeline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
8
|
+
autoplayLoop: {
|
|
9
|
+
type: PropType<boolean | undefined>;
|
|
10
|
+
default: undefined;
|
|
11
|
+
};
|
|
12
|
+
autoplaySpeed: {
|
|
13
|
+
type: PropType<number | undefined>;
|
|
14
|
+
default: undefined;
|
|
15
|
+
};
|
|
16
|
+
autoplayIndicator: {
|
|
17
|
+
type: PropType<boolean | undefined>;
|
|
18
|
+
default: undefined;
|
|
19
|
+
};
|
|
20
|
+
disabled: {
|
|
21
|
+
type: PropType<boolean | undefined>;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
layout: {
|
|
25
|
+
type: PropType<string | undefined>;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
marker: {
|
|
29
|
+
type: PropType<string | undefined>;
|
|
30
|
+
default: undefined;
|
|
31
|
+
};
|
|
32
|
+
threshold: {
|
|
33
|
+
type: PropType<number | undefined>;
|
|
34
|
+
default: undefined;
|
|
35
|
+
};
|
|
36
|
+
label: {
|
|
37
|
+
type: PropType<string | undefined>;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
autoplay: {
|
|
41
|
+
type: PropType<boolean | undefined>;
|
|
42
|
+
default: undefined;
|
|
43
|
+
};
|
|
44
|
+
noProgress: {
|
|
45
|
+
type: PropType<boolean | undefined>;
|
|
46
|
+
default: undefined;
|
|
47
|
+
};
|
|
48
|
+
track: {
|
|
49
|
+
type: PropType<string | undefined>;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
52
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
53
|
+
[key: string]: any;
|
|
54
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
55
|
+
"entry-change": (_e: CustomEvent<{
|
|
56
|
+
index: number;
|
|
57
|
+
id: string;
|
|
58
|
+
previousIndex: number;
|
|
59
|
+
previousId: string;
|
|
60
|
+
}>) => true;
|
|
61
|
+
"entry-enter": (_e: CustomEvent<{
|
|
62
|
+
index: number;
|
|
63
|
+
id: string;
|
|
64
|
+
progress: number;
|
|
65
|
+
}>) => true;
|
|
66
|
+
"entry-leave": (_e: CustomEvent<{
|
|
67
|
+
index: number;
|
|
68
|
+
id: string;
|
|
69
|
+
progress: number;
|
|
70
|
+
}>) => true;
|
|
71
|
+
progress: (_e: CustomEvent<{
|
|
72
|
+
progress: number;
|
|
73
|
+
activeIndex: number;
|
|
74
|
+
activeId: string;
|
|
75
|
+
}>) => true;
|
|
76
|
+
enter: (_e: CustomEvent<{
|
|
77
|
+
progress: number;
|
|
78
|
+
}>) => true;
|
|
79
|
+
leave: (_e: CustomEvent<{
|
|
80
|
+
progress: number;
|
|
81
|
+
}>) => true;
|
|
82
|
+
"autoplay-pause": (_e: CustomEvent<{
|
|
83
|
+
progress: number;
|
|
84
|
+
activeIndex: number;
|
|
85
|
+
activeId: string;
|
|
86
|
+
}>) => true;
|
|
87
|
+
"autoplay-resume": (_e: CustomEvent<{
|
|
88
|
+
progress: number;
|
|
89
|
+
activeIndex: number;
|
|
90
|
+
activeId: string;
|
|
91
|
+
}>) => true;
|
|
92
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
93
|
+
autoplayLoop: {
|
|
94
|
+
type: PropType<boolean | undefined>;
|
|
95
|
+
default: undefined;
|
|
96
|
+
};
|
|
97
|
+
autoplaySpeed: {
|
|
98
|
+
type: PropType<number | undefined>;
|
|
99
|
+
default: undefined;
|
|
100
|
+
};
|
|
101
|
+
autoplayIndicator: {
|
|
102
|
+
type: PropType<boolean | undefined>;
|
|
103
|
+
default: undefined;
|
|
104
|
+
};
|
|
105
|
+
disabled: {
|
|
106
|
+
type: PropType<boolean | undefined>;
|
|
107
|
+
default: undefined;
|
|
108
|
+
};
|
|
109
|
+
layout: {
|
|
110
|
+
type: PropType<string | undefined>;
|
|
111
|
+
default: undefined;
|
|
112
|
+
};
|
|
113
|
+
marker: {
|
|
114
|
+
type: PropType<string | undefined>;
|
|
115
|
+
default: undefined;
|
|
116
|
+
};
|
|
117
|
+
threshold: {
|
|
118
|
+
type: PropType<number | undefined>;
|
|
119
|
+
default: undefined;
|
|
120
|
+
};
|
|
121
|
+
label: {
|
|
122
|
+
type: PropType<string | undefined>;
|
|
123
|
+
default: undefined;
|
|
124
|
+
};
|
|
125
|
+
autoplay: {
|
|
126
|
+
type: PropType<boolean | undefined>;
|
|
127
|
+
default: undefined;
|
|
128
|
+
};
|
|
129
|
+
noProgress: {
|
|
130
|
+
type: PropType<boolean | undefined>;
|
|
131
|
+
default: undefined;
|
|
132
|
+
};
|
|
133
|
+
track: {
|
|
134
|
+
type: PropType<string | undefined>;
|
|
135
|
+
default: undefined;
|
|
136
|
+
};
|
|
137
|
+
}>> & Readonly<{
|
|
138
|
+
onProgress?: ((_e: CustomEvent<{
|
|
139
|
+
progress: number;
|
|
140
|
+
activeIndex: number;
|
|
141
|
+
activeId: string;
|
|
142
|
+
}>) => any) | undefined;
|
|
143
|
+
onEnter?: ((_e: CustomEvent<{
|
|
144
|
+
progress: number;
|
|
145
|
+
}>) => any) | undefined;
|
|
146
|
+
onLeave?: ((_e: CustomEvent<{
|
|
147
|
+
progress: number;
|
|
148
|
+
}>) => any) | undefined;
|
|
149
|
+
"onAutoplay-pause"?: ((_e: CustomEvent<{
|
|
150
|
+
progress: number;
|
|
151
|
+
activeIndex: number;
|
|
152
|
+
activeId: string;
|
|
153
|
+
}>) => any) | undefined;
|
|
154
|
+
"onAutoplay-resume"?: ((_e: CustomEvent<{
|
|
155
|
+
progress: number;
|
|
156
|
+
activeIndex: number;
|
|
157
|
+
activeId: string;
|
|
158
|
+
}>) => any) | undefined;
|
|
159
|
+
"onEntry-change"?: ((_e: CustomEvent<{
|
|
160
|
+
index: number;
|
|
161
|
+
id: string;
|
|
162
|
+
previousIndex: number;
|
|
163
|
+
previousId: string;
|
|
164
|
+
}>) => any) | undefined;
|
|
165
|
+
"onEntry-enter"?: ((_e: CustomEvent<{
|
|
166
|
+
index: number;
|
|
167
|
+
id: string;
|
|
168
|
+
progress: number;
|
|
169
|
+
}>) => any) | undefined;
|
|
170
|
+
"onEntry-leave"?: ((_e: CustomEvent<{
|
|
171
|
+
index: number;
|
|
172
|
+
id: string;
|
|
173
|
+
progress: number;
|
|
174
|
+
}>) => any) | undefined;
|
|
175
|
+
}>, {
|
|
176
|
+
disabled: boolean | undefined;
|
|
177
|
+
label: string | undefined;
|
|
178
|
+
track: string | undefined;
|
|
179
|
+
autoplay: boolean | undefined;
|
|
180
|
+
threshold: number | undefined;
|
|
181
|
+
autoplayLoop: boolean | undefined;
|
|
182
|
+
autoplaySpeed: number | undefined;
|
|
183
|
+
autoplayIndicator: boolean | undefined;
|
|
184
|
+
layout: string | undefined;
|
|
185
|
+
marker: string | undefined;
|
|
186
|
+
noProgress: boolean | undefined;
|
|
187
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
188
|
+
export type XScrollTimelineInstance = InstanceType<typeof XScrollTimeline>;
|
|
189
|
+
//# 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.ts"],"names":[],"mappings":"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"}
|