@class-kit/react 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/CHANGELOG.md +6 -0
- package/LICENSE +3 -0
- package/README.md +83 -0
- package/dist/components/affix.cjs +62 -0
- package/dist/components/affix.cjs.map +1 -0
- package/dist/components/affix.d.ts +3 -0
- package/dist/components/affix.d.ts.map +1 -0
- package/dist/components/affix.js +60 -0
- package/dist/components/affix.js.map +1 -0
- package/dist/components/backtop.cjs +98 -0
- package/dist/components/backtop.cjs.map +1 -0
- package/dist/components/backtop.d.ts +3 -0
- package/dist/components/backtop.d.ts.map +1 -0
- package/dist/components/backtop.js +96 -0
- package/dist/components/backtop.js.map +1 -0
- package/dist/components/badge.cjs +13 -0
- package/dist/components/badge.cjs.map +1 -0
- package/dist/components/badge.d.ts +3 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +11 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/barcode.cjs +61 -0
- package/dist/components/barcode.cjs.map +1 -0
- package/dist/components/barcode.d.ts +3 -0
- package/dist/components/barcode.d.ts.map +1 -0
- package/dist/components/barcode.js +59 -0
- package/dist/components/barcode.js.map +1 -0
- package/dist/components/breadcrumb.cjs +13 -0
- package/dist/components/breadcrumb.cjs.map +1 -0
- package/dist/components/breadcrumb.d.ts +3 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +11 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/button.cjs +12 -0
- package/dist/components/button.cjs.map +1 -0
- package/dist/components/button.d.ts +3 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +10 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar.cjs +50 -0
- package/dist/components/calendar.cjs.map +1 -0
- package/dist/components/calendar.d.ts +3 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +48 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/canvas-editor.cjs +207 -0
- package/dist/components/canvas-editor.cjs.map +1 -0
- package/dist/components/canvas-editor.d.ts +3 -0
- package/dist/components/canvas-editor.d.ts.map +1 -0
- package/dist/components/canvas-editor.js +205 -0
- package/dist/components/canvas-editor.js.map +1 -0
- package/dist/components/canvas-image.cjs +40 -0
- package/dist/components/canvas-image.cjs.map +1 -0
- package/dist/components/canvas-image.d.ts +3 -0
- package/dist/components/canvas-image.d.ts.map +1 -0
- package/dist/components/canvas-image.js +38 -0
- package/dist/components/canvas-image.js.map +1 -0
- package/dist/components/chat-virtual-list.cjs +463 -0
- package/dist/components/chat-virtual-list.cjs.map +1 -0
- package/dist/components/chat-virtual-list.d.ts +3 -0
- package/dist/components/chat-virtual-list.d.ts.map +1 -0
- package/dist/components/chat-virtual-list.js +461 -0
- package/dist/components/chat-virtual-list.js.map +1 -0
- package/dist/components/checkbox.cjs +79 -0
- package/dist/components/checkbox.cjs.map +1 -0
- package/dist/components/checkbox.d.ts +3 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +77 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/checked.cjs +80 -0
- package/dist/components/checked.cjs.map +1 -0
- package/dist/components/checked.d.ts +3 -0
- package/dist/components/checked.d.ts.map +1 -0
- package/dist/components/checked.js +78 -0
- package/dist/components/checked.js.map +1 -0
- package/dist/components/color-picker.cjs +188 -0
- package/dist/components/color-picker.cjs.map +1 -0
- package/dist/components/color-picker.d.ts +3 -0
- package/dist/components/color-picker.d.ts.map +1 -0
- package/dist/components/color-picker.js +186 -0
- package/dist/components/color-picker.js.map +1 -0
- package/dist/components/comic-reader.cjs +59 -0
- package/dist/components/comic-reader.cjs.map +1 -0
- package/dist/components/comic-reader.d.ts +3 -0
- package/dist/components/comic-reader.d.ts.map +1 -0
- package/dist/components/comic-reader.js +57 -0
- package/dist/components/comic-reader.js.map +1 -0
- package/dist/components/config-provider.cjs +25 -0
- package/dist/components/config-provider.cjs.map +1 -0
- package/dist/components/config-provider.d.ts +3 -0
- package/dist/components/config-provider.d.ts.map +1 -0
- package/dist/components/config-provider.js +23 -0
- package/dist/components/config-provider.js.map +1 -0
- package/dist/components/config-table.cjs +329 -0
- package/dist/components/config-table.cjs.map +1 -0
- package/dist/components/config-table.d.ts +3 -0
- package/dist/components/config-table.d.ts.map +1 -0
- package/dist/components/config-table.js +327 -0
- package/dist/components/config-table.js.map +1 -0
- package/dist/components/countdown.cjs +42 -0
- package/dist/components/countdown.cjs.map +1 -0
- package/dist/components/countdown.d.ts +3 -0
- package/dist/components/countdown.d.ts.map +1 -0
- package/dist/components/countdown.js +40 -0
- package/dist/components/countdown.js.map +1 -0
- package/dist/components/danmaku.cjs +28 -0
- package/dist/components/danmaku.cjs.map +1 -0
- package/dist/components/danmaku.d.ts +3 -0
- package/dist/components/danmaku.d.ts.map +1 -0
- package/dist/components/danmaku.js +26 -0
- package/dist/components/danmaku.js.map +1 -0
- package/dist/components/date-picker.cjs +175 -0
- package/dist/components/date-picker.cjs.map +1 -0
- package/dist/components/date-picker.d.ts +3 -0
- package/dist/components/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker.js +173 -0
- package/dist/components/date-picker.js.map +1 -0
- package/dist/components/date-range-picker.cjs +204 -0
- package/dist/components/date-range-picker.cjs.map +1 -0
- package/dist/components/date-range-picker.d.ts +3 -0
- package/dist/components/date-range-picker.d.ts.map +1 -0
- package/dist/components/date-range-picker.js +202 -0
- package/dist/components/date-range-picker.js.map +1 -0
- package/dist/components/design-effect.cjs +25 -0
- package/dist/components/design-effect.cjs.map +1 -0
- package/dist/components/design-effect.d.ts +3 -0
- package/dist/components/design-effect.d.ts.map +1 -0
- package/dist/components/design-effect.js +23 -0
- package/dist/components/design-effect.js.map +1 -0
- package/dist/components/drag-drop-board.cjs +334 -0
- package/dist/components/drag-drop-board.cjs.map +1 -0
- package/dist/components/drag-drop-board.d.ts +3 -0
- package/dist/components/drag-drop-board.d.ts.map +1 -0
- package/dist/components/drag-drop-board.js +332 -0
- package/dist/components/drag-drop-board.js.map +1 -0
- package/dist/components/draggable.cjs +118 -0
- package/dist/components/draggable.cjs.map +1 -0
- package/dist/components/draggable.d.ts +3 -0
- package/dist/components/draggable.d.ts.map +1 -0
- package/dist/components/draggable.js +116 -0
- package/dist/components/draggable.js.map +1 -0
- package/dist/components/ellipsis-text.cjs +49 -0
- package/dist/components/ellipsis-text.cjs.map +1 -0
- package/dist/components/ellipsis-text.d.ts +3 -0
- package/dist/components/ellipsis-text.d.ts.map +1 -0
- package/dist/components/ellipsis-text.js +47 -0
- package/dist/components/ellipsis-text.js.map +1 -0
- package/dist/components/empty.cjs +14 -0
- package/dist/components/empty.cjs.map +1 -0
- package/dist/components/empty.d.ts +3 -0
- package/dist/components/empty.d.ts.map +1 -0
- package/dist/components/empty.js +12 -0
- package/dist/components/empty.js.map +1 -0
- package/dist/components/field.cjs +100 -0
- package/dist/components/field.cjs.map +1 -0
- package/dist/components/field.d.ts +3 -0
- package/dist/components/field.d.ts.map +1 -0
- package/dist/components/field.js +98 -0
- package/dist/components/field.js.map +1 -0
- package/dist/components/file-preview.cjs +176 -0
- package/dist/components/file-preview.cjs.map +1 -0
- package/dist/components/file-preview.d.ts +3 -0
- package/dist/components/file-preview.d.ts.map +1 -0
- package/dist/components/file-preview.js +174 -0
- package/dist/components/file-preview.js.map +1 -0
- package/dist/components/floating-ball.cjs +114 -0
- package/dist/components/floating-ball.cjs.map +1 -0
- package/dist/components/floating-ball.d.ts +3 -0
- package/dist/components/floating-ball.d.ts.map +1 -0
- package/dist/components/floating-ball.js +112 -0
- package/dist/components/floating-ball.js.map +1 -0
- package/dist/components/form.cjs +53 -0
- package/dist/components/form.cjs.map +1 -0
- package/dist/components/form.d.ts +3 -0
- package/dist/components/form.d.ts.map +1 -0
- package/dist/components/form.js +48 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/gradient-text.cjs +39 -0
- package/dist/components/gradient-text.cjs.map +1 -0
- package/dist/components/gradient-text.d.ts +3 -0
- package/dist/components/gradient-text.d.ts.map +1 -0
- package/dist/components/gradient-text.js +37 -0
- package/dist/components/gradient-text.js.map +1 -0
- package/dist/components/input.cjs +99 -0
- package/dist/components/input.cjs.map +1 -0
- package/dist/components/input.d.ts +3 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +97 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/lazy-image.cjs +70 -0
- package/dist/components/lazy-image.cjs.map +1 -0
- package/dist/components/lazy-image.d.ts +3 -0
- package/dist/components/lazy-image.d.ts.map +1 -0
- package/dist/components/lazy-image.js +68 -0
- package/dist/components/lazy-image.js.map +1 -0
- package/dist/components/live-room.cjs +239 -0
- package/dist/components/live-room.cjs.map +1 -0
- package/dist/components/live-room.d.ts +3 -0
- package/dist/components/live-room.d.ts.map +1 -0
- package/dist/components/live-room.js +237 -0
- package/dist/components/live-room.js.map +1 -0
- package/dist/components/loading.cjs +14 -0
- package/dist/components/loading.cjs.map +1 -0
- package/dist/components/loading.d.ts +3 -0
- package/dist/components/loading.d.ts.map +1 -0
- package/dist/components/loading.js +12 -0
- package/dist/components/loading.js.map +1 -0
- package/dist/components/marquee.cjs +102 -0
- package/dist/components/marquee.cjs.map +1 -0
- package/dist/components/marquee.d.ts +3 -0
- package/dist/components/marquee.d.ts.map +1 -0
- package/dist/components/marquee.js +100 -0
- package/dist/components/marquee.js.map +1 -0
- package/dist/components/masonry-virtual-list.cjs +123 -0
- package/dist/components/masonry-virtual-list.cjs.map +1 -0
- package/dist/components/masonry-virtual-list.d.ts +3 -0
- package/dist/components/masonry-virtual-list.d.ts.map +1 -0
- package/dist/components/masonry-virtual-list.js +121 -0
- package/dist/components/masonry-virtual-list.js.map +1 -0
- package/dist/components/modal.cjs +179 -0
- package/dist/components/modal.cjs.map +1 -0
- package/dist/components/modal.d.ts +3 -0
- package/dist/components/modal.d.ts.map +1 -0
- package/dist/components/modal.js +177 -0
- package/dist/components/modal.js.map +1 -0
- package/dist/components/multi-column-picker.cjs +137 -0
- package/dist/components/multi-column-picker.cjs.map +1 -0
- package/dist/components/multi-column-picker.d.ts +3 -0
- package/dist/components/multi-column-picker.d.ts.map +1 -0
- package/dist/components/multi-column-picker.js +135 -0
- package/dist/components/multi-column-picker.js.map +1 -0
- package/dist/components/novel-reader.cjs +278 -0
- package/dist/components/novel-reader.cjs.map +1 -0
- package/dist/components/novel-reader.d.ts +3 -0
- package/dist/components/novel-reader.d.ts.map +1 -0
- package/dist/components/novel-reader.js +276 -0
- package/dist/components/novel-reader.js.map +1 -0
- package/dist/components/number-input.cjs +224 -0
- package/dist/components/number-input.cjs.map +1 -0
- package/dist/components/number-input.d.ts +3 -0
- package/dist/components/number-input.d.ts.map +1 -0
- package/dist/components/number-input.js +222 -0
- package/dist/components/number-input.js.map +1 -0
- package/dist/components/pagination.cjs +37 -0
- package/dist/components/pagination.cjs.map +1 -0
- package/dist/components/pagination.d.ts +3 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +35 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/password-input.cjs +125 -0
- package/dist/components/password-input.cjs.map +1 -0
- package/dist/components/password-input.d.ts +3 -0
- package/dist/components/password-input.d.ts.map +1 -0
- package/dist/components/password-input.js +123 -0
- package/dist/components/password-input.js.map +1 -0
- package/dist/components/popconfirm.cjs +103 -0
- package/dist/components/popconfirm.cjs.map +1 -0
- package/dist/components/popconfirm.d.ts +3 -0
- package/dist/components/popconfirm.d.ts.map +1 -0
- package/dist/components/popconfirm.js +101 -0
- package/dist/components/popconfirm.js.map +1 -0
- package/dist/components/popup.cjs +229 -0
- package/dist/components/popup.cjs.map +1 -0
- package/dist/components/popup.d.ts +3 -0
- package/dist/components/popup.d.ts.map +1 -0
- package/dist/components/popup.js +227 -0
- package/dist/components/popup.js.map +1 -0
- package/dist/components/progress-bar.cjs +138 -0
- package/dist/components/progress-bar.cjs.map +1 -0
- package/dist/components/progress-bar.d.ts +3 -0
- package/dist/components/progress-bar.d.ts.map +1 -0
- package/dist/components/progress-bar.js +136 -0
- package/dist/components/progress-bar.js.map +1 -0
- package/dist/components/qr-code.cjs +51 -0
- package/dist/components/qr-code.cjs.map +1 -0
- package/dist/components/qr-code.d.ts +3 -0
- package/dist/components/qr-code.d.ts.map +1 -0
- package/dist/components/qr-code.js +49 -0
- package/dist/components/qr-code.js.map +1 -0
- package/dist/components/radio-group.cjs +79 -0
- package/dist/components/radio-group.cjs.map +1 -0
- package/dist/components/radio-group.d.ts +3 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +77 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/rating.cjs +100 -0
- package/dist/components/rating.cjs.map +1 -0
- package/dist/components/rating.d.ts +3 -0
- package/dist/components/rating.d.ts.map +1 -0
- package/dist/components/rating.js +98 -0
- package/dist/components/rating.js.map +1 -0
- package/dist/components/rolling-number.cjs +25 -0
- package/dist/components/rolling-number.cjs.map +1 -0
- package/dist/components/rolling-number.d.ts +3 -0
- package/dist/components/rolling-number.d.ts.map +1 -0
- package/dist/components/rolling-number.js +23 -0
- package/dist/components/rolling-number.js.map +1 -0
- package/dist/components/select.cjs +230 -0
- package/dist/components/select.cjs.map +1 -0
- package/dist/components/select.d.ts +3 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +228 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/signature.cjs +221 -0
- package/dist/components/signature.cjs.map +1 -0
- package/dist/components/signature.d.ts +3 -0
- package/dist/components/signature.d.ts.map +1 -0
- package/dist/components/signature.js +219 -0
- package/dist/components/signature.js.map +1 -0
- package/dist/components/skeleton.cjs +18 -0
- package/dist/components/skeleton.cjs.map +1 -0
- package/dist/components/skeleton.d.ts +3 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +16 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slide-captcha.cjs +223 -0
- package/dist/components/slide-captcha.cjs.map +1 -0
- package/dist/components/slide-captcha.d.ts +3 -0
- package/dist/components/slide-captcha.d.ts.map +1 -0
- package/dist/components/slide-captcha.js +221 -0
- package/dist/components/slide-captcha.js.map +1 -0
- package/dist/components/swiper.cjs +262 -0
- package/dist/components/swiper.cjs.map +1 -0
- package/dist/components/swiper.d.ts +3 -0
- package/dist/components/swiper.d.ts.map +1 -0
- package/dist/components/swiper.js +260 -0
- package/dist/components/swiper.js.map +1 -0
- package/dist/components/switch.cjs +79 -0
- package/dist/components/switch.cjs.map +1 -0
- package/dist/components/switch.d.ts +3 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +77 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.cjs +327 -0
- package/dist/components/table.cjs.map +1 -0
- package/dist/components/table.d.ts +3 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +325 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.cjs +107 -0
- package/dist/components/tabs.cjs.map +1 -0
- package/dist/components/tabs.d.ts +3 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +105 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/tag.cjs +47 -0
- package/dist/components/tag.cjs.map +1 -0
- package/dist/components/tag.d.ts +3 -0
- package/dist/components/tag.d.ts.map +1 -0
- package/dist/components/tag.js +45 -0
- package/dist/components/tag.js.map +1 -0
- package/dist/components/textarea.cjs +99 -0
- package/dist/components/textarea.cjs.map +1 -0
- package/dist/components/textarea.d.ts +3 -0
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +97 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/tilt-card.cjs +129 -0
- package/dist/components/tilt-card.cjs.map +1 -0
- package/dist/components/tilt-card.d.ts +3 -0
- package/dist/components/tilt-card.d.ts.map +1 -0
- package/dist/components/tilt-card.js +127 -0
- package/dist/components/tilt-card.js.map +1 -0
- package/dist/components/timeline.cjs +13 -0
- package/dist/components/timeline.cjs.map +1 -0
- package/dist/components/timeline.d.ts +3 -0
- package/dist/components/timeline.d.ts.map +1 -0
- package/dist/components/timeline.js +11 -0
- package/dist/components/timeline.js.map +1 -0
- package/dist/components/toast.cjs +86 -0
- package/dist/components/toast.cjs.map +1 -0
- package/dist/components/toast.d.ts +3 -0
- package/dist/components/toast.d.ts.map +1 -0
- package/dist/components/toast.js +83 -0
- package/dist/components/toast.js.map +1 -0
- package/dist/components/tooltip.cjs +104 -0
- package/dist/components/tooltip.cjs.map +1 -0
- package/dist/components/tooltip.d.ts +3 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +102 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/typewriter-text.cjs +50 -0
- package/dist/components/typewriter-text.cjs.map +1 -0
- package/dist/components/typewriter-text.d.ts +3 -0
- package/dist/components/typewriter-text.d.ts.map +1 -0
- package/dist/components/typewriter-text.js +48 -0
- package/dist/components/typewriter-text.js.map +1 -0
- package/dist/components/upload.cjs +110 -0
- package/dist/components/upload.cjs.map +1 -0
- package/dist/components/upload.d.ts +3 -0
- package/dist/components/upload.d.ts.map +1 -0
- package/dist/components/upload.js +108 -0
- package/dist/components/upload.js.map +1 -0
- package/dist/components/verification-code.cjs +137 -0
- package/dist/components/verification-code.cjs.map +1 -0
- package/dist/components/verification-code.d.ts +3 -0
- package/dist/components/verification-code.d.ts.map +1 -0
- package/dist/components/verification-code.js +135 -0
- package/dist/components/verification-code.js.map +1 -0
- package/dist/components/video-detail-transition.cjs +331 -0
- package/dist/components/video-detail-transition.cjs.map +1 -0
- package/dist/components/video-detail-transition.d.ts +3 -0
- package/dist/components/video-detail-transition.d.ts.map +1 -0
- package/dist/components/video-detail-transition.js +329 -0
- package/dist/components/video-detail-transition.js.map +1 -0
- package/dist/components/video-player.cjs +170 -0
- package/dist/components/video-player.cjs.map +1 -0
- package/dist/components/video-player.d.ts +3 -0
- package/dist/components/video-player.d.ts.map +1 -0
- package/dist/components/video-player.js +168 -0
- package/dist/components/video-player.js.map +1 -0
- package/dist/components/virtual-list.cjs +287 -0
- package/dist/components/virtual-list.cjs.map +1 -0
- package/dist/components/virtual-list.d.ts +3 -0
- package/dist/components/virtual-list.d.ts.map +1 -0
- package/dist/components/virtual-list.js +285 -0
- package/dist/components/virtual-list.js.map +1 -0
- package/dist/components/virtual-select.cjs +264 -0
- package/dist/components/virtual-select.cjs.map +1 -0
- package/dist/components/virtual-select.d.ts +3 -0
- package/dist/components/virtual-select.d.ts.map +1 -0
- package/dist/components/virtual-select.js +262 -0
- package/dist/components/virtual-select.js.map +1 -0
- package/dist/components/virtual-table.cjs +328 -0
- package/dist/components/virtual-table.cjs.map +1 -0
- package/dist/components/virtual-table.d.ts +3 -0
- package/dist/components/virtual-table.d.ts.map +1 -0
- package/dist/components/virtual-table.js +326 -0
- package/dist/components/virtual-table.js.map +1 -0
- package/dist/import-transform-DIRVOYvz.js +144 -0
- package/dist/import-transform-DIRVOYvz.js.map +1 -0
- package/dist/import-transform-jqLjtD6M.js +142 -0
- package/dist/import-transform-jqLjtD6M.js.map +1 -0
- package/dist/import-transform.d.ts +6 -0
- package/dist/import-transform.d.ts.map +1 -0
- package/dist/index.cjs +6117 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +1032 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5826 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/base.css +455 -0
- package/dist/styles/components/affix.css +15 -0
- package/dist/styles/components/backtop.css +67 -0
- package/dist/styles/components/badge.css +33 -0
- package/dist/styles/components/barcode.css +33 -0
- package/dist/styles/components/breadcrumb.css +15 -0
- package/dist/styles/components/button.css +156 -0
- package/dist/styles/components/calendar.css +174 -0
- package/dist/styles/components/canvas-editor.css +327 -0
- package/dist/styles/components/canvas-image.css +40 -0
- package/dist/styles/components/chat-virtual-list.css +108 -0
- package/dist/styles/components/checkbox.css +318 -0
- package/dist/styles/components/checked.css +318 -0
- package/dist/styles/components/color-picker.css +377 -0
- package/dist/styles/components/comic-reader.css +135 -0
- package/dist/styles/components/config-provider.css +12 -0
- package/dist/styles/components/config-table.css +458 -0
- package/dist/styles/components/countdown.css +14 -0
- package/dist/styles/components/danmaku.css +56 -0
- package/dist/styles/components/date-picker.css +381 -0
- package/dist/styles/components/date-range-picker.css +454 -0
- package/dist/styles/components/design-effect.css +285 -0
- package/dist/styles/components/drag-drop-board.css +87 -0
- package/dist/styles/components/draggable.css +37 -0
- package/dist/styles/components/ellipsis-text.css +59 -0
- package/dist/styles/components/empty.css +168 -0
- package/dist/styles/components/field.css +221 -0
- package/dist/styles/components/file-preview.css +216 -0
- package/dist/styles/components/floating-ball.css +33 -0
- package/dist/styles/components/form.css +221 -0
- package/dist/styles/components/gradient-text.css +54 -0
- package/dist/styles/components/input.css +221 -0
- package/dist/styles/components/lazy-image.css +79 -0
- package/dist/styles/components/live-room.css +226 -0
- package/dist/styles/components/loading.css +98 -0
- package/dist/styles/components/marquee.css +281 -0
- package/dist/styles/components/masonry-virtual-list.css +29 -0
- package/dist/styles/components/modal.css +164 -0
- package/dist/styles/components/multi-column-picker.css +97 -0
- package/dist/styles/components/novel-reader.css +1163 -0
- package/dist/styles/components/number-input.css +221 -0
- package/dist/styles/components/pagination.css +43 -0
- package/dist/styles/components/password-input.css +289 -0
- package/dist/styles/components/popconfirm.css +156 -0
- package/dist/styles/components/popup.css +216 -0
- package/dist/styles/components/progress-bar.css +79 -0
- package/dist/styles/components/qr-code.css +62 -0
- package/dist/styles/components/radio-group.css +318 -0
- package/dist/styles/components/rating.css +260 -0
- package/dist/styles/components/rolling-number.css +37 -0
- package/dist/styles/components/select.css +342 -0
- package/dist/styles/components/signature.css +286 -0
- package/dist/styles/components/skeleton.css +70 -0
- package/dist/styles/components/slide-captcha.css +420 -0
- package/dist/styles/components/swiper.css +199 -0
- package/dist/styles/components/switch.css +294 -0
- package/dist/styles/components/table.css +458 -0
- package/dist/styles/components/tabs.css +156 -0
- package/dist/styles/components/tag.css +90 -0
- package/dist/styles/components/textarea.css +204 -0
- package/dist/styles/components/tilt-card.css +114 -0
- package/dist/styles/components/timeline.css +116 -0
- package/dist/styles/components/toast.css +204 -0
- package/dist/styles/components/tooltip.css +137 -0
- package/dist/styles/components/typewriter-text.css +95 -0
- package/dist/styles/components/upload.css +246 -0
- package/dist/styles/components/verification-code.css +240 -0
- package/dist/styles/components/video-detail-transition.css +169 -0
- package/dist/styles/components/video-player.css +93 -0
- package/dist/styles/components/virtual-list.css +206 -0
- package/dist/styles/components/virtual-select.css +472 -0
- package/dist/styles/components/virtual-table.css +458 -0
- package/dist/styles/components.css +8377 -0
- package/dist/styles/themes/amber.css +19 -0
- package/dist/styles/themes/emerald.css +19 -0
- package/dist/styles/themes/liquid-glass.css +55 -0
- package/dist/styles/themes/minimal.css +19 -0
- package/dist/styles/themes/rose.css +19 -0
- package/dist/styles/themes/sky.css +19 -0
- package/dist/styles/themes/violet.css +19 -0
- package/dist/styles.css +8377 -0
- package/dist/vite.cjs +27 -0
- package/dist/vite.cjs.map +1 -0
- package/dist/vite.d.ts +11 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +22 -0
- package/dist/vite.js.map +1 -0
- package/dist/webpack-loader.cjs +18 -0
- package/dist/webpack-loader.cjs.map +1 -0
- package/dist/webpack-loader.d.ts +9 -0
- package/dist/webpack-loader.d.ts.map +1 -0
- package/dist/webpack-loader.js +14 -0
- package/dist/webpack-loader.js.map +1 -0
- package/dist/webpack.cjs +45 -0
- package/dist/webpack.cjs.map +1 -0
- package/dist/webpack.d.ts +21 -0
- package/dist/webpack.d.ts.map +1 -0
- package/dist/webpack.js +38 -0
- package/dist/webpack.js.map +1 -0
- package/package.json +106 -0
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React, { useEffect, useContext, useSyncExternalStore, createContext } from 'react';
|
|
3
|
+
import { VerificationCodeController } from '@class-kit/core';
|
|
4
|
+
|
|
5
|
+
const FormContext = /*#__PURE__*/ createContext(null);
|
|
6
|
+
function reactNodeToText(node) {
|
|
7
|
+
if (typeof node === "string" || typeof node === "number")
|
|
8
|
+
return String(node);
|
|
9
|
+
if (Array.isArray(node))
|
|
10
|
+
return node.map(reactNodeToText).join("");
|
|
11
|
+
return "";
|
|
12
|
+
}
|
|
13
|
+
function useFormInteractivity() {
|
|
14
|
+
const context = useContext(FormContext);
|
|
15
|
+
return {
|
|
16
|
+
disabled: context?.disabled ?? false,
|
|
17
|
+
readOnly: context?.readOnly ?? false,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
function useOptionalFormInteractivity() {
|
|
21
|
+
return useFormInteractivity();
|
|
22
|
+
}
|
|
23
|
+
function resolveFieldInteractivity(form, disabled, readOnly) {
|
|
24
|
+
const resolvedDisabled = disabled ?? form.disabled;
|
|
25
|
+
return {
|
|
26
|
+
disabled: resolvedDisabled,
|
|
27
|
+
readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
function useOptionalField(name, options = {}) {
|
|
31
|
+
const context = useContext(FormContext);
|
|
32
|
+
const optionsRef = React.useRef(options);
|
|
33
|
+
optionsRef.current = options;
|
|
34
|
+
const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
|
|
35
|
+
const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (!context || !name)
|
|
38
|
+
return undefined;
|
|
39
|
+
return context.controller.registerField(name, optionsRef.current);
|
|
40
|
+
}, [context, name]);
|
|
41
|
+
const field = name ? state?.fields[name] : undefined;
|
|
42
|
+
const usesFormField = Boolean(context && name);
|
|
43
|
+
return {
|
|
44
|
+
value: usesFormField ? (field?.value ?? "") : localValue,
|
|
45
|
+
errors: usesFormField ? (field?.errors ?? []) : [],
|
|
46
|
+
dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
|
|
47
|
+
touched: usesFormField ? (field?.meta.touched ?? false) : false,
|
|
48
|
+
setValue: (value) => {
|
|
49
|
+
if (context && name) {
|
|
50
|
+
void context.controller.setValue(name, value);
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
setLocalValue(value);
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
onBlur: () => {
|
|
57
|
+
if (context && name)
|
|
58
|
+
void context.controller.blur(name);
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
function FieldError({ errors, errorId, className, }) {
|
|
63
|
+
return errors.length > 0 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
|
|
64
|
+
}
|
|
65
|
+
function VerificationCode({ name, length = 6, label, autoFocus = false, className = "cc-field cc-verification-code", disabled, inputMode = "numeric", readOnly, initialValue, rules, validateOn, onChange, onComplete, ...props }) {
|
|
66
|
+
const field = useOptionalField(name, {
|
|
67
|
+
initialValue: initialValue ?? "",
|
|
68
|
+
rules,
|
|
69
|
+
validateOn,
|
|
70
|
+
});
|
|
71
|
+
const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
|
|
72
|
+
const controllerRef = React.useRef(new VerificationCodeController({
|
|
73
|
+
length,
|
|
74
|
+
value: String(field.value || ""),
|
|
75
|
+
}));
|
|
76
|
+
const inputRefs = React.useRef([]);
|
|
77
|
+
const [state, setState] = React.useState(() => controllerRef.current.getState());
|
|
78
|
+
const errorId = `${name}-error`;
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
setState(controllerRef.current.updateOptions({
|
|
81
|
+
length,
|
|
82
|
+
value: String(field.value || ""),
|
|
83
|
+
}));
|
|
84
|
+
}, [field.value, length]);
|
|
85
|
+
useEffect(() => {
|
|
86
|
+
if (autoFocus && !interactivity.disabled && !interactivity.readOnly)
|
|
87
|
+
inputRefs.current[0]?.focus();
|
|
88
|
+
}, [autoFocus, interactivity.disabled, interactivity.readOnly]);
|
|
89
|
+
const commit = (nextState, focusIndex) => {
|
|
90
|
+
setState(nextState);
|
|
91
|
+
field.setValue(nextState.value);
|
|
92
|
+
onChange?.(nextState.value, nextState);
|
|
93
|
+
if (nextState.complete)
|
|
94
|
+
onComplete?.(nextState.value);
|
|
95
|
+
if (focusIndex !== undefined)
|
|
96
|
+
requestAnimationFrame(() => inputRefs.current[focusIndex]?.focus());
|
|
97
|
+
};
|
|
98
|
+
return (jsxs("div", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ...props, children: [label ? jsx("span", { className: "cc-field__label", children: label }) : null, jsx("div", { className: "cc-verification-code__group", children: state.chars.map((char, index) => (jsx("input", { "aria-label": `${reactNodeToText(label) || name} ${index + 1}`, className: "cc-verification-code__input", disabled: interactivity.disabled, inputMode: inputMode, maxLength: 1, readOnly: interactivity.readOnly, ref: (element) => {
|
|
99
|
+
inputRefs.current[index] = element;
|
|
100
|
+
}, value: char, onChange: (event) => {
|
|
101
|
+
if (interactivity.disabled || interactivity.readOnly)
|
|
102
|
+
return;
|
|
103
|
+
const value = event.currentTarget.value;
|
|
104
|
+
if (value === "") {
|
|
105
|
+
commit(controllerRef.current.remove(index), index);
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
if (value.length > 1) {
|
|
109
|
+
const next = controllerRef.current.paste(value, controllerRef.current.getNextInputIndex(index));
|
|
110
|
+
commit(next, Math.min(next.length - 1, next.value.length));
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
const next = controllerRef.current.inputAtNextSlot(index, value);
|
|
114
|
+
commit(next.state, next.focusIndex);
|
|
115
|
+
}, onKeyDown: (event) => {
|
|
116
|
+
if (event.key === "Backspace" &&
|
|
117
|
+
!state.chars[index] &&
|
|
118
|
+
index > 0) {
|
|
119
|
+
event.preventDefault();
|
|
120
|
+
commit(controllerRef.current.remove(index - 1), index - 1);
|
|
121
|
+
}
|
|
122
|
+
if (event.key === "ArrowLeft" && index > 0)
|
|
123
|
+
inputRefs.current[index - 1]?.focus();
|
|
124
|
+
if (event.key === "ArrowRight" && index < state.length - 1)
|
|
125
|
+
inputRefs.current[index + 1]?.focus();
|
|
126
|
+
}, onPaste: (event) => {
|
|
127
|
+
if (interactivity.disabled || interactivity.readOnly)
|
|
128
|
+
return;
|
|
129
|
+
event.preventDefault();
|
|
130
|
+
commit(controllerRef.current.paste(event.clipboardData.getData("text"), index), Math.min(state.length - 1, index + event.clipboardData.getData("text").length));
|
|
131
|
+
} }, index))) }), jsx("input", { name: name, type: "hidden", value: state.value }), jsx(FieldError, { errorId: errorId, errors: field.errors })] }));
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
export { VerificationCode };
|
|
135
|
+
//# sourceMappingURL=verification-code.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"verification-code.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,331 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var core = require('@class-kit/core');
|
|
6
|
+
|
|
7
|
+
const FormContext = /*#__PURE__*/ React.createContext(null);
|
|
8
|
+
const classIconPaths = {
|
|
9
|
+
chevronDown: ["M6 9l6 6 6-6"],
|
|
10
|
+
chevronLeft: ["M15 18l-6-6 6-6"],
|
|
11
|
+
chevronRight: ["M9 18l6-6-6-6"],
|
|
12
|
+
chevronUp: ["M18 15l-6-6-6 6"],
|
|
13
|
+
check: ["M20 6 9 17l-5-5"],
|
|
14
|
+
settings: [
|
|
15
|
+
"M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
|
|
16
|
+
"M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
|
|
17
|
+
],
|
|
18
|
+
star: [
|
|
19
|
+
"M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
|
|
20
|
+
],
|
|
21
|
+
x: ["M18 6 6 18", "M6 6l12 12"],
|
|
22
|
+
};
|
|
23
|
+
function ClassIcon({ className = "cc-icon", name, }) {
|
|
24
|
+
return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
|
|
25
|
+
}
|
|
26
|
+
function resolveFieldInteractivity(form, disabled, readOnly) {
|
|
27
|
+
const resolvedDisabled = disabled ?? form.disabled;
|
|
28
|
+
return {
|
|
29
|
+
disabled: resolvedDisabled,
|
|
30
|
+
readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
function FieldError({ errors, errorId, className, }) {
|
|
34
|
+
return errors.length > 0 ? (jsxRuntime.jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
|
|
35
|
+
}
|
|
36
|
+
function ProgressBar({ defaultValue, disabled = false, errorClassName, fieldClassName = "cc-field cc-progress-field", followPointer = true, initialValue, interactive = true, label, labelClassName = "cc-field__label", max = 100, min = 0, name, readOnly, rules, step = 1, validateOn, value, className = "cc-progress", onChange, onChangeEnd, ...props }) {
|
|
37
|
+
const formContext = React.useContext(FormContext);
|
|
38
|
+
const formState = React.useSyncExternalStore((listener) => formContext
|
|
39
|
+
? formContext.controller.subscribe(listener)
|
|
40
|
+
: () => undefined, () => formContext?.controller.getState() ?? null, () => formContext?.controller.getState() ?? null);
|
|
41
|
+
const trackRef = React.useRef(null);
|
|
42
|
+
const thumbRef = React.useRef(null);
|
|
43
|
+
const [dragging, setDragging] = React.useState(false);
|
|
44
|
+
const safeMin = Number.isFinite(min) ? min : 0;
|
|
45
|
+
const safeMax = Number.isFinite(max)
|
|
46
|
+
? Math.max(safeMin, max)
|
|
47
|
+
: Math.max(safeMin, 100);
|
|
48
|
+
const safeStep = Number.isFinite(step) && step > 0 ? step : 1;
|
|
49
|
+
const formField = name && formState?.fields[name] ? formState.fields[name] : undefined;
|
|
50
|
+
const formFieldValue = Number(formField?.value);
|
|
51
|
+
const usesFormField = Boolean(name && formContext);
|
|
52
|
+
const interactivity = formContext
|
|
53
|
+
? resolveFieldInteractivity({ disabled: formContext.disabled, readOnly: formContext.readOnly }, disabled, readOnly)
|
|
54
|
+
: { disabled, readOnly: !disabled && Boolean(readOnly) };
|
|
55
|
+
const locked = interactivity.disabled || interactivity.readOnly;
|
|
56
|
+
const controlled = usesFormField || value !== undefined;
|
|
57
|
+
const safeValue = usesFormField && Number.isFinite(formFieldValue)
|
|
58
|
+
? formFieldValue
|
|
59
|
+
: Number.isFinite(value)
|
|
60
|
+
? value
|
|
61
|
+
: undefined;
|
|
62
|
+
const safeDefaultValue = Number.isFinite(defaultValue)
|
|
63
|
+
? defaultValue
|
|
64
|
+
: undefined;
|
|
65
|
+
const fieldInitialValue = Number.isFinite(Number(initialValue))
|
|
66
|
+
? Number(initialValue)
|
|
67
|
+
: safeDefaultValue;
|
|
68
|
+
const controllerRef = React.useRef(new core.ProgressController({
|
|
69
|
+
disabled: locked,
|
|
70
|
+
max: safeMax,
|
|
71
|
+
min: safeMin,
|
|
72
|
+
step: safeStep,
|
|
73
|
+
value: safeValue ?? fieldInitialValue ?? safeMin,
|
|
74
|
+
}));
|
|
75
|
+
const [state, setState] = React.useState(() => controllerRef.current.getState());
|
|
76
|
+
const errorId = name ? `${name}-error` : undefined;
|
|
77
|
+
const errors = formField?.errors ?? [];
|
|
78
|
+
React.useEffect(() => {
|
|
79
|
+
if (!formContext || !name)
|
|
80
|
+
return undefined;
|
|
81
|
+
return formContext.controller.registerField(name, {
|
|
82
|
+
initialValue: fieldInitialValue ?? safeMin,
|
|
83
|
+
rules,
|
|
84
|
+
validateOn,
|
|
85
|
+
});
|
|
86
|
+
}, [fieldInitialValue, formContext, name, rules, safeMin, validateOn]);
|
|
87
|
+
React.useEffect(() => {
|
|
88
|
+
setState(controllerRef.current.updateOptions({
|
|
89
|
+
disabled: locked,
|
|
90
|
+
max: safeMax,
|
|
91
|
+
min: safeMin,
|
|
92
|
+
step: safeStep,
|
|
93
|
+
value: controlled ? safeValue : state.value,
|
|
94
|
+
}));
|
|
95
|
+
}, [controlled, locked, safeMax, safeMin, safeStep, safeValue, state.value]);
|
|
96
|
+
const commit = (nextValue, end = false) => {
|
|
97
|
+
const next = controllerRef.current.setValue(nextValue);
|
|
98
|
+
if (!controlled || usesFormField)
|
|
99
|
+
setState(next);
|
|
100
|
+
if (formContext && name)
|
|
101
|
+
void formContext.controller.setValue(name, next.value);
|
|
102
|
+
onChange?.(next.value);
|
|
103
|
+
if (end)
|
|
104
|
+
onChangeEnd?.(next.value);
|
|
105
|
+
};
|
|
106
|
+
const updateFromClientX = (clientX, end = false) => {
|
|
107
|
+
const rect = trackRef.current?.getBoundingClientRect();
|
|
108
|
+
if (!rect)
|
|
109
|
+
return;
|
|
110
|
+
const next = controllerRef.current.valueFromClientX(clientX, rect, thumbRef.current?.offsetWidth ?? 0);
|
|
111
|
+
if (!controlled || usesFormField)
|
|
112
|
+
setState(next);
|
|
113
|
+
if (formContext && name)
|
|
114
|
+
void formContext.controller.setValue(name, next.value);
|
|
115
|
+
onChange?.(next.value);
|
|
116
|
+
if (end)
|
|
117
|
+
onChangeEnd?.(next.value);
|
|
118
|
+
};
|
|
119
|
+
const progress = (jsxRuntime.jsxs("div", { "aria-disabled": state.disabled, "aria-describedby": errors.length > 0 ? errorId : undefined, "aria-readonly": interactivity.readOnly || undefined, "aria-valuemax": state.max, "aria-valuemin": state.min, "aria-valuenow": state.value, className: className, "data-disabled": interactivity.disabled, "data-dragging": dragging, "data-interactive": interactive && !locked, "data-readonly": interactivity.readOnly, ref: trackRef, role: "slider", tabIndex: locked || !interactive ? -1 : 0, onKeyDown: (event) => {
|
|
120
|
+
if (locked || !interactive)
|
|
121
|
+
return;
|
|
122
|
+
if (event.key === "ArrowLeft" || event.key === "ArrowDown")
|
|
123
|
+
commit(state.value - state.step);
|
|
124
|
+
if (event.key === "ArrowRight" || event.key === "ArrowUp")
|
|
125
|
+
commit(state.value + state.step);
|
|
126
|
+
if (event.key === "Home")
|
|
127
|
+
commit(state.min);
|
|
128
|
+
if (event.key === "End")
|
|
129
|
+
commit(state.max);
|
|
130
|
+
}, onPointerDown: (event) => {
|
|
131
|
+
if (locked || !interactive)
|
|
132
|
+
return;
|
|
133
|
+
event.preventDefault();
|
|
134
|
+
setDragging(true);
|
|
135
|
+
updateFromClientX(event.clientX);
|
|
136
|
+
event.currentTarget.setPointerCapture(event.pointerId);
|
|
137
|
+
}, onPointerMove: (event) => {
|
|
138
|
+
if (!interactive || !followPointer || locked || event.buttons !== 1)
|
|
139
|
+
return;
|
|
140
|
+
updateFromClientX(event.clientX);
|
|
141
|
+
}, onPointerUp: (event) => {
|
|
142
|
+
if (locked || !interactive)
|
|
143
|
+
return;
|
|
144
|
+
setDragging(false);
|
|
145
|
+
event.currentTarget.releasePointerCapture?.(event.pointerId);
|
|
146
|
+
updateFromClientX(event.clientX, true);
|
|
147
|
+
}, onPointerCancel: () => setDragging(false), ...props, children: [jsxRuntime.jsx("span", { className: "cc-progress__track" }), jsxRuntime.jsx("span", { className: "cc-progress__fill", style: { width: `${state.percent}%` } }), jsxRuntime.jsx("span", { className: "cc-progress__thumb", ref: thumbRef, style: {
|
|
148
|
+
left: `calc(${state.percent / 100} * (100% - var(--cc-progress-thumb-size)))`,
|
|
149
|
+
} })] }));
|
|
150
|
+
if (!name && !label)
|
|
151
|
+
return progress;
|
|
152
|
+
return (jsxRuntime.jsxs("div", { className: fieldClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, progress, errorId ? (jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: errors })) : null] }));
|
|
153
|
+
}
|
|
154
|
+
function VideoPlayer({ sources, autoplay = false, controls = true, loop = false, muted = false, poster, preload = "metadata", className = "cc-video-player__video", containerClassName = "cc-video-player", ...props }) {
|
|
155
|
+
const videoRef = React.useRef(null);
|
|
156
|
+
const [currentTime, setCurrentTime] = React.useState(0);
|
|
157
|
+
const [duration, setDuration] = React.useState(0);
|
|
158
|
+
const [playing, setPlaying] = React.useState(false);
|
|
159
|
+
const controller = React.useMemo(() => new core.VideoPlayerController({
|
|
160
|
+
autoplay,
|
|
161
|
+
controls,
|
|
162
|
+
loop,
|
|
163
|
+
muted,
|
|
164
|
+
poster,
|
|
165
|
+
preload,
|
|
166
|
+
sources,
|
|
167
|
+
}), [autoplay, controls, loop, muted, poster, preload, sources]);
|
|
168
|
+
const state = controller.getState();
|
|
169
|
+
const toggle = () => {
|
|
170
|
+
const video = videoRef.current;
|
|
171
|
+
if (!video)
|
|
172
|
+
return;
|
|
173
|
+
if (video.paused)
|
|
174
|
+
void video.play();
|
|
175
|
+
else
|
|
176
|
+
video.pause();
|
|
177
|
+
};
|
|
178
|
+
return (jsxRuntime.jsxs("div", { className: containerClassName, children: [jsxRuntime.jsx("video", { ref: videoRef, autoPlay: state.autoplay, className: className, controls: false, loop: state.loop, muted: state.muted, playsInline: true, poster: state.poster, preload: state.preload, onDurationChange: (event) => setDuration(event.currentTarget.duration || 0), onPause: () => setPlaying(false), onPlay: () => setPlaying(true), onTimeUpdate: (event) => setCurrentTime(event.currentTarget.currentTime), ...props, children: state.sources.map((source) => (jsxRuntime.jsx("source", { src: source.src, type: source.type }, source.src))) }), state.controls ? (jsxRuntime.jsxs("div", { className: "cc-video-player__controls", children: [jsxRuntime.jsx("button", { "aria-label": playing ? "Pause video" : "Play video", className: "cc-video-player__play", "data-playing": playing, type: "button", onClick: toggle, children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "cc-video-player__play-icon" }) }), jsxRuntime.jsx(ProgressBar, { className: "cc-progress cc-video-player__progress", max: duration || 0, min: 0, step: 0.1, value: currentTime, onChange: (next) => {
|
|
179
|
+
const video = videoRef.current;
|
|
180
|
+
if (!video || !Number.isFinite(next))
|
|
181
|
+
return;
|
|
182
|
+
video.currentTime = next;
|
|
183
|
+
setCurrentTime(next);
|
|
184
|
+
} }), jsxRuntime.jsxs("span", { className: "cc-video-player__time", children: [Math.floor(currentTime), " / ", Math.floor(duration || 0), "s"] })] })) : null] }));
|
|
185
|
+
}
|
|
186
|
+
function resolveVideoDetailContainer(container) {
|
|
187
|
+
if (!container)
|
|
188
|
+
return null;
|
|
189
|
+
if (typeof container === "function")
|
|
190
|
+
return container();
|
|
191
|
+
if ("current" in container)
|
|
192
|
+
return container.current;
|
|
193
|
+
return container;
|
|
194
|
+
}
|
|
195
|
+
function videoDetailContainerRect(container) {
|
|
196
|
+
const element = resolveVideoDetailContainer(container);
|
|
197
|
+
if (!element)
|
|
198
|
+
return undefined;
|
|
199
|
+
const rect = element.getBoundingClientRect();
|
|
200
|
+
return {
|
|
201
|
+
borderRadius: typeof window === "undefined"
|
|
202
|
+
? undefined
|
|
203
|
+
: window.getComputedStyle(element).borderRadius,
|
|
204
|
+
height: Math.max(1, rect.height),
|
|
205
|
+
left: rect.left,
|
|
206
|
+
top: rect.top,
|
|
207
|
+
width: Math.max(1, rect.width),
|
|
208
|
+
};
|
|
209
|
+
}
|
|
210
|
+
function videoDetailTargetRect(sourceRect, container) {
|
|
211
|
+
const containerRect = videoDetailContainerRect(container);
|
|
212
|
+
if (containerRect) {
|
|
213
|
+
return {
|
|
214
|
+
height: containerRect.height,
|
|
215
|
+
left: 0,
|
|
216
|
+
top: 0,
|
|
217
|
+
width: containerRect.width,
|
|
218
|
+
};
|
|
219
|
+
}
|
|
220
|
+
const width = typeof window === "undefined" ? 390 : window.innerWidth;
|
|
221
|
+
const viewportHeight = typeof window === "undefined"
|
|
222
|
+
? Math.round((width * 16) / 9)
|
|
223
|
+
: window.innerHeight;
|
|
224
|
+
const areaTop = 0;
|
|
225
|
+
const areaHeight = viewportHeight;
|
|
226
|
+
const ratio = sourceRect ? sourceRect.height / sourceRect.width : 9 / 16;
|
|
227
|
+
const height = Math.max(1, Math.min(areaHeight, Math.round(width * ratio)));
|
|
228
|
+
return {
|
|
229
|
+
height,
|
|
230
|
+
left: 0,
|
|
231
|
+
top: areaTop + Math.round((areaHeight - height) / 2),
|
|
232
|
+
width,
|
|
233
|
+
};
|
|
234
|
+
}
|
|
235
|
+
function videoDetailOverlayStyle(backdropColor, container) {
|
|
236
|
+
const rect = videoDetailContainerRect(container);
|
|
237
|
+
return {
|
|
238
|
+
"--cc-video-detail-backdrop-color": backdropColor,
|
|
239
|
+
...(rect
|
|
240
|
+
? {
|
|
241
|
+
borderRadius: rect.borderRadius ?? 0,
|
|
242
|
+
height: rect.height,
|
|
243
|
+
left: 0,
|
|
244
|
+
overflow: "hidden",
|
|
245
|
+
position: "absolute",
|
|
246
|
+
top: 0,
|
|
247
|
+
width: rect.width,
|
|
248
|
+
}
|
|
249
|
+
: {}),
|
|
250
|
+
};
|
|
251
|
+
}
|
|
252
|
+
function videoDetailStyle(state, full, container) {
|
|
253
|
+
const target = videoDetailTargetRect(state.sourceRect, container);
|
|
254
|
+
const containerRect = videoDetailContainerRect(container);
|
|
255
|
+
const sourceRect = state.sourceRect && containerRect
|
|
256
|
+
? {
|
|
257
|
+
...state.sourceRect,
|
|
258
|
+
left: state.sourceRect.left - containerRect.left,
|
|
259
|
+
top: state.sourceRect.top - containerRect.top,
|
|
260
|
+
}
|
|
261
|
+
: state.sourceRect;
|
|
262
|
+
const rect = full ? target : (sourceRect ?? target);
|
|
263
|
+
return {
|
|
264
|
+
"--cc-video-detail-duration": `${state.animationDuration}ms`,
|
|
265
|
+
"--cc-video-detail-backdrop-color": state.backdropColor,
|
|
266
|
+
height: rect.height,
|
|
267
|
+
left: rect.left,
|
|
268
|
+
top: rect.top,
|
|
269
|
+
width: rect.width,
|
|
270
|
+
};
|
|
271
|
+
}
|
|
272
|
+
function VideoDetailTransition({ animationDuration = 420, backdropColor = "rgba(0, 0, 0, 0.96)", className = "cc-video-detail-transition", closeIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), columns = 2, container, detailClassName = "cc-video-detail-transition__detail", gridClassName = "cc-video-detail-transition__grid", itemClassName = "cc-video-detail-transition__item", items, onClose, onOpen, style, ...props }) {
|
|
273
|
+
const controllerRef = React.useRef(new core.VideoDetailTransitionController({
|
|
274
|
+
animationDuration,
|
|
275
|
+
backdropColor,
|
|
276
|
+
items,
|
|
277
|
+
}));
|
|
278
|
+
const [state, setState] = React.useState(() => controllerRef.current.getState());
|
|
279
|
+
const [full, setFull] = React.useState(false);
|
|
280
|
+
const timersRef = React.useRef([]);
|
|
281
|
+
React.useEffect(() => {
|
|
282
|
+
setState(controllerRef.current.updateOptions({
|
|
283
|
+
animationDuration,
|
|
284
|
+
backdropColor,
|
|
285
|
+
items,
|
|
286
|
+
}));
|
|
287
|
+
}, [animationDuration, backdropColor, items]);
|
|
288
|
+
React.useEffect(() => () => {
|
|
289
|
+
timersRef.current.forEach((timer) => window.clearTimeout(timer));
|
|
290
|
+
}, []);
|
|
291
|
+
const schedule = (callback, delay) => {
|
|
292
|
+
const timer = window.setTimeout(callback, delay);
|
|
293
|
+
timersRef.current.push(timer);
|
|
294
|
+
};
|
|
295
|
+
const open = (item, element) => {
|
|
296
|
+
const rect = element.getBoundingClientRect();
|
|
297
|
+
timersRef.current.forEach((timer) => window.clearTimeout(timer));
|
|
298
|
+
timersRef.current = [];
|
|
299
|
+
setFull(false);
|
|
300
|
+
setState(controllerRef.current.open(item.id, {
|
|
301
|
+
height: rect.height,
|
|
302
|
+
left: rect.left,
|
|
303
|
+
top: rect.top,
|
|
304
|
+
width: rect.width,
|
|
305
|
+
}));
|
|
306
|
+
onOpen?.(item);
|
|
307
|
+
window.requestAnimationFrame(() => {
|
|
308
|
+
window.requestAnimationFrame(() => setFull(true));
|
|
309
|
+
});
|
|
310
|
+
schedule(() => setState(controllerRef.current.entered()), animationDuration);
|
|
311
|
+
};
|
|
312
|
+
const close = () => {
|
|
313
|
+
if (!state.activeItem)
|
|
314
|
+
return;
|
|
315
|
+
timersRef.current.forEach((timer) => window.clearTimeout(timer));
|
|
316
|
+
timersRef.current = [];
|
|
317
|
+
setState(controllerRef.current.close());
|
|
318
|
+
setFull(false);
|
|
319
|
+
schedule(() => {
|
|
320
|
+
setState(controllerRef.current.closeNow());
|
|
321
|
+
onClose?.();
|
|
322
|
+
}, animationDuration);
|
|
323
|
+
};
|
|
324
|
+
return (jsxRuntime.jsxs("div", { className: className, style: {
|
|
325
|
+
"--cc-video-detail-columns": columns,
|
|
326
|
+
...style,
|
|
327
|
+
}, ...props, children: [jsxRuntime.jsx("div", { className: gridClassName, children: state.items.map((item) => (jsxRuntime.jsxs("button", { className: itemClassName, type: "button", onClick: (event) => open(item, event.currentTarget), children: [jsxRuntime.jsx("img", { alt: "", src: item.poster }), jsxRuntime.jsxs("span", { className: "cc-video-detail-transition__meta", children: [jsxRuntime.jsx("strong", { children: item.title }), item.duration ? jsxRuntime.jsx("small", { children: item.duration }) : null] })] }, item.id))) }), state.activeItem ? (jsxRuntime.jsxs("div", { className: "cc-video-detail-transition__overlay", "data-open": full || state.phase === "open", style: videoDetailOverlayStyle(state.backdropColor, container), children: [jsxRuntime.jsx("button", { "aria-label": "\u5173\u95ED\u89C6\u9891\u8BE6\u60C5", className: "cc-video-detail-transition__backdrop", type: "button", onClick: close }), jsxRuntime.jsxs("article", { className: detailClassName, "data-phase": state.phase, "data-full": full || state.phase === "open", style: videoDetailStyle(state, full || state.phase === "open", container), children: [jsxRuntime.jsx(VideoPlayer, { autoplay: true, controls: true, muted: true, poster: state.activeItem.poster, sources: state.activeItem.sources, className: "cc-video-detail-transition__video", containerClassName: "cc-video-detail-transition__player" }), jsxRuntime.jsxs("div", { className: "cc-video-detail-transition__content", children: [jsxRuntime.jsx("button", { "aria-label": "\u5173\u95ED\u89C6\u9891\u8BE6\u60C5", type: "button", onClick: close, children: closeIcon }), jsxRuntime.jsx("strong", { children: state.activeItem.title }), state.activeItem.description ? (jsxRuntime.jsx("p", { children: state.activeItem.description })) : null] })] })] })) : null] }));
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
exports.VideoDetailTransition = VideoDetailTransition;
|
|
331
|
+
//# sourceMappingURL=video-detail-transition.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"video-detail-transition.cjs","sources":["../../src/index.tsx"],"names":["createContext","_jsx","useSyncExternalStore","ProgressController","useEffect","_jsxs","useMemo","VideoPlayerController","VideoDetailTransitionController"],"mappings":";;;;;;AAsIA,MAAM,WAAW,iBAAiBA,mBAAa,CAC7C,IAAI,CACL;AAaD,MAAM,cAAc,GAAoC;IACtD,WAAW,EAAE,CAAC,cAAc,CAAC;IAC7B,WAAW,EAAE,CAAC,iBAAiB,CAAC;IAChC,YAAY,EAAE,CAAC,eAAe,CAAC;IAC/B,SAAS,EAAE,CAAC,iBAAiB,CAAC;IAC9B,KAAK,EAAE,CAAC,iBAAiB,CAAC;AAC1B,IAAA,QAAQ,EAAE;QACR,kDAAkD;QAClD,2oBAA2oB;AAC5oB,KAAA;AACD,IAAA,IAAI,EAAE;QACJ,uFAAuF;AACxF,KAAA;AACD,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;CAChC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,GAAG,SAAS,EACrB,IAAI,GAIL,EAAA;AACC,IAAA,QACEC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,MAAM,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,cAAc,GAAG,MAAM,EAC/C,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,WAAW,EAAA,QAAA,EAElB,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAC1BA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAE,CAAC,EAEJ,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,IAJ/B,CAAC,CAKN,CACH,CAAC,EAAA,CACE;AAEV;AAmZA,SAAS,yBAAyB,CAChC,IAA8C,EAC9C,QAAkB,EAClB,QAAkB,EAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,QAAQ,IAAI,IAAI,CAAC,QAAQ;IAClD,OAAO;AACL,QAAA,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,CAAC,gBAAgB,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC3D;AACH;AAoHA,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,OAAO,EACP,SAAS,GAKV,EAAA;AACC,IAAA,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,IACtBA,yBAAM,SAAS,EAAE,SAAS,IAAI,iBAAiB,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,YACvE,MAAM,CAAC,CAAC,CAAC,GACL,IACL,IAAI;AACV;AA02LM,SAAU,WAAW,CAAyC,EAClE,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,cAAc,GAAG,4BAA4B,EAC7C,aAAa,GAAG,IAAI,EACpB,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,cAAc,GAAG,iBAAiB,EAClC,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,CAAC,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,CAAC,EACR,UAAU,EACV,KAAK,EACL,SAAS,GAAG,aAAa,EACzB,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACiB,EAAA;IACzB,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,WAAW,CACuB;IACpC,MAAM,SAAS,GAAGC,0BAAoB,CACpC,CAAC,QAAQ,KACP;UACI,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;AAC3C,UAAE,MAAM,SAAS,EACrB,MAAM,WAAW,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,EAChD,MAAM,WAAW,EAAE,UAAU,CAAC,QAAQ,EAAE,IAAI,IAAI,CACjD;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC;IAC1D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAyB,IAAI,CAAC;AAC3D,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAC9C,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG;UAC/B,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG;UACrB,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC;IAC7D,MAAM,SAAS,GACb,IAAI,IAAI,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS;IACtE,MAAM,cAAc,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC;IAC/C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,IAAI,WAAW,CAAC;IAClD,MAAM,aAAa,GAAG;UAClB,yBAAyB,CACvB,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAAE,EAClE,QAAQ,EACR,QAAQ;AAEZ,UAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;IAC1D,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,IAAI,aAAa,CAAC,QAAQ;AAC/D,IAAA,MAAM,UAAU,GAAG,aAAa,IAAI,KAAK,KAAK,SAAS;IACvD,MAAM,SAAS,GACb,aAAa,IAAI,MAAM,CAAC,QAAQ,CAAC,cAAc;AAC7C,UAAE;AACF,UAAE,MAAM,CAAC,QAAQ,CAAC,KAAK;AACrB,cAAE;cACA,SAAS;AACjB,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,YAAY;AACnD,UAAE;UACA,SAAS;IACb,MAAM,iBAAiB,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC;AAC5D,UAAE,MAAM,CAAC,YAAY;UACnB,gBAAgB;IACpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAIC,uBAAkB,CAAC;AACrB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,SAAS,IAAI,iBAAiB,IAAI,OAAO;AACjD,KAAA,CAAC,CACH;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MACvC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CACjC;AACD,IAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAA,EAAG,IAAI,CAAA,MAAA,CAAQ,GAAG,SAAS;AAClD,IAAA,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,EAAE;IAEtCC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,SAAS;AAC3C,QAAA,OAAO,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE;YAChD,YAAY,EAAE,iBAAiB,IAAI,OAAO;YAC1C,KAAK;YACL,UAAU;AACX,SAAA,CAAC;AACJ,IAAA,CAAC,EAAE,CAAC,iBAAiB,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IAEtEA,eAAS,CAAC,MAAK;AACb,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;AAClC,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,GAAG,EAAE,OAAO;AACZ,YAAA,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC,KAAK;AAC5C,SAAA,CAAC,CACH;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAE5E,MAAM,MAAM,GAAG,CAAC,SAAiB,EAAE,GAAG,GAAG,KAAK,KAAI;QAChD,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;QACtD,IAAI,CAAC,UAAU,IAAI,aAAa;YAAE,QAAQ,CAAC,IAAI,CAAC;QAChD,IAAI,WAAW,IAAI,IAAI;AACrB,YAAA,KAAK,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,KAAY,CAAC;AAC/D,QAAA,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,GAAG;AAAE,YAAA,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC;IAED,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,GAAG,GAAG,KAAK,KAAI;QACzD,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,qBAAqB,EAAE;AACtD,QAAA,IAAI,CAAC,IAAI;YAAE;QACX,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CACjD,OAAO,EACP,IAAI,EACJ,QAAQ,CAAC,OAAO,EAAE,WAAW,IAAI,CAAC,CACnC;QACD,IAAI,CAAC,UAAU,IAAI,aAAa;YAAE,QAAQ,CAAC,IAAI,CAAC;QAChD,IAAI,WAAW,IAAI,IAAI;AACrB,YAAA,KAAK,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,KAAY,CAAC;AAC/D,QAAA,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,GAAG;AAAE,YAAA,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;AACpC,IAAA,CAAC;AAED,IAAA,MAAM,QAAQ,IACZC,0CACiB,KAAK,CAAC,QAAQ,EAAA,kBAAA,EACX,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,SAAS,EAAA,eAAA,EAC1C,aAAa,CAAC,QAAQ,IAAI,SAAS,EAAA,eAAA,EACnC,KAAK,CAAC,GAAG,EAAA,eAAA,EACT,KAAK,CAAC,GAAG,mBACT,KAAK,CAAC,KAAK,EAC1B,SAAS,EAAE,SAAS,EAAA,eAAA,EACL,aAAa,CAAC,QAAQ,EAAA,eAAA,EACtB,QAAQ,sBACL,WAAW,IAAI,CAAC,MAAM,EAAA,eAAA,EACzB,aAAa,CAAC,QAAQ,EACrC,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,GAAG,CAAC,EACzC,SAAS,EAAE,CAAC,KAAK,KAAI;YACnB,IAAI,MAAM,IAAI,CAAC,WAAW;gBAAE;YAC5B,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;gBACxD,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;YAClC,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;gBACvD,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;AAClC,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM;AAAE,gBAAA,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AAC3C,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;AAAE,gBAAA,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AAC5C,QAAA,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,KAAI;YACvB,IAAI,MAAM,IAAI,CAAC,WAAW;gBAAE;YAC5B,KAAK,CAAC,cAAc,EAAE;YACtB,WAAW,CAAC,IAAI,CAAC;AACjB,YAAA,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC;YAChC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;AACxD,QAAA,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,KAAI;AACvB,YAAA,IAAI,CAAC,WAAW,IAAI,CAAC,aAAa,IAAI,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC;gBACjE;AACF,YAAA,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC;AAClC,QAAA,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,KAAI;YACrB,IAAI,MAAM,IAAI,CAAC,WAAW;gBAAE;YAC5B,WAAW,CAAC,KAAK,CAAC;YAClB,KAAK,CAAC,aAAa,CAAC,qBAAqB,GAAG,KAAK,CAAC,SAAS,CAAC;AAC5D,YAAA,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;QACxC,CAAC,EACD,eAAe,EAAE,MAAM,WAAW,CAAC,KAAK,CAAC,KACrC,KAAK,EAAA,QAAA,EAAA,CAETJ,yBAAM,SAAS,EAAC,oBAAoB,EAAA,CAAG,EACvCA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAA,CAAA,CAAG,EAAE,EAAA,CACrC,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;AACL,oBAAA,IAAI,EAAE,CAAA,KAAA,EAAQ,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA,0CAAA,CAA4C;iBAC9E,EAAA,CACD,CAAA,EAAA,CACE,CACP;AAED,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;IAEpC,QACEI,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,cAAc,EAAA,eAAA,EACV,aAAa,CAAC,QAAQ,EAAA,eAAA,EACtB,aAAa,CAAC,QAAQ,EAAA,QAAA,EAAA,CAEpC,KAAK,GAAGJ,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,cAAc,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,GAAG,IAAI,EAC9D,QAAQ,EACR,OAAO,IACNA,cAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CACd,IACA,IAAI,CAAA,EAAA,CACJ;AAEV;SAsZgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,MAAM,EACN,OAAO,GAAG,UAAU,EACpB,SAAS,GAAG,wBAAwB,EACpC,kBAAkB,GAAG,iBAAiB,EACtC,GAAG,KAAK,EACS,EAAA;IACjB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC;AAC5D,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AACvD,IAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjD,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IACnD,MAAM,UAAU,GAAGK,aAAO,CACxB,MACE,IAAIC,0BAAqB,CAAC;QACxB,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,KAAK;QACL,MAAM;QACN,OAAO;QACP,OAAO;AACR,KAAA,CAAC,EACJ,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAC5D;AACD,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE;IACnC,MAAM,MAAM,GAAG,MAAK;AAClB,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO;AAC9B,QAAA,IAAI,CAAC,KAAK;YAAE;QACZ,IAAI,KAAK,CAAC,MAAM;AAAE,YAAA,KAAK,KAAK,CAAC,IAAI,EAAE;;YAC9B,KAAK,CAAC,KAAK,EAAE;AACpB,IAAA,CAAC;IACD,QACEF,yBAAK,SAAS,EAAE,kBAAkB,EAAA,QAAA,EAAA,CAChCJ,cAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAA,IAAA,EACX,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,CAAC,KAAK,KACtB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,CAAC,EAEhD,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC,EAChC,MAAM,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,EAC9B,YAAY,EAAE,CAAC,KAAK,KAClB,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAA,GAE7C,KAAK,EAAA,QAAA,EAER,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MACxBA,cAAA,CAAA,QAAA,EAAA,EAAyB,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAA,EAA9C,MAAM,CAAC,GAAG,CAAwC,CAChE,CAAC,EAAA,CACI,EACP,KAAK,CAAC,QAAQ,IACbI,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CACxCJ,cAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACc,OAAO,GAAG,aAAa,GAAG,YAAY,EAClD,SAAS,EAAC,uBAAuB,kBACnB,OAAO,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,YAEfA,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,4BAA4B,GAAG,EAAA,CAC3D,EACTA,cAAA,CAAC,WAAW,EAAA,EACV,SAAS,EAAC,uCAAuC,EACjD,GAAG,EAAE,QAAQ,IAAI,CAAC,EAClB,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAI,KAAI;AACjB,4BAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO;4BAC9B,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;gCAAE;AACtC,4BAAA,KAAK,CAAC,WAAW,GAAG,IAAI;4BACxB,cAAc,CAAC,IAAI,CAAC;AACtB,wBAAA,CAAC,EAAA,CACD,EACFI,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACpC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAA,KAAA,EAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,EAAA,GAAA,CAAA,EAAA,CACjD,CAAA,EAAA,CACH,IACJ,IAAI,CAAA,EAAA,CACJ;AAEV;AASA,SAAS,2BAA2B,CAClC,SAA+B,EAAA;AAE/B,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;IAC3B,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,EAAE;IACvD,IAAI,SAAS,IAAI,SAAS;QAAE,OAAO,SAAS,CAAC,OAAO;AACpD,IAAA,OAAO,SAAS;AAClB;AAEA,SAAS,wBAAwB,CAAC,SAA+B,EAAA;AAS/D,IAAA,MAAM,OAAO,GAAG,2BAA2B,CAAC,SAAS,CAAC;AACtD,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,SAAS;AAC9B,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;IAC5C,OAAO;AACL,QAAA,YAAY,EACV,OAAO,MAAM,KAAK;AAChB,cAAE;cACA,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY;QACnD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;QAChC,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC;KAC/B;AACH;AAEA,SAAS,qBAAqB,CAC5B,UAAqD,EACrD,SAAgC,EAAA;AAEhC,IAAA,MAAM,aAAa,GAAG,wBAAwB,CAAC,SAAS,CAAC;IACzD,IAAI,aAAa,EAAE;QACjB,OAAO;YACL,MAAM,EAAE,aAAa,CAAC,MAAM;AAC5B,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,aAAa,CAAC,KAAK;SAC3B;IACH;AACA,IAAA,MAAM,KAAK,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,GAAG,GAAG,MAAM,CAAC,UAAU;AACrE,IAAA,MAAM,cAAc,GAClB,OAAO,MAAM,KAAK;AAChB,UAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,EAAE,IAAI,CAAC;AAC7B,UAAE,MAAM,CAAC,WAAW;IACxB,MAAM,OAAO,GAAG,CAAC;IACjB,MAAM,UAAU,GAAG,cAAc;AACjC,IAAA,MAAM,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,GAAG,EAAE;IACxE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IAC3E,OAAO;QACL,MAAM;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,MAAM,IAAI,CAAC,CAAC;QACpD,KAAK;KACN;AACH;AAEA,SAAS,uBAAuB,CAC9B,aAAqB,EACrB,SAAgC,EAAA;AAEhC,IAAA,MAAM,IAAI,GAAG,wBAAwB,CAAC,SAAS,CAAC;IAChD,OAAO;AACL,QAAA,kCAAkC,EAAE,aAAa;AACjD,QAAA,IAAI;AACF,cAAE;AACE,gBAAA,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,CAAC;gBACpC,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB;cACD,EAAE,CAAC;KACe;AAC1B;AAEA,SAAS,gBAAgB,CACvB,KAAiC,EACjC,IAAa,EACb,SAAgC,EAAA;IAEhC,MAAM,MAAM,GAAG,qBAAqB,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC;AACjE,IAAA,MAAM,aAAa,GAAG,wBAAwB,CAAC,SAAS,CAAC;AACzD,IAAA,MAAM,UAAU,GACd,KAAK,CAAC,UAAU,IAAI;AAClB,UAAE;YACE,GAAG,KAAK,CAAC,UAAU;YACnB,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI;YAChD,GAAG,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG;AAC9C;AACH,UAAE,KAAK,CAAC,UAAU;AACtB,IAAA,MAAM,IAAI,GAAG,IAAI,GAAG,MAAM,IAAI,UAAU,IAAI,MAAM,CAAC;IACnD,OAAO;AACL,QAAA,4BAA4B,EAAE,CAAA,EAAG,KAAK,CAAC,iBAAiB,CAAA,EAAA,CAAI;QAC5D,kCAAkC,EAAE,KAAK,CAAC,aAAa;QACvD,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,KAAK;KACK;AAC1B;AAEM,SAAU,qBAAqB,CAAC,EACpC,iBAAiB,GAAG,GAAG,EACvB,aAAa,GAAG,qBAAqB,EACrC,SAAS,GAAG,4BAA4B,EACxC,SAAS,GAAGJ,cAAA,CAAC,SAAS,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,CAAG,EAClC,OAAO,GAAG,CAAC,EACX,SAAS,EACT,eAAe,GAAG,oCAAoC,EACtD,aAAa,GAAG,kCAAkC,EAClD,aAAa,GAAG,kCAAkC,EAClD,KAAK,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACmB,EAAA;IAC3B,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAChC,IAAIO,oCAA+B,CAAC;QAClC,iBAAiB;QACjB,aAAa;QACb,KAAK;AACN,KAAA,CAAC,CACH;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MACvC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CACjC;AACD,IAAA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAW,EAAE,CAAC;AAE5C,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC;YAClC,iBAAiB;YACjB,aAAa;YACb,KAAK;AACN,SAAA,CAAC,CACH;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AAE7C,IAAA,KAAK,CAAC,SAAS,CACb,MAAM,MAAK;AACT,QAAA,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAClE,CAAC,EACD,EAAE,CACH;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,QAAoB,EAAE,KAAa,KAAI;QACvD,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC;AAChD,QAAA,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAC/B,IAAA,CAAC;AAED,IAAA,MAAM,IAAI,GAAG,CAAC,IAAqB,EAAE,OAAoB,KAAI;AAC3D,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;AAC5C,QAAA,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAChE,QAAA,SAAS,CAAC,OAAO,GAAG,EAAE;QACtB,OAAO,CAAC,KAAK,CAAC;QACd,QAAQ,CACN,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;YAClC,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;AAClB,SAAA,CAAC,CACH;AACD,QAAA,MAAM,GAAG,IAAI,CAAC;AACd,QAAA,MAAM,CAAC,qBAAqB,CAAC,MAAK;YAChC,MAAM,CAAC,qBAAqB,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;AACnD,QAAA,CAAC,CAAC;AACF,QAAA,QAAQ,CACN,MAAM,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,EAC/C,iBAAiB,CAClB;AACH,IAAA,CAAC;IAED,MAAM,KAAK,GAAG,MAAK;QACjB,IAAI,CAAC,KAAK,CAAC,UAAU;YAAE;AACvB,QAAA,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAChE,QAAA,SAAS,CAAC,OAAO,GAAG,EAAE;QACtB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACvC,OAAO,CAAC,KAAK,CAAC;QACd,QAAQ,CAAC,MAAK;YACZ,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YAC1C,OAAO,IAAI;QACb,CAAC,EAAE,iBAAiB,CAAC;AACvB,IAAA,CAAC;AAED,IAAA,QACEH,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,EACpB,KAAK,EACH;AACE,YAAA,2BAA2B,EAAE,OAAO;AACpC,YAAA,GAAG,KAAK;AACc,SAAA,EAAA,GAEtB,KAAK,EAAA,QAAA,EAAA,CAETJ,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,aAAa,EAAA,QAAA,EAC1B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACpBI,eAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,aAAa,EAExB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,EAAA,QAAA,EAAA,CAEnDJ,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAA,CAAI,EAChCI,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,CAChDJ,cAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,IAAI,CAAC,KAAK,EAAA,CAAU,EAC5B,IAAI,CAAC,QAAQ,GAAGA,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,IAAI,CAAC,QAAQ,EAAA,CAAS,GAAG,IAAI,CAAA,EAAA,CACjD,CAAA,EAAA,EARF,IAAI,CAAC,EAAE,CASL,CACV,CAAC,EAAA,CACE,EACL,KAAK,CAAC,UAAU,IACfI,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,qCAAqC,EAAA,WAAA,EACpC,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,MAAM,EACzC,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,aAAa,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAE9DJ,cAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACa,sCAAQ,EACnB,SAAS,EAAC,sCAAsC,EAChD,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,KAAK,EAAA,CACd,EACFI,eAAA,CAAA,SAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAAA,YAAA,EACd,KAAK,CAAC,KAAK,EAAA,WAAA,EACZ,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,MAAM,EACzC,KAAK,EAAE,gBAAgB,CACrB,KAAK,EACL,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,MAAM,EAC9B,SAAS,CACV,EAAA,QAAA,EAAA,CAEDJ,cAAA,CAAC,WAAW,EAAA,EACV,QAAQ,EAAA,IAAA,EACR,QAAQ,QACR,KAAK,EAAA,IAAA,EACL,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,EAC/B,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EACjC,SAAS,EAAC,mCAAmC,EAC7C,kBAAkB,EAAC,oCAAoC,EAAA,CACvD,EACFI,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDJ,cAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EAAmB,sCAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EACrD,SAAS,EAAA,CACH,EACTA,cAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,KAAK,CAAC,UAAU,CAAC,KAAK,EAAA,CAAU,EACxC,KAAK,CAAC,UAAU,CAAC,WAAW,IAC3BA,cAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAI,KAAK,CAAC,UAAU,CAAC,WAAW,EAAA,CAAK,IACnC,IAAI,CAAA,EAAA,CACJ,CAAA,EAAA,CACE,CAAA,EAAA,CACN,IACJ,IAAI,CAAA,EAAA,CACJ;AAEV;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"video-detail-transition.d.ts","sourceRoot":"","sources":["../../src/components/video-detail-transition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC"}
|