snice 3.2.0 → 3.3.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/dist/components/accordion/snice-accordion-item.d.ts +2 -2
- package/dist/components/accordion/snice-accordion-item.js +8 -8
- package/dist/components/accordion/snice-accordion-item.js.map +1 -1
- package/dist/components/accordion/snice-accordion.d.ts +2 -2
- package/dist/components/accordion/snice-accordion.js +8 -8
- package/dist/components/accordion/snice-accordion.js.map +1 -1
- package/dist/components/actions/snice-actions.d.ts +28 -0
- package/dist/components/actions/snice-actions.js +220 -0
- package/dist/components/actions/snice-actions.js.map +1 -0
- package/dist/components/actions/snice-actions.types.d.ts +27 -0
- package/dist/components/alert/snice-alert.d.ts +2 -2
- package/dist/components/alert/snice-alert.js +8 -8
- package/dist/components/alert/snice-alert.js.map +1 -1
- package/dist/components/audio-recorder/snice-audio-recorder.d.ts +58 -0
- package/dist/components/audio-recorder/snice-audio-recorder.js +413 -0
- package/dist/components/audio-recorder/snice-audio-recorder.js.map +1 -0
- package/dist/components/audio-recorder/snice-audio-recorder.types.d.ts +28 -0
- package/dist/components/avatar/snice-avatar.d.ts +2 -2
- package/dist/components/avatar/snice-avatar.js +8 -8
- package/dist/components/avatar/snice-avatar.js.map +1 -1
- package/dist/components/badge/snice-badge.d.ts +2 -2
- package/dist/components/badge/snice-badge.js +9 -9
- package/dist/components/badge/snice-badge.js.map +1 -1
- package/dist/components/banner/snice-banner.d.ts +2 -2
- package/dist/components/banner/snice-banner.js +8 -8
- package/dist/components/banner/snice-banner.js.map +1 -1
- package/dist/components/breadcrumbs/snice-breadcrumbs.d.ts +2 -2
- package/dist/components/breadcrumbs/snice-breadcrumbs.js +8 -8
- package/dist/components/breadcrumbs/snice-breadcrumbs.js.map +1 -1
- package/dist/components/button/snice-button.d.ts +2 -2
- package/dist/components/button/snice-button.js +8 -8
- package/dist/components/button/snice-button.js.map +1 -1
- package/dist/components/calendar/snice-calendar.d.ts +46 -0
- package/dist/components/calendar/snice-calendar.js +294 -0
- package/dist/components/calendar/snice-calendar.js.map +1 -0
- package/dist/components/calendar/snice-calendar.types.d.ts +34 -0
- package/dist/components/camera/snice-camera.d.ts +39 -0
- package/dist/components/camera/snice-camera.js +286 -0
- package/dist/components/camera/snice-camera.js.map +1 -0
- package/dist/components/camera/snice-camera.types.d.ts +28 -0
- package/dist/components/card/snice-card.d.ts +2 -2
- package/dist/components/card/snice-card.js +8 -8
- package/dist/components/card/snice-card.js.map +1 -1
- package/dist/components/carousel/snice-carousel.d.ts +32 -0
- package/dist/components/carousel/snice-carousel.js +279 -0
- package/dist/components/carousel/snice-carousel.js.map +1 -0
- package/dist/components/carousel/snice-carousel.types.d.ts +22 -0
- package/dist/components/chart/snice-chart.d.ts +73 -0
- package/dist/components/chart/snice-chart.js +940 -0
- package/dist/components/chart/snice-chart.js.map +1 -0
- package/dist/components/chart/snice-chart.types.d.ts +71 -0
- package/dist/components/chat/snice-chat.d.ts +98 -0
- package/dist/components/chat/snice-chat.js +589 -0
- package/dist/components/chat/snice-chat.js.map +1 -0
- package/dist/components/chat/snice-chat.types.d.ts +141 -0
- package/dist/components/checkbox/snice-checkbox.d.ts +2 -2
- package/dist/components/checkbox/snice-checkbox.js +8 -8
- package/dist/components/checkbox/snice-checkbox.js.map +1 -1
- package/dist/components/chip/snice-chip.d.ts +2 -2
- package/dist/components/chip/snice-chip.js +8 -8
- package/dist/components/chip/snice-chip.js.map +1 -1
- package/dist/components/code-block/snice-code-block.d.ts +15 -0
- package/dist/components/code-block/snice-code-block.js +141 -0
- package/dist/components/code-block/snice-code-block.js.map +1 -0
- package/dist/components/code-block/snice-code-block.types.d.ts +15 -0
- package/dist/components/color-display/snice-color-display.d.ts +2 -2
- package/dist/components/color-display/snice-color-display.js +9 -9
- package/dist/components/color-display/snice-color-display.js.map +1 -1
- package/dist/components/color-picker/snice-color-picker.d.ts +2 -2
- package/dist/components/color-picker/snice-color-picker.js +8 -8
- package/dist/components/color-picker/snice-color-picker.js.map +1 -1
- package/dist/components/command-palette/snice-command-palette.d.ts +47 -0
- package/dist/components/command-palette/snice-command-palette.js +428 -0
- package/dist/components/command-palette/snice-command-palette.js.map +1 -0
- package/dist/components/command-palette/snice-command-palette.types.d.ts +49 -0
- package/dist/components/date-picker/snice-date-picker.d.ts +2 -2
- package/dist/components/date-picker/snice-date-picker.js +9 -9
- package/dist/components/date-picker/snice-date-picker.js.map +1 -1
- package/dist/components/divider/snice-divider.d.ts +2 -2
- package/dist/components/divider/snice-divider.js +8 -8
- package/dist/components/divider/snice-divider.js.map +1 -1
- package/dist/components/doc/snice-doc.d.ts +93 -0
- package/dist/components/doc/snice-doc.js +626 -0
- package/dist/components/doc/snice-doc.js.map +1 -0
- package/dist/components/doc/snice-doc.types.d.ts +118 -0
- package/dist/components/draw/snice-draw.d.ts +71 -0
- package/dist/components/draw/snice-draw.js +709 -0
- package/dist/components/draw/snice-draw.js.map +1 -0
- package/dist/components/draw/snice-draw.types.d.ts +41 -0
- package/dist/components/drawer/snice-drawer.d.ts +2 -2
- package/dist/components/drawer/snice-drawer.js +8 -8
- package/dist/components/drawer/snice-drawer.js.map +1 -1
- package/dist/components/empty-state/snice-empty-state.d.ts +2 -2
- package/dist/components/empty-state/snice-empty-state.js +8 -8
- package/dist/components/empty-state/snice-empty-state.js.map +1 -1
- package/dist/components/file-upload/snice-file-upload.d.ts +2 -3
- package/dist/components/file-upload/snice-file-upload.js +8 -15
- package/dist/components/file-upload/snice-file-upload.js.map +1 -1
- package/dist/components/gantt/snice-gantt.d.ts +29 -0
- package/dist/components/gantt/snice-gantt.js +268 -0
- package/dist/components/gantt/snice-gantt.js.map +1 -0
- package/dist/components/gantt/snice-gantt.types.d.ts +23 -0
- package/dist/components/image/snice-image.d.ts +2 -2
- package/dist/components/image/snice-image.js +9 -9
- package/dist/components/image/snice-image.js.map +1 -1
- package/dist/components/input/snice-input.d.ts +2 -2
- package/dist/components/input/snice-input.js +8 -8
- package/dist/components/input/snice-input.js.map +1 -1
- package/dist/components/kanban/snice-kanban.d.ts +31 -0
- package/dist/components/kanban/snice-kanban.js +243 -0
- package/dist/components/kanban/snice-kanban.js.map +1 -0
- package/dist/components/kanban/snice-kanban.types.d.ts +29 -0
- package/dist/components/kpi/snice-kpi.d.ts +2 -2
- package/dist/components/kpi/snice-kpi.js +10 -10
- package/dist/components/kpi/snice-kpi.js.map +1 -1
- package/dist/components/layout/snice-layout-blog.d.ts +2 -2
- package/dist/components/layout/snice-layout-blog.js +8 -8
- package/dist/components/layout/snice-layout-blog.js.map +1 -1
- package/dist/components/layout/snice-layout-card.d.ts +2 -2
- package/dist/components/layout/snice-layout-card.js +8 -8
- package/dist/components/layout/snice-layout-card.js.map +1 -1
- package/dist/components/layout/snice-layout-centered.d.ts +2 -2
- package/dist/components/layout/snice-layout-centered.js +8 -8
- package/dist/components/layout/snice-layout-centered.js.map +1 -1
- package/dist/components/layout/snice-layout-dashboard.d.ts +2 -2
- package/dist/components/layout/snice-layout-dashboard.js +8 -8
- package/dist/components/layout/snice-layout-dashboard.js.map +1 -1
- package/dist/components/layout/snice-layout-fullscreen.d.ts +2 -2
- package/dist/components/layout/snice-layout-fullscreen.js +8 -8
- package/dist/components/layout/snice-layout-fullscreen.js.map +1 -1
- package/dist/components/layout/snice-layout-landing.d.ts +2 -2
- package/dist/components/layout/snice-layout-landing.js +8 -8
- package/dist/components/layout/snice-layout-landing.js.map +1 -1
- package/dist/components/layout/snice-layout-minimal.d.ts +2 -2
- package/dist/components/layout/snice-layout-minimal.js +8 -8
- package/dist/components/layout/snice-layout-minimal.js.map +1 -1
- package/dist/components/layout/snice-layout-sidebar.d.ts +2 -2
- package/dist/components/layout/snice-layout-sidebar.js +8 -8
- package/dist/components/layout/snice-layout-sidebar.js.map +1 -1
- package/dist/components/layout/snice-layout-split.d.ts +2 -2
- package/dist/components/layout/snice-layout-split.js +8 -8
- package/dist/components/layout/snice-layout-split.js.map +1 -1
- package/dist/components/layout/snice-layout.d.ts +2 -2
- package/dist/components/layout/snice-layout.js +8 -8
- package/dist/components/layout/snice-layout.js.map +1 -1
- package/dist/components/link/snice-link.d.ts +2 -2
- package/dist/components/link/snice-link.js +9 -9
- package/dist/components/link/snice-link.js.map +1 -1
- package/dist/components/list/snice-list-item.d.ts +6 -0
- package/dist/components/list/snice-list-item.js +68 -0
- package/dist/components/list/snice-list-item.js.map +1 -0
- package/dist/components/list/snice-list.d.ts +23 -0
- package/dist/components/list/snice-list.js +270 -0
- package/dist/components/list/snice-list.js.map +1 -0
- package/dist/components/list/snice-list.types.d.ts +28 -0
- package/dist/components/location/snice-location.d.ts +35 -0
- package/dist/components/location/snice-location.js +238 -0
- package/dist/components/location/snice-location.js.map +1 -0
- package/dist/components/location/snice-location.types.d.ts +35 -0
- package/dist/components/login/snice-login.d.ts +2 -2
- package/dist/components/login/snice-login.js +8 -8
- package/dist/components/login/snice-login.js.map +1 -1
- package/dist/components/menu/snice-menu-divider.d.ts +4 -0
- package/dist/components/menu/snice-menu-divider.js +53 -0
- package/dist/components/menu/snice-menu-divider.js.map +1 -0
- package/dist/components/menu/snice-menu-item.d.ts +10 -0
- package/dist/components/menu/snice-menu-item.js +99 -0
- package/dist/components/menu/snice-menu-item.js.map +1 -0
- package/dist/components/menu/snice-menu-item.types.d.ts +9 -0
- package/dist/components/menu/snice-menu.d.ts +27 -0
- package/dist/components/menu/snice-menu.js +199 -0
- package/dist/components/menu/snice-menu.js.map +1 -0
- package/dist/components/menu/snice-menu.types.d.ts +18 -0
- package/dist/components/modal/snice-modal.d.ts +2 -2
- package/dist/components/modal/snice-modal.js +8 -8
- package/dist/components/modal/snice-modal.js.map +1 -1
- package/dist/components/nav/snice-nav.js.map +1 -1
- package/dist/components/pagination/snice-pagination.d.ts +2 -2
- package/dist/components/pagination/snice-pagination.js +8 -8
- package/dist/components/pagination/snice-pagination.js.map +1 -1
- package/dist/components/progress/snice-progress.d.ts +2 -2
- package/dist/components/progress/snice-progress.js +8 -8
- package/dist/components/progress/snice-progress.js.map +1 -1
- package/dist/components/qr-code/qrcode.d.ts +28 -0
- package/dist/components/qr-code/qrcode.js +906 -0
- package/dist/components/qr-code/qrcode.js.map +1 -0
- package/dist/components/qr-code/snice-qr-code.d.ts +35 -0
- package/dist/components/qr-code/snice-qr-code.js +256 -0
- package/dist/components/qr-code/snice-qr-code.js.map +1 -0
- package/dist/components/qr-code/snice-qr-code.types.d.ts +33 -0
- package/dist/components/radio/snice-radio.d.ts +2 -2
- package/dist/components/radio/snice-radio.js +8 -8
- package/dist/components/radio/snice-radio.js.map +1 -1
- package/dist/components/select/snice-option.d.ts +2 -2
- package/dist/components/select/snice-option.js +8 -8
- package/dist/components/select/snice-option.js.map +1 -1
- package/dist/components/select/snice-select.d.ts +2 -2
- package/dist/components/select/snice-select.js +8 -8
- package/dist/components/select/snice-select.js.map +1 -1
- package/dist/components/skeleton/snice-skeleton.d.ts +2 -2
- package/dist/components/skeleton/snice-skeleton.js +8 -8
- package/dist/components/skeleton/snice-skeleton.js.map +1 -1
- package/dist/components/slider/snice-slider.d.ts +2 -2
- package/dist/components/slider/snice-slider.js +8 -8
- package/dist/components/slider/snice-slider.js.map +1 -1
- package/dist/components/sparkline/snice-sparkline.d.ts +2 -2
- package/dist/components/sparkline/snice-sparkline.js +9 -9
- package/dist/components/sparkline/snice-sparkline.js.map +1 -1
- package/dist/components/spinner/snice-spinner.d.ts +2 -2
- package/dist/components/spinner/snice-spinner.js +9 -9
- package/dist/components/spinner/snice-spinner.js.map +1 -1
- package/dist/components/split-pane/snice-split-pane.d.ts +32 -0
- package/dist/components/split-pane/snice-split-pane.js +191 -0
- package/dist/components/split-pane/snice-split-pane.js.map +1 -0
- package/dist/components/split-pane/snice-split-pane.types.d.ts +19 -0
- package/dist/components/stat/snice-stat.d.ts +14 -0
- package/dist/components/stat/snice-stat.js +140 -0
- package/dist/components/stat/snice-stat.js.map +1 -0
- package/dist/components/stat/snice-stat.types.d.ts +12 -0
- package/dist/components/stepper/snice-stepper-panel.d.ts +2 -2
- package/dist/components/stepper/snice-stepper-panel.js +9 -9
- package/dist/components/stepper/snice-stepper-panel.js.map +1 -1
- package/dist/components/stepper/snice-stepper.d.ts +2 -2
- package/dist/components/stepper/snice-stepper.js +9 -9
- package/dist/components/stepper/snice-stepper.js.map +1 -1
- package/dist/components/switch/snice-switch.d.ts +2 -2
- package/dist/components/switch/snice-switch.js +8 -8
- package/dist/components/switch/snice-switch.js.map +1 -1
- package/dist/components/table/snice-cell-actions.d.ts +2 -2
- package/dist/components/table/snice-cell-actions.js +8 -8
- package/dist/components/table/snice-cell-actions.js.map +1 -1
- package/dist/components/table/snice-cell-boolean.d.ts +2 -2
- package/dist/components/table/snice-cell-boolean.js +8 -8
- package/dist/components/table/snice-cell-boolean.js.map +1 -1
- package/dist/components/table/snice-cell-color.d.ts +2 -2
- package/dist/components/table/snice-cell-color.js +8 -8
- package/dist/components/table/snice-cell-color.js.map +1 -1
- package/dist/components/table/snice-cell-currency.d.ts +2 -2
- package/dist/components/table/snice-cell-currency.js +8 -8
- package/dist/components/table/snice-cell-currency.js.map +1 -1
- package/dist/components/table/snice-cell-date.d.ts +2 -2
- package/dist/components/table/snice-cell-date.js +8 -8
- package/dist/components/table/snice-cell-date.js.map +1 -1
- package/dist/components/table/snice-cell-duration.d.ts +2 -2
- package/dist/components/table/snice-cell-duration.js +8 -8
- package/dist/components/table/snice-cell-duration.js.map +1 -1
- package/dist/components/table/snice-cell-email.d.ts +2 -2
- package/dist/components/table/snice-cell-email.js +8 -8
- package/dist/components/table/snice-cell-email.js.map +1 -1
- package/dist/components/table/snice-cell-filesize.d.ts +2 -2
- package/dist/components/table/snice-cell-filesize.js +8 -8
- package/dist/components/table/snice-cell-filesize.js.map +1 -1
- package/dist/components/table/snice-cell-image.d.ts +2 -2
- package/dist/components/table/snice-cell-image.js +8 -8
- package/dist/components/table/snice-cell-image.js.map +1 -1
- package/dist/components/table/snice-cell-json.d.ts +2 -2
- package/dist/components/table/snice-cell-json.js +8 -8
- package/dist/components/table/snice-cell-json.js.map +1 -1
- package/dist/components/table/snice-cell-link.d.ts +2 -2
- package/dist/components/table/snice-cell-link.js +8 -8
- package/dist/components/table/snice-cell-link.js.map +1 -1
- package/dist/components/table/snice-cell-location.d.ts +2 -2
- package/dist/components/table/snice-cell-location.js +8 -8
- package/dist/components/table/snice-cell-location.js.map +1 -1
- package/dist/components/table/snice-cell-number.d.ts +2 -2
- package/dist/components/table/snice-cell-number.js +8 -8
- package/dist/components/table/snice-cell-number.js.map +1 -1
- package/dist/components/table/snice-cell-percentage.d.ts +2 -2
- package/dist/components/table/snice-cell-percentage.js +8 -8
- package/dist/components/table/snice-cell-percentage.js.map +1 -1
- package/dist/components/table/snice-cell-phone.d.ts +2 -2
- package/dist/components/table/snice-cell-phone.js +8 -8
- package/dist/components/table/snice-cell-phone.js.map +1 -1
- package/dist/components/table/snice-cell-progress.d.ts +2 -2
- package/dist/components/table/snice-cell-progress.js +8 -8
- package/dist/components/table/snice-cell-progress.js.map +1 -1
- package/dist/components/table/snice-cell-rating.d.ts +2 -2
- package/dist/components/table/snice-cell-rating.js +8 -8
- package/dist/components/table/snice-cell-rating.js.map +1 -1
- package/dist/components/table/snice-cell-sparkline.d.ts +2 -2
- package/dist/components/table/snice-cell-sparkline.js +8 -8
- package/dist/components/table/snice-cell-sparkline.js.map +1 -1
- package/dist/components/table/snice-cell-status.d.ts +2 -2
- package/dist/components/table/snice-cell-status.js +8 -8
- package/dist/components/table/snice-cell-status.js.map +1 -1
- package/dist/components/table/snice-cell-tag.d.ts +2 -2
- package/dist/components/table/snice-cell-tag.js +8 -8
- package/dist/components/table/snice-cell-tag.js.map +1 -1
- package/dist/components/table/snice-cell-text.d.ts +2 -2
- package/dist/components/table/snice-cell-text.js +8 -8
- package/dist/components/table/snice-cell-text.js.map +1 -1
- package/dist/components/table/snice-cell.d.ts +2 -2
- package/dist/components/table/snice-cell.js +8 -8
- package/dist/components/table/snice-cell.js.map +1 -1
- package/dist/components/table/snice-column.d.ts +1 -1
- package/dist/components/table/snice-column.js +4 -4
- package/dist/components/table/snice-column.js.map +1 -1
- package/dist/components/table/snice-header.d.ts +2 -2
- package/dist/components/table/snice-header.js +8 -8
- package/dist/components/table/snice-header.js.map +1 -1
- package/dist/components/table/snice-progress.d.ts +2 -2
- package/dist/components/table/snice-progress.js +8 -8
- package/dist/components/table/snice-progress.js.map +1 -1
- package/dist/components/table/snice-rating.d.ts +2 -2
- package/dist/components/table/snice-rating.js +8 -8
- package/dist/components/table/snice-rating.js.map +1 -1
- package/dist/components/table/snice-row.d.ts +2 -2
- package/dist/components/table/snice-row.js +8 -8
- package/dist/components/table/snice-row.js.map +1 -1
- package/dist/components/table/snice-table.d.ts +2 -3
- package/dist/components/table/snice-table.js +8 -13
- package/dist/components/table/snice-table.js.map +1 -1
- package/dist/components/tabs/snice-tab-panel.d.ts +2 -2
- package/dist/components/tabs/snice-tab-panel.js +8 -8
- package/dist/components/tabs/snice-tab-panel.js.map +1 -1
- package/dist/components/tabs/snice-tab.d.ts +2 -2
- package/dist/components/tabs/snice-tab.js +8 -8
- package/dist/components/tabs/snice-tab.js.map +1 -1
- package/dist/components/tabs/snice-tabs.d.ts +2 -2
- package/dist/components/tabs/snice-tabs.js +8 -8
- package/dist/components/tabs/snice-tabs.js.map +1 -1
- package/dist/components/terminal/snice-terminal.types.d.ts +133 -0
- package/dist/components/textarea/snice-textarea.d.ts +2 -2
- package/dist/components/textarea/snice-textarea.js +8 -8
- package/dist/components/textarea/snice-textarea.js.map +1 -1
- package/dist/components/timeline/snice-timeline.d.ts +1 -1
- package/dist/components/timeline/snice-timeline.js +5 -5
- package/dist/components/timeline/snice-timeline.js.map +1 -1
- package/dist/components/toast/snice-toast-container.d.ts +2 -2
- package/dist/components/toast/snice-toast-container.js +8 -8
- package/dist/components/toast/snice-toast-container.js.map +1 -1
- package/dist/components/toast/snice-toast.d.ts +2 -2
- package/dist/components/toast/snice-toast.js +8 -8
- package/dist/components/toast/snice-toast.js.map +1 -1
- package/dist/components/tooltip/snice-tooltip.d.ts +2 -2
- package/dist/components/tooltip/snice-tooltip.js +8 -8
- package/dist/components/tooltip/snice-tooltip.js.map +1 -1
- package/dist/components/tree/snice-tree-item.d.ts +35 -0
- package/dist/components/tree/snice-tree-item.js +301 -0
- package/dist/components/tree/snice-tree-item.js.map +1 -0
- package/dist/components/tree/snice-tree-item.types.d.ts +30 -0
- package/dist/components/tree/snice-tree.d.ts +45 -0
- package/dist/components/tree/snice-tree.js +390 -0
- package/dist/components/tree/snice-tree.js.map +1 -0
- package/dist/components/tree/snice-tree.types.d.ts +65 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.d.ts +31 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.js +160 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.js.map +1 -0
- package/dist/components/virtual-scroller/snice-virtual-scroller.types.d.ts +19 -0
- package/dist/index.cjs +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.iife.js +1 -1
- package/dist/symbols.cjs +1 -1
- package/dist/symbols.esm.js +1 -1
- package/dist/transitions.cjs +1 -1
- package/dist/transitions.esm.js +1 -1
- package/docs/ai/components/actions.md +81 -0
- package/docs/ai/components/audio-recorder.md +97 -0
- package/docs/ai/components/calendar.md +95 -0
- package/docs/ai/components/camera.md +130 -0
- package/docs/ai/components/carousel.md +49 -0
- package/docs/ai/components/chart.md +160 -0
- package/docs/ai/components/chat.md +189 -0
- package/docs/ai/components/code-block.md +32 -0
- package/docs/ai/components/command-palette.md +117 -0
- package/docs/ai/components/doc.md +154 -0
- package/docs/ai/components/draw.md +140 -0
- package/docs/ai/components/gantt.md +95 -0
- package/docs/ai/components/kanban.md +102 -0
- package/docs/ai/components/layout.md +261 -0
- package/docs/ai/components/list.md +50 -0
- package/docs/ai/components/location.md +75 -0
- package/docs/ai/components/menu.md +114 -0
- package/docs/ai/components/popover.md +70 -0
- package/docs/ai/components/qr-code.md +106 -0
- package/docs/ai/components/split-pane.md +71 -0
- package/docs/ai/components/stat.md +29 -0
- package/docs/ai/components/tree.md +191 -0
- package/docs/ai/components/virtual-scroller.md +71 -0
- package/docs/components/actions.md +317 -0
- package/docs/components/alert.md +540 -0
- package/docs/components/audio-recorder.md +152 -0
- package/docs/components/badge.md +593 -0
- package/docs/components/breadcrumbs.md +568 -0
- package/docs/components/button.md +648 -0
- package/docs/components/calendar.md +397 -0
- package/docs/components/camera.md +383 -0
- package/docs/components/card.md +778 -0
- package/docs/components/carousel.md +63 -0
- package/docs/components/chart.md +526 -0
- package/docs/components/chat.md +482 -0
- package/docs/components/checkbox.md +714 -0
- package/docs/components/chip.md +670 -0
- package/docs/components/code-block.md +49 -0
- package/docs/components/command-palette.md +159 -0
- package/docs/components/doc.md +357 -0
- package/docs/components/draw.md +307 -0
- package/docs/components/gantt.md +347 -0
- package/docs/components/kanban.md +410 -0
- package/docs/components/list.md +65 -0
- package/docs/components/location.md +369 -0
- package/docs/components/menu.md +633 -0
- package/docs/components/popover.md +333 -0
- package/docs/components/qr-code.md +464 -0
- package/docs/components/split-pane.md +315 -0
- package/docs/components/stat.md +45 -0
- package/docs/components/tree.md +536 -0
- package/docs/components/virtual-scroller.md +298 -0
- package/package.json +1 -1
|
@@ -0,0 +1,286 @@
|
|
|
1
|
+
import { __runInitializers, __esDecorate } from 'tslib';
|
|
2
|
+
import { element, property, query, styles, render, dispatch, css, html } from 'snice';
|
|
3
|
+
|
|
4
|
+
var cameraStyles = ":host{display:block;width:100%;max-width:40rem;position:relative;background:rgb(0 0 0);border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.camera-container{position:relative;width:100%;padding-bottom:var(--aspect-ratio,75%);background:rgb(0 0 0)}:host([aspect-ratio=\"16:9\"]) .camera-container{padding-bottom:56.25%}:host([aspect-ratio=\"4:3\"]) .camera-container{padding-bottom:75%}:host([aspect-ratio=\"1:1\"]) .camera-container{padding-bottom:100%}:host([aspect-ratio=\"21:9\"]) .camera-container{padding-bottom:42.857%}.camera-container:fullscreen{padding-bottom:0;height:100vh}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}video.mirror{transform:scaleX(-1)}.custom-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.custom-controls ::slotted(*){pointer-events:auto}.camera-controls{position:absolute;display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);pointer-events:auto;z-index:5}.camera-controls.bottom{bottom:0;left:0;right:0;justify-content:center;flex-direction:row;padding:var(--snice-spacing-xl,1.875rem) var(--snice-spacing-lg,1.25rem);background:linear-gradient(to top,rgb(0 0 0 / .5),transparent)}.camera-controls.right{top:0;right:0;bottom:0;flex-direction:column;justify-content:center;padding:var(--snice-spacing-lg,1.25rem) var(--snice-spacing-xl,1.5rem);background:linear-gradient(to left,rgb(0 0 0 / .5),transparent)}.camera-controls.left{top:0;left:0;bottom:0;flex-direction:column;justify-content:center;padding:var(--snice-spacing-lg,1.25rem) var(--snice-spacing-xl,1.5rem);background:linear-gradient(to right,rgb(0 0 0 / .5),transparent)}.camera-controls.top{top:0;left:0;right:0;justify-content:center;flex-direction:row;padding:var(--snice-spacing-xl,1.875rem) var(--snice-spacing-lg,1.25rem);background:linear-gradient(to bottom,rgb(0 0 0 / .5),transparent)}.camera-controls.bottom-left{bottom:var(--snice-spacing-lg,1.25rem);left:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-controls.bottom-right{bottom:var(--snice-spacing-lg,1.25rem);right:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-controls.top-left{top:var(--snice-spacing-lg,1.25rem);left:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-controls.top-right{top:var(--snice-spacing-lg,1.25rem);right:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-btn{width:3rem;height:3rem;border-radius:var(--snice-border-radius-circle,50%);border:none;background:rgb(0 0 0 / .4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--snice-transition-fast, 150ms) ease;color:rgb(255 255 255);backdrop-filter:blur(0.5rem);padding:0}.camera-btn:hover{background:rgb(0 0 0 / .6);transform:scale(1.05)}.camera-btn:active{transform:scale(.95)}.camera-btn.switch{width:2.5rem;height:2.5rem}.camera-btn.switch svg{width:1.25rem;height:1.25rem;opacity:.9}.camera-btn.capture{width:3.5rem;height:3.5rem;background:rgb(255 255 255 / .95);color:rgb(51 51 51)}.camera-btn.capture:hover{background:rgb(255 255 255)}.camera-btn.capture svg{width:1.5rem;height:1.5rem}.camera-status{position:absolute;top:var(--snice-spacing-md,1rem);left:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);background:rgb(0 0 0 / .7);color:rgb(255 255 255);border-radius:var(--snice-border-radius-sm,.25rem);font-size:var(--snice-font-size-xs, .75rem);display:flex;align-items:center;gap:var(--snice-spacing-xs,.375rem)}.camera-status.active::before{content:'';width:.5rem;height:.5rem;border-radius:var(--snice-border-radius-circle,50%);background:var(--snice-color-success,rgb(76 175 80));animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.camera-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(244 67 54 / .9);color:rgb(255 255 255);padding:var(--snice-spacing-md,1rem) var(--snice-spacing-xl,1.5rem);border-radius:var(--snice-border-radius-lg,.5rem);text-align:center;max-width:80%}.camera-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:rgb(255 255 255);opacity:.5}.camera-placeholder svg{width:4rem;height:4rem;margin-bottom:var(--snice-spacing-sm,.75rem)}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255);opacity:0;pointer-events:none;transition:opacity var(--snice-transition-fast, 100ms) ease}.flash-overlay.active{opacity:.8}";
|
|
5
|
+
|
|
6
|
+
let SniceCamera = (() => {
|
|
7
|
+
let _classDecorators = [element('snice-camera')];
|
|
8
|
+
let _classDescriptor;
|
|
9
|
+
let _classExtraInitializers = [];
|
|
10
|
+
let _classThis;
|
|
11
|
+
let _classSuper = HTMLElement;
|
|
12
|
+
let _instanceExtraInitializers = [];
|
|
13
|
+
let _autoStart_decorators;
|
|
14
|
+
let _autoStart_initializers = [];
|
|
15
|
+
let _autoStart_extraInitializers = [];
|
|
16
|
+
let _facingMode_decorators;
|
|
17
|
+
let _facingMode_initializers = [];
|
|
18
|
+
let _facingMode_extraInitializers = [];
|
|
19
|
+
let _mirror_decorators;
|
|
20
|
+
let _mirror_initializers = [];
|
|
21
|
+
let _mirror_extraInitializers = [];
|
|
22
|
+
let _controlsPosition_decorators;
|
|
23
|
+
let _controlsPosition_initializers = [];
|
|
24
|
+
let _controlsPosition_extraInitializers = [];
|
|
25
|
+
let _showControls_decorators;
|
|
26
|
+
let _showControls_initializers = [];
|
|
27
|
+
let _showControls_extraInitializers = [];
|
|
28
|
+
let _width_decorators;
|
|
29
|
+
let _width_initializers = [];
|
|
30
|
+
let _width_extraInitializers = [];
|
|
31
|
+
let _height_decorators;
|
|
32
|
+
let _height_initializers = [];
|
|
33
|
+
let _height_extraInitializers = [];
|
|
34
|
+
let _aspectRatio_decorators;
|
|
35
|
+
let _aspectRatio_initializers = [];
|
|
36
|
+
let _aspectRatio_extraInitializers = [];
|
|
37
|
+
let _video_decorators;
|
|
38
|
+
let _video_initializers = [];
|
|
39
|
+
let _video_extraInitializers = [];
|
|
40
|
+
let _container_decorators;
|
|
41
|
+
let _container_initializers = [];
|
|
42
|
+
let _container_extraInitializers = [];
|
|
43
|
+
let _styles_decorators;
|
|
44
|
+
let _render_decorators;
|
|
45
|
+
let _emitCameraStart_decorators;
|
|
46
|
+
let _emitCameraError_decorators;
|
|
47
|
+
let _emitCameraStop_decorators;
|
|
48
|
+
let _emitCameraCapture_decorators;
|
|
49
|
+
(class extends _classSuper {
|
|
50
|
+
static { _classThis = this; }
|
|
51
|
+
constructor() {
|
|
52
|
+
super(...arguments);
|
|
53
|
+
this.autoStart = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _autoStart_initializers, true));
|
|
54
|
+
this.facingMode = (__runInitializers(this, _autoStart_extraInitializers), __runInitializers(this, _facingMode_initializers, 'user'));
|
|
55
|
+
this.mirror = (__runInitializers(this, _facingMode_extraInitializers), __runInitializers(this, _mirror_initializers, true));
|
|
56
|
+
this.controlsPosition = (__runInitializers(this, _mirror_extraInitializers), __runInitializers(this, _controlsPosition_initializers, 'auto'));
|
|
57
|
+
this.showControls = (__runInitializers(this, _controlsPosition_extraInitializers), __runInitializers(this, _showControls_initializers, true));
|
|
58
|
+
this.width = (__runInitializers(this, _showControls_extraInitializers), __runInitializers(this, _width_initializers, 1280));
|
|
59
|
+
this.height = (__runInitializers(this, _width_extraInitializers), __runInitializers(this, _height_initializers, 720));
|
|
60
|
+
this.aspectRatio = (__runInitializers(this, _height_extraInitializers), __runInitializers(this, _aspectRatio_initializers, ''));
|
|
61
|
+
this.video = (__runInitializers(this, _aspectRatio_extraInitializers), __runInitializers(this, _video_initializers, void 0));
|
|
62
|
+
this.container = (__runInitializers(this, _video_extraInitializers), __runInitializers(this, _container_initializers, void 0));
|
|
63
|
+
this.stream = (__runInitializers(this, _container_extraInitializers), null);
|
|
64
|
+
this.active = false;
|
|
65
|
+
this.hasMultipleCameras = false;
|
|
66
|
+
}
|
|
67
|
+
static {
|
|
68
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
69
|
+
_autoStart_decorators = [property({ type: Boolean, attribute: 'auto-start' })];
|
|
70
|
+
_facingMode_decorators = [property({ type: String, attribute: 'facing-mode' })];
|
|
71
|
+
_mirror_decorators = [property({ type: Boolean })];
|
|
72
|
+
_controlsPosition_decorators = [property({ type: String, attribute: 'controls-position' })];
|
|
73
|
+
_showControls_decorators = [property({ type: Boolean, attribute: 'show-controls' })];
|
|
74
|
+
_width_decorators = [property({ type: Number })];
|
|
75
|
+
_height_decorators = [property({ type: Number })];
|
|
76
|
+
_aspectRatio_decorators = [property({ type: String, attribute: 'aspect-ratio' })];
|
|
77
|
+
_video_decorators = [query('video')];
|
|
78
|
+
_container_decorators = [query('.camera-container')];
|
|
79
|
+
_styles_decorators = [styles()];
|
|
80
|
+
_render_decorators = [render()];
|
|
81
|
+
_emitCameraStart_decorators = [dispatch('@snice/camera-start', { bubbles: true, composed: true })];
|
|
82
|
+
_emitCameraError_decorators = [dispatch('@snice/camera-error', { bubbles: true, composed: true })];
|
|
83
|
+
_emitCameraStop_decorators = [dispatch('@snice/camera-stop', { bubbles: true, composed: true })];
|
|
84
|
+
_emitCameraCapture_decorators = [dispatch('@snice/camera-capture', { bubbles: true, composed: true })];
|
|
85
|
+
__esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
86
|
+
__esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
87
|
+
__esDecorate(this, null, _emitCameraStart_decorators, { kind: "method", name: "emitCameraStart", static: false, private: false, access: { has: obj => "emitCameraStart" in obj, get: obj => obj.emitCameraStart }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
88
|
+
__esDecorate(this, null, _emitCameraError_decorators, { kind: "method", name: "emitCameraError", static: false, private: false, access: { has: obj => "emitCameraError" in obj, get: obj => obj.emitCameraError }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
89
|
+
__esDecorate(this, null, _emitCameraStop_decorators, { kind: "method", name: "emitCameraStop", static: false, private: false, access: { has: obj => "emitCameraStop" in obj, get: obj => obj.emitCameraStop }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
90
|
+
__esDecorate(this, null, _emitCameraCapture_decorators, { kind: "method", name: "emitCameraCapture", static: false, private: false, access: { has: obj => "emitCameraCapture" in obj, get: obj => obj.emitCameraCapture }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
91
|
+
__esDecorate(null, null, _autoStart_decorators, { kind: "field", name: "autoStart", static: false, private: false, access: { has: obj => "autoStart" in obj, get: obj => obj.autoStart, set: (obj, value) => { obj.autoStart = value; } }, metadata: _metadata }, _autoStart_initializers, _autoStart_extraInitializers);
|
|
92
|
+
__esDecorate(null, null, _facingMode_decorators, { kind: "field", name: "facingMode", static: false, private: false, access: { has: obj => "facingMode" in obj, get: obj => obj.facingMode, set: (obj, value) => { obj.facingMode = value; } }, metadata: _metadata }, _facingMode_initializers, _facingMode_extraInitializers);
|
|
93
|
+
__esDecorate(null, null, _mirror_decorators, { kind: "field", name: "mirror", static: false, private: false, access: { has: obj => "mirror" in obj, get: obj => obj.mirror, set: (obj, value) => { obj.mirror = value; } }, metadata: _metadata }, _mirror_initializers, _mirror_extraInitializers);
|
|
94
|
+
__esDecorate(null, null, _controlsPosition_decorators, { kind: "field", name: "controlsPosition", static: false, private: false, access: { has: obj => "controlsPosition" in obj, get: obj => obj.controlsPosition, set: (obj, value) => { obj.controlsPosition = value; } }, metadata: _metadata }, _controlsPosition_initializers, _controlsPosition_extraInitializers);
|
|
95
|
+
__esDecorate(null, null, _showControls_decorators, { kind: "field", name: "showControls", static: false, private: false, access: { has: obj => "showControls" in obj, get: obj => obj.showControls, set: (obj, value) => { obj.showControls = value; } }, metadata: _metadata }, _showControls_initializers, _showControls_extraInitializers);
|
|
96
|
+
__esDecorate(null, null, _width_decorators, { kind: "field", name: "width", static: false, private: false, access: { has: obj => "width" in obj, get: obj => obj.width, set: (obj, value) => { obj.width = value; } }, metadata: _metadata }, _width_initializers, _width_extraInitializers);
|
|
97
|
+
__esDecorate(null, null, _height_decorators, { kind: "field", name: "height", static: false, private: false, access: { has: obj => "height" in obj, get: obj => obj.height, set: (obj, value) => { obj.height = value; } }, metadata: _metadata }, _height_initializers, _height_extraInitializers);
|
|
98
|
+
__esDecorate(null, null, _aspectRatio_decorators, { kind: "field", name: "aspectRatio", static: false, private: false, access: { has: obj => "aspectRatio" in obj, get: obj => obj.aspectRatio, set: (obj, value) => { obj.aspectRatio = value; } }, metadata: _metadata }, _aspectRatio_initializers, _aspectRatio_extraInitializers);
|
|
99
|
+
__esDecorate(null, null, _video_decorators, { kind: "field", name: "video", static: false, private: false, access: { has: obj => "video" in obj, get: obj => obj.video, set: (obj, value) => { obj.video = value; } }, metadata: _metadata }, _video_initializers, _video_extraInitializers);
|
|
100
|
+
__esDecorate(null, null, _container_decorators, { kind: "field", name: "container", static: false, private: false, access: { has: obj => "container" in obj, get: obj => obj.container, set: (obj, value) => { obj.container = value; } }, metadata: _metadata }, _container_initializers, _container_extraInitializers);
|
|
101
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
102
|
+
_classThis = _classDescriptor.value;
|
|
103
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
104
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
105
|
+
}
|
|
106
|
+
styles() {
|
|
107
|
+
return css /*css*/ `${cameraStyles}`;
|
|
108
|
+
}
|
|
109
|
+
async connectedCallback() {
|
|
110
|
+
// Check for multiple cameras
|
|
111
|
+
try {
|
|
112
|
+
const devices = await navigator.mediaDevices.enumerateDevices();
|
|
113
|
+
const videoDevices = devices.filter(d => d.kind === 'videoinput');
|
|
114
|
+
this.hasMultipleCameras = videoDevices.length > 1;
|
|
115
|
+
}
|
|
116
|
+
catch (error) {
|
|
117
|
+
this.hasMultipleCameras = false;
|
|
118
|
+
}
|
|
119
|
+
if (this.autoStart) {
|
|
120
|
+
// Small delay to ensure video element is ready
|
|
121
|
+
requestAnimationFrame(() => this.start());
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
disconnectedCallback() {
|
|
125
|
+
this.stop();
|
|
126
|
+
}
|
|
127
|
+
render() {
|
|
128
|
+
return html `
|
|
129
|
+
<div class="camera-container">
|
|
130
|
+
<video
|
|
131
|
+
class="${this.mirror && this.facingMode === 'user' ? 'mirror' : ''}"
|
|
132
|
+
autoplay
|
|
133
|
+
playsinline
|
|
134
|
+
muted>
|
|
135
|
+
</video>
|
|
136
|
+
<if value=${this.showControls}>
|
|
137
|
+
<div class="camera-controls ${this.getControlsPosition()}">
|
|
138
|
+
<if value=${this.hasMultipleCameras}>
|
|
139
|
+
<button class="camera-btn switch" @click=${this.switchCamera}>
|
|
140
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
141
|
+
<path d="M9 2L7 5H4C2.9 5 2 5.9 2 7V19C2 20.1 2.9 21 4 21H20C21.1 21 22 20.1 22 19V7C22 5.9 21.1 5 20 5H17L15 2H9Z"/>
|
|
142
|
+
<circle cx="12" cy="13" r="3"/>
|
|
143
|
+
<path d="M15 7h2v2h-2z"/>
|
|
144
|
+
</svg>
|
|
145
|
+
</button>
|
|
146
|
+
</if>
|
|
147
|
+
<button class="camera-btn capture" @click=${this.capture}>
|
|
148
|
+
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
|
|
149
|
+
<circle cx="12" cy="12" r="10" fill="white" stroke="currentColor" stroke-width="2"/>
|
|
150
|
+
<circle cx="12" cy="12" r="6"/>
|
|
151
|
+
</svg>
|
|
152
|
+
</button>
|
|
153
|
+
</div>
|
|
154
|
+
</if>
|
|
155
|
+
<div class="custom-controls">
|
|
156
|
+
<slot name="controls"></slot>
|
|
157
|
+
</div>
|
|
158
|
+
</div>
|
|
159
|
+
`;
|
|
160
|
+
}
|
|
161
|
+
getControlsPosition() {
|
|
162
|
+
if (this.controlsPosition !== 'auto') {
|
|
163
|
+
return this.controlsPosition;
|
|
164
|
+
}
|
|
165
|
+
// Auto-detect orientation
|
|
166
|
+
const isPortrait = window.innerHeight > window.innerWidth;
|
|
167
|
+
return isPortrait ? 'bottom-right' : 'right';
|
|
168
|
+
}
|
|
169
|
+
async start() {
|
|
170
|
+
try {
|
|
171
|
+
const constraints = {
|
|
172
|
+
audio: false,
|
|
173
|
+
video: {
|
|
174
|
+
width: { ideal: this.width },
|
|
175
|
+
height: { ideal: this.height },
|
|
176
|
+
facingMode: this.facingMode
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
this.stream = await navigator.mediaDevices.getUserMedia(constraints);
|
|
180
|
+
if (this.video) {
|
|
181
|
+
this.video.srcObject = this.stream;
|
|
182
|
+
await this.video.play();
|
|
183
|
+
}
|
|
184
|
+
this.active = true;
|
|
185
|
+
;
|
|
186
|
+
this.emitCameraStart();
|
|
187
|
+
}
|
|
188
|
+
catch (error) {
|
|
189
|
+
console.error('Camera error:', error);
|
|
190
|
+
this.emitCameraError(error);
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
stop() {
|
|
194
|
+
if (this.stream) {
|
|
195
|
+
this.stream.getTracks().forEach(track => track.stop());
|
|
196
|
+
this.stream = null;
|
|
197
|
+
}
|
|
198
|
+
if (this.video) {
|
|
199
|
+
this.video.srcObject = null;
|
|
200
|
+
}
|
|
201
|
+
this.active = false;
|
|
202
|
+
this.emitCameraStop();
|
|
203
|
+
}
|
|
204
|
+
async capture() {
|
|
205
|
+
if (!this.video || !this.active) {
|
|
206
|
+
throw new Error('Camera not active');
|
|
207
|
+
}
|
|
208
|
+
const canvas = document.createElement('canvas');
|
|
209
|
+
canvas.width = this.video.videoWidth;
|
|
210
|
+
canvas.height = this.video.videoHeight;
|
|
211
|
+
const ctx = canvas.getContext('2d');
|
|
212
|
+
if (!ctx) {
|
|
213
|
+
throw new Error('Failed to get canvas context');
|
|
214
|
+
}
|
|
215
|
+
// Mirror if needed
|
|
216
|
+
if (this.mirror && this.facingMode === 'user') {
|
|
217
|
+
ctx.scale(-1, 1);
|
|
218
|
+
ctx.drawImage(this.video, -canvas.width, 0, canvas.width, canvas.height);
|
|
219
|
+
}
|
|
220
|
+
else {
|
|
221
|
+
ctx.drawImage(this.video, 0, 0, canvas.width, canvas.height);
|
|
222
|
+
}
|
|
223
|
+
const dataURL = canvas.toDataURL('image/jpeg', 0.92);
|
|
224
|
+
const blob = await (await fetch(dataURL)).blob();
|
|
225
|
+
const image = {
|
|
226
|
+
dataURL,
|
|
227
|
+
blob,
|
|
228
|
+
width: canvas.width,
|
|
229
|
+
height: canvas.height,
|
|
230
|
+
timestamp: Date.now()
|
|
231
|
+
};
|
|
232
|
+
this.emitCameraCapture(image);
|
|
233
|
+
return image;
|
|
234
|
+
}
|
|
235
|
+
async switchCamera() {
|
|
236
|
+
const wasActive = this.active;
|
|
237
|
+
if (wasActive)
|
|
238
|
+
this.stop();
|
|
239
|
+
this.facingMode = this.facingMode === 'user' ? 'environment' : 'user';
|
|
240
|
+
if (wasActive)
|
|
241
|
+
await this.start();
|
|
242
|
+
}
|
|
243
|
+
isActive() {
|
|
244
|
+
return this.active;
|
|
245
|
+
}
|
|
246
|
+
getStream() {
|
|
247
|
+
return this.stream;
|
|
248
|
+
}
|
|
249
|
+
enterFullscreen() {
|
|
250
|
+
if (this.container) {
|
|
251
|
+
if (this.container.requestFullscreen) {
|
|
252
|
+
this.container.requestFullscreen();
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
exitFullscreen() {
|
|
257
|
+
if (document.fullscreenElement) {
|
|
258
|
+
document.exitFullscreen();
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
toggleFullscreen() {
|
|
262
|
+
if (document.fullscreenElement) {
|
|
263
|
+
this.exitFullscreen();
|
|
264
|
+
}
|
|
265
|
+
else {
|
|
266
|
+
this.enterFullscreen();
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
emitCameraStart() {
|
|
270
|
+
return { stream: this.stream };
|
|
271
|
+
}
|
|
272
|
+
emitCameraError(error) {
|
|
273
|
+
return { error };
|
|
274
|
+
}
|
|
275
|
+
emitCameraStop() {
|
|
276
|
+
return {};
|
|
277
|
+
}
|
|
278
|
+
emitCameraCapture(image) {
|
|
279
|
+
return { image };
|
|
280
|
+
}
|
|
281
|
+
});
|
|
282
|
+
return _classThis;
|
|
283
|
+
})();
|
|
284
|
+
|
|
285
|
+
export { SniceCamera };
|
|
286
|
+
//# sourceMappingURL=snice-camera.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-camera.js","sources":["../../../components/camera/snice-camera.css?inline","../../../../components/camera/snice-camera.ts"],"sourcesContent":["export default \":host{display:block;width:100%;max-width:40rem;position:relative;background:rgb(0 0 0);border-radius:var(--snice-border-radius-lg,.5rem);overflow:hidden}.camera-container{position:relative;width:100%;padding-bottom:var(--aspect-ratio,75%);background:rgb(0 0 0)}:host([aspect-ratio=\\\"16:9\\\"]) .camera-container{padding-bottom:56.25%}:host([aspect-ratio=\\\"4:3\\\"]) .camera-container{padding-bottom:75%}:host([aspect-ratio=\\\"1:1\\\"]) .camera-container{padding-bottom:100%}:host([aspect-ratio=\\\"21:9\\\"]) .camera-container{padding-bottom:42.857%}.camera-container:fullscreen{padding-bottom:0;height:100vh}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}video.mirror{transform:scaleX(-1)}.custom-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.custom-controls ::slotted(*){pointer-events:auto}.camera-controls{position:absolute;display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);pointer-events:auto;z-index:5}.camera-controls.bottom{bottom:0;left:0;right:0;justify-content:center;flex-direction:row;padding:var(--snice-spacing-xl,1.875rem) var(--snice-spacing-lg,1.25rem);background:linear-gradient(to top,rgb(0 0 0 / .5),transparent)}.camera-controls.right{top:0;right:0;bottom:0;flex-direction:column;justify-content:center;padding:var(--snice-spacing-lg,1.25rem) var(--snice-spacing-xl,1.5rem);background:linear-gradient(to left,rgb(0 0 0 / .5),transparent)}.camera-controls.left{top:0;left:0;bottom:0;flex-direction:column;justify-content:center;padding:var(--snice-spacing-lg,1.25rem) var(--snice-spacing-xl,1.5rem);background:linear-gradient(to right,rgb(0 0 0 / .5),transparent)}.camera-controls.top{top:0;left:0;right:0;justify-content:center;flex-direction:row;padding:var(--snice-spacing-xl,1.875rem) var(--snice-spacing-lg,1.25rem);background:linear-gradient(to bottom,rgb(0 0 0 / .5),transparent)}.camera-controls.bottom-left{bottom:var(--snice-spacing-lg,1.25rem);left:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-controls.bottom-right{bottom:var(--snice-spacing-lg,1.25rem);right:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-controls.top-left{top:var(--snice-spacing-lg,1.25rem);left:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-controls.top-right{top:var(--snice-spacing-lg,1.25rem);right:var(--snice-spacing-lg,1.25rem);flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.camera-btn{width:3rem;height:3rem;border-radius:var(--snice-border-radius-circle,50%);border:none;background:rgb(0 0 0 / .4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--snice-transition-fast, 150ms) ease;color:rgb(255 255 255);backdrop-filter:blur(0.5rem);padding:0}.camera-btn:hover{background:rgb(0 0 0 / .6);transform:scale(1.05)}.camera-btn:active{transform:scale(.95)}.camera-btn.switch{width:2.5rem;height:2.5rem}.camera-btn.switch svg{width:1.25rem;height:1.25rem;opacity:.9}.camera-btn.capture{width:3.5rem;height:3.5rem;background:rgb(255 255 255 / .95);color:rgb(51 51 51)}.camera-btn.capture:hover{background:rgb(255 255 255)}.camera-btn.capture svg{width:1.5rem;height:1.5rem}.camera-status{position:absolute;top:var(--snice-spacing-md,1rem);left:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);background:rgb(0 0 0 / .7);color:rgb(255 255 255);border-radius:var(--snice-border-radius-sm,.25rem);font-size:var(--snice-font-size-xs, .75rem);display:flex;align-items:center;gap:var(--snice-spacing-xs,.375rem)}.camera-status.active::before{content:'';width:.5rem;height:.5rem;border-radius:var(--snice-border-radius-circle,50%);background:var(--snice-color-success,rgb(76 175 80));animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.camera-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(244 67 54 / .9);color:rgb(255 255 255);padding:var(--snice-spacing-md,1rem) var(--snice-spacing-xl,1.5rem);border-radius:var(--snice-border-radius-lg,.5rem);text-align:center;max-width:80%}.camera-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:rgb(255 255 255);opacity:.5}.camera-placeholder svg{width:4rem;height:4rem;margin-bottom:var(--snice-spacing-sm,.75rem)}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255);opacity:0;pointer-events:none;transition:opacity var(--snice-transition-fast, 100ms) ease}.flash-overlay.active{opacity:.8}\";",null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export type CameraFacingMode = 'user' | 'environment';
|
|
2
|
+
export type ControlsPosition = 'auto' | 'bottom' | 'right' | 'left' | 'top' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
3
|
+
export interface CapturedImage {
|
|
4
|
+
dataURL: string;
|
|
5
|
+
blob: Blob;
|
|
6
|
+
width: number;
|
|
7
|
+
height: number;
|
|
8
|
+
timestamp: number;
|
|
9
|
+
}
|
|
10
|
+
export interface SniceCameraElement extends HTMLElement {
|
|
11
|
+
autoStart: boolean;
|
|
12
|
+
facingMode: CameraFacingMode;
|
|
13
|
+
mirror: boolean;
|
|
14
|
+
controlsPosition: ControlsPosition;
|
|
15
|
+
showControls: boolean;
|
|
16
|
+
width: number;
|
|
17
|
+
height: number;
|
|
18
|
+
aspectRatio: string;
|
|
19
|
+
start(): Promise<void>;
|
|
20
|
+
stop(): void;
|
|
21
|
+
capture(): Promise<CapturedImage>;
|
|
22
|
+
switchCamera(): Promise<void>;
|
|
23
|
+
isActive(): boolean;
|
|
24
|
+
getStream(): MediaStream | null;
|
|
25
|
+
enterFullscreen(): void;
|
|
26
|
+
exitFullscreen(): void;
|
|
27
|
+
toggleFullscreen(): void;
|
|
28
|
+
}
|
|
@@ -8,8 +8,8 @@ export declare class SniceCard extends HTMLElement implements SniceCardElement {
|
|
|
8
8
|
private hasHeader;
|
|
9
9
|
private hasFooter;
|
|
10
10
|
onReady(): void;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
render(): import("snice").TemplateResult;
|
|
12
|
+
styles(): import("snice").CSSResult;
|
|
13
13
|
private checkSlots;
|
|
14
14
|
private handleClick;
|
|
15
15
|
private handleKeydown;
|
|
@@ -32,8 +32,8 @@ let SniceCard = (() => {
|
|
|
32
32
|
let _hasFooter_initializers = [];
|
|
33
33
|
let _hasFooter_extraInitializers = [];
|
|
34
34
|
let _onReady_decorators;
|
|
35
|
-
let
|
|
36
|
-
let
|
|
35
|
+
let _render_decorators;
|
|
36
|
+
let _styles_decorators;
|
|
37
37
|
(class extends _classSuper {
|
|
38
38
|
static { _classThis = this; }
|
|
39
39
|
static {
|
|
@@ -46,11 +46,11 @@ let SniceCard = (() => {
|
|
|
46
46
|
_hasHeader_decorators = [property({ type: Boolean, })];
|
|
47
47
|
_hasFooter_decorators = [property({ type: Boolean, })];
|
|
48
48
|
_onReady_decorators = [ready()];
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
_render_decorators = [render()];
|
|
50
|
+
_styles_decorators = [styles()];
|
|
51
51
|
__esDecorate(this, null, _onReady_decorators, { kind: "method", name: "onReady", static: false, private: false, access: { has: obj => "onReady" in obj, get: obj => obj.onReady }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
52
|
-
__esDecorate(this, null,
|
|
53
|
-
__esDecorate(this, null,
|
|
52
|
+
__esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
53
|
+
__esDecorate(this, null, _styles_decorators, { kind: "method", name: "styles", static: false, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
54
54
|
__esDecorate(null, null, _variant_decorators, { kind: "field", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
|
|
55
55
|
__esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
|
|
56
56
|
__esDecorate(null, null, _clickable_decorators, { kind: "field", name: "clickable", static: false, private: false, access: { has: obj => "clickable" in obj, get: obj => obj.clickable, set: (obj, value) => { obj.clickable = value; } }, metadata: _metadata }, _clickable_initializers, _clickable_extraInitializers);
|
|
@@ -67,7 +67,7 @@ let SniceCard = (() => {
|
|
|
67
67
|
// Check slots after a microtask to allow slot assignment
|
|
68
68
|
queueMicrotask(() => this.checkSlots());
|
|
69
69
|
}
|
|
70
|
-
|
|
70
|
+
render() {
|
|
71
71
|
const role = this.clickable ? 'button' : 'article';
|
|
72
72
|
const tabindex = this.clickable && !this.disabled ? '0' : '-1';
|
|
73
73
|
return html `
|
|
@@ -91,7 +91,7 @@ let SniceCard = (() => {
|
|
|
91
91
|
</div>
|
|
92
92
|
`;
|
|
93
93
|
}
|
|
94
|
-
|
|
94
|
+
styles() {
|
|
95
95
|
return css `${cssContent}`;
|
|
96
96
|
}
|
|
97
97
|
checkSlots() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snice-card.js","sources":["../../../components/card/snice-card.css?inline","../../../../components/card/snice-card.ts"],"sourcesContent":["export default \":host{display:block;--card-padding:1rem;--card-border-radius:8px;--card-bg:white;--card-border-color:rgb(var(--snice-color-gray-200, 226 226 226));--card-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--card-hover-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06)}.card{background:var(--card-bg);border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:100%;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}:host([variant=elevated]) .card{box-shadow:var(--card-shadow);border:1px solid transparent}:host([variant=bordered]) .card{border:1px solid var(--card-border-color);box-shadow:none}:host([variant=flat]) .card{border:none;box-shadow:none;background:rgb(var(--snice-color-gray-50,250 250 250))}:host([clickable]) .card{cursor:pointer;user-select:none}:host([clickable]:not([disabled])) .card:hover{transform:translateY(-2px)}:host([clickable][variant=elevated]:not([disabled])) .card:hover{box-shadow:var(--card-hover-shadow)}:host([clickable][variant=bordered]:not([disabled])) .card:hover{border-color:rgb(var(--snice-color-blue-500,59 130 246))}:host([clickable][variant=flat]:not([disabled])) .card:hover{background:rgb(var(--snice-color-gray-100,241 241 241))}:host([clickable]:not([disabled])) .card:active{transform:translateY(0)}:host([selected]) .card{border-color:rgb(var(--snice-color-blue-500,59 130 246))}:host([selected][variant=bordered]) .card,:host([selected][variant=elevated]) .card{border-width:2px;border-color:rgb(var(--snice-color-blue-500,59 130 246))}:host([selected][variant=flat]) .card{background:rgb(var(--snice-color-blue-50,239 246 255));border:2px solid rgb(var(--snice-color-blue-500,59 130 246))}:host([disabled]){pointer-events:none;opacity:.5}:host([disabled]) .card{cursor:not-allowed}:host([size=small]){--card-padding:12px;--card-border-radius:6px}:host([size=large]){--card-padding:24px;--card-border-radius:12px}.card-header{padding:var(--card-padding);border-bottom:1px solid var(--card-border-color)}.card-body{flex:1;padding:var(--card-padding)}.card-footer{padding:var(--card-padding);border-top:1px solid var(--card-border-color)}::slotted([slot=image]){width:100%;height:auto;display:block;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card-image-slot+.card-header:not([hidden]){border-radius:0}[hidden]{display:none!important}:host([clickable]) .card:focus-visible{outline:2px solid rgb(var(--snice-color-blue-500,59 130 246));outline-offset:2px}\";",null],"names":["cssTag"],"mappings":";;;AAAA,iBAAe,8+EAA8+E;;ICKh/E,SAAS,GAAA,CAAA,MAAA;4BADrB,OAAO,CAAC,YAAY,CAAC,CAAA;;;;sBACS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;AAAnB,KAAA,cAAQ,WAAW,CAAA;;;;mCACvC,QAAQ,CAAC,EAAI,CAAC,CAAA;gCAGd,QAAQ,CAAC,EAAI,CAAC,CAAA;AAGd,YAAA,qBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;AAG7B,YAAA,oBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;AAG7B,YAAA,oBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;AAG7B,YAAA,qBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;AAG7B,YAAA,qBAAA,GAAA,CAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAA;AAG7B,YAAA,mBAAA,GAAA,CAAA,KAAK,EAAE,CAAA;AAMP,YAAA,
|
|
1
|
+
{"version":3,"file":"snice-card.js","sources":["../../../components/card/snice-card.css?inline","../../../../components/card/snice-card.ts"],"sourcesContent":["export default \":host{display:block;--card-padding:1rem;--card-border-radius:8px;--card-bg:white;--card-border-color:rgb(var(--snice-color-gray-200, 226 226 226));--card-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--card-hover-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06)}.card{background:var(--card-bg);border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:100%;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}:host([variant=elevated]) .card{box-shadow:var(--card-shadow);border:1px solid transparent}:host([variant=bordered]) .card{border:1px solid var(--card-border-color);box-shadow:none}:host([variant=flat]) .card{border:none;box-shadow:none;background:rgb(var(--snice-color-gray-50,250 250 250))}:host([clickable]) .card{cursor:pointer;user-select:none}:host([clickable]:not([disabled])) .card:hover{transform:translateY(-2px)}:host([clickable][variant=elevated]:not([disabled])) .card:hover{box-shadow:var(--card-hover-shadow)}:host([clickable][variant=bordered]:not([disabled])) .card:hover{border-color:rgb(var(--snice-color-blue-500,59 130 246))}:host([clickable][variant=flat]:not([disabled])) .card:hover{background:rgb(var(--snice-color-gray-100,241 241 241))}:host([clickable]:not([disabled])) .card:active{transform:translateY(0)}:host([selected]) .card{border-color:rgb(var(--snice-color-blue-500,59 130 246))}:host([selected][variant=bordered]) .card,:host([selected][variant=elevated]) .card{border-width:2px;border-color:rgb(var(--snice-color-blue-500,59 130 246))}:host([selected][variant=flat]) .card{background:rgb(var(--snice-color-blue-50,239 246 255));border:2px solid rgb(var(--snice-color-blue-500,59 130 246))}:host([disabled]){pointer-events:none;opacity:.5}:host([disabled]) .card{cursor:not-allowed}:host([size=small]){--card-padding:12px;--card-border-radius:6px}:host([size=large]){--card-padding:24px;--card-border-radius:12px}.card-header{padding:var(--card-padding);border-bottom:1px solid var(--card-border-color)}.card-body{flex:1;padding:var(--card-padding)}.card-footer{padding:var(--card-padding);border-top:1px solid var(--card-border-color)}::slotted([slot=image]){width:100%;height:auto;display:block;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card-image-slot+.card-header:not([hidden]){border-radius:0}[hidden]{display:none!important}:host([clickable]) .card:focus-visible{outline:2px solid rgb(var(--snice-color-blue-500,59 130 246));outline-offset:2px}\";",null],"names":["cssTag"],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { CarouselAutoplayDirection, SniceCarouselElement } from './snice-carousel.types';
|
|
2
|
+
export declare class SniceCarousel extends HTMLElement implements SniceCarouselElement {
|
|
3
|
+
activeIndex: number;
|
|
4
|
+
autoplay: boolean;
|
|
5
|
+
autoplayInterval: number;
|
|
6
|
+
autoplayDirection: CarouselAutoplayDirection;
|
|
7
|
+
loop: boolean;
|
|
8
|
+
showControls: boolean;
|
|
9
|
+
showIndicators: boolean;
|
|
10
|
+
slidesPerView: number;
|
|
11
|
+
spaceBetween: number;
|
|
12
|
+
container?: HTMLElement;
|
|
13
|
+
private slotElement?;
|
|
14
|
+
private slideCount;
|
|
15
|
+
private autoplayTimer?;
|
|
16
|
+
private previousIndex;
|
|
17
|
+
init(): void;
|
|
18
|
+
handleSlotChange(): void;
|
|
19
|
+
cleanup(): void;
|
|
20
|
+
handleActiveIndexChange(): void;
|
|
21
|
+
handleAutoplayChange(): void;
|
|
22
|
+
private updateSlideCount;
|
|
23
|
+
private updateTransform;
|
|
24
|
+
private dispatchSlideChange;
|
|
25
|
+
render(): import("snice").TemplateResult;
|
|
26
|
+
styles(): import("snice").CSSResult;
|
|
27
|
+
next(): void;
|
|
28
|
+
prev(): void;
|
|
29
|
+
goToSlide(index: number): void;
|
|
30
|
+
play(): void;
|
|
31
|
+
pause(): void;
|
|
32
|
+
}
|