snice 4.9.0 → 4.10.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/adapters/react/app-tiles.d.ts +28 -0
- package/adapters/react/app-tiles.d.ts.map +1 -0
- package/adapters/react/app-tiles.js +24 -0
- package/adapters/react/app-tiles.js.map +1 -0
- package/adapters/react/app-tiles.tsx +36 -0
- package/adapters/react/book.d.ts +28 -0
- package/adapters/react/book.d.ts.map +1 -0
- package/adapters/react/book.js +24 -0
- package/adapters/react/book.js.map +1 -0
- package/adapters/react/book.tsx +36 -0
- package/adapters/react/comments.d.ts +29 -0
- package/adapters/react/comments.d.ts.map +1 -0
- package/adapters/react/comments.js +24 -0
- package/adapters/react/comments.js.map +1 -0
- package/adapters/react/comments.tsx +37 -0
- package/adapters/react/components.d.ts +52 -0
- package/adapters/react/components.d.ts.map +1 -1
- package/adapters/react/components.js +26 -0
- package/adapters/react/components.js.map +1 -1
- package/adapters/react/components.ts +52 -0
- package/adapters/react/countdown.d.ts +31 -0
- package/adapters/react/countdown.d.ts.map +1 -0
- package/adapters/react/countdown.js +24 -0
- package/adapters/react/countdown.js.map +1 -0
- package/adapters/react/countdown.tsx +39 -0
- package/adapters/react/cropper.d.ts +29 -0
- package/adapters/react/cropper.d.ts.map +1 -0
- package/adapters/react/cropper.js +24 -0
- package/adapters/react/cropper.js.map +1 -0
- package/adapters/react/cropper.tsx +37 -0
- package/adapters/react/diff.d.ts +31 -0
- package/adapters/react/diff.d.ts.map +1 -0
- package/adapters/react/diff.js +24 -0
- package/adapters/react/diff.js.map +1 -0
- package/adapters/react/diff.tsx +39 -0
- package/adapters/react/flip-card.d.ts +28 -0
- package/adapters/react/flip-card.d.ts.map +1 -0
- package/adapters/react/flip-card.js +24 -0
- package/adapters/react/flip-card.js.map +1 -0
- package/adapters/react/flip-card.tsx +36 -0
- package/adapters/react/flow.d.ts +32 -0
- package/adapters/react/flow.d.ts.map +1 -0
- package/adapters/react/flow.js +24 -0
- package/adapters/react/flow.js.map +1 -0
- package/adapters/react/flow.tsx +40 -0
- package/adapters/react/gantt.d.ts +27 -0
- package/adapters/react/gantt.d.ts.map +1 -0
- package/adapters/react/gantt.js +24 -0
- package/adapters/react/gantt.js.map +1 -0
- package/adapters/react/gantt.tsx +35 -0
- package/adapters/react/map.d.ts +30 -0
- package/adapters/react/map.d.ts.map +1 -0
- package/adapters/react/map.js +24 -0
- package/adapters/react/map.js.map +1 -0
- package/adapters/react/map.tsx +38 -0
- package/adapters/react/markdown.d.ts +26 -0
- package/adapters/react/markdown.d.ts.map +1 -0
- package/adapters/react/markdown.js +24 -0
- package/adapters/react/markdown.js.map +1 -0
- package/adapters/react/markdown.tsx +34 -0
- package/adapters/react/notification-center.d.ts +26 -0
- package/adapters/react/notification-center.d.ts.map +1 -0
- package/adapters/react/notification-center.js +24 -0
- package/adapters/react/notification-center.js.map +1 -0
- package/adapters/react/notification-center.tsx +34 -0
- package/adapters/react/org-chart.d.ts +28 -0
- package/adapters/react/org-chart.d.ts.map +1 -0
- package/adapters/react/org-chart.js +24 -0
- package/adapters/react/org-chart.js.map +1 -0
- package/adapters/react/org-chart.tsx +36 -0
- package/adapters/react/pdf-viewer.d.ts +28 -0
- package/adapters/react/pdf-viewer.d.ts.map +1 -0
- package/adapters/react/pdf-viewer.js +24 -0
- package/adapters/react/pdf-viewer.js.map +1 -0
- package/adapters/react/pdf-viewer.tsx +36 -0
- package/adapters/react/podcast-player.d.ts +40 -0
- package/adapters/react/podcast-player.d.ts.map +1 -0
- package/adapters/react/podcast-player.js +24 -0
- package/adapters/react/podcast-player.js.map +1 -0
- package/adapters/react/podcast-player.tsx +48 -0
- package/adapters/react/pricing-table.d.ts +27 -0
- package/adapters/react/pricing-table.d.ts.map +1 -0
- package/adapters/react/pricing-table.js +24 -0
- package/adapters/react/pricing-table.js.map +1 -0
- package/adapters/react/pricing-table.tsx +35 -0
- package/adapters/react/rating.d.ts +30 -0
- package/adapters/react/rating.d.ts.map +1 -0
- package/adapters/react/rating.js +24 -0
- package/adapters/react/rating.js.map +1 -0
- package/adapters/react/rating.tsx +38 -0
- package/adapters/react/recipe.d.ts +43 -0
- package/adapters/react/recipe.d.ts.map +1 -0
- package/adapters/react/recipe.js +24 -0
- package/adapters/react/recipe.js.map +1 -0
- package/adapters/react/recipe.tsx +51 -0
- package/adapters/react/sortable.d.ts +28 -0
- package/adapters/react/sortable.d.ts.map +1 -0
- package/adapters/react/sortable.js +24 -0
- package/adapters/react/sortable.js.map +1 -0
- package/adapters/react/sortable.tsx +36 -0
- package/adapters/react/spotlight.d.ts +27 -0
- package/adapters/react/spotlight.d.ts.map +1 -0
- package/adapters/react/spotlight.js +24 -0
- package/adapters/react/spotlight.js.map +1 -0
- package/adapters/react/spotlight.tsx +35 -0
- package/adapters/react/spreadsheet.d.ts +27 -0
- package/adapters/react/spreadsheet.d.ts.map +1 -0
- package/adapters/react/spreadsheet.js +24 -0
- package/adapters/react/spreadsheet.js.map +1 -0
- package/adapters/react/spreadsheet.tsx +35 -0
- package/adapters/react/tag-input.d.ts +33 -0
- package/adapters/react/tag-input.d.ts.map +1 -0
- package/adapters/react/tag-input.js +24 -0
- package/adapters/react/tag-input.js.map +1 -0
- package/adapters/react/tag-input.tsx +41 -0
- package/adapters/react/testimonial.d.ts +31 -0
- package/adapters/react/testimonial.d.ts.map +1 -0
- package/adapters/react/testimonial.js +24 -0
- package/adapters/react/testimonial.js.map +1 -0
- package/adapters/react/testimonial.tsx +39 -0
- package/adapters/react/video-player.d.ts +34 -0
- package/adapters/react/video-player.d.ts.map +1 -0
- package/adapters/react/video-player.js +24 -0
- package/adapters/react/video-player.js.map +1 -0
- package/adapters/react/video-player.tsx +42 -0
- package/adapters/react/waterfall.d.ts +29 -0
- package/adapters/react/waterfall.d.ts.map +1 -0
- package/adapters/react/waterfall.js +24 -0
- package/adapters/react/waterfall.js.map +1 -0
- package/adapters/react/waterfall.tsx +37 -0
- package/adapters/react/weather.d.ts +27 -0
- package/adapters/react/weather.d.ts.map +1 -0
- package/adapters/react/weather.js +24 -0
- package/adapters/react/weather.js.map +1 -0
- package/adapters/react/weather.tsx +35 -0
- package/dist/cdn/accordion/snice-accordion.js +1 -1
- package/dist/cdn/accordion/snice-accordion.min.js +1 -1
- package/dist/cdn/alert/snice-alert.js +1 -1
- package/dist/cdn/alert/snice-alert.min.js +1 -1
- package/dist/cdn/app-tiles/README.md +27 -0
- package/dist/cdn/app-tiles/snice-app-tiles.js +333 -0
- package/dist/cdn/app-tiles/snice-app-tiles.js.map +1 -0
- package/dist/cdn/app-tiles/snice-app-tiles.min.js +11 -0
- package/dist/cdn/app-tiles/snice-app-tiles.min.js.map +1 -0
- package/dist/cdn/audio-recorder/snice-audio-recorder.js +1 -1
- package/dist/cdn/audio-recorder/snice-audio-recorder.min.js +1 -1
- package/dist/cdn/avatar/snice-avatar.js +1 -1
- package/dist/cdn/avatar/snice-avatar.min.js +1 -1
- package/dist/cdn/badge/snice-badge.js +1 -1
- package/dist/cdn/badge/snice-badge.min.js +1 -1
- package/dist/cdn/banner/snice-banner.js +1 -1
- package/dist/cdn/banner/snice-banner.min.js +1 -1
- package/dist/cdn/book/README.md +27 -0
- package/dist/cdn/book/snice-book.js +353 -0
- package/dist/cdn/book/snice-book.js.map +1 -0
- package/dist/cdn/book/snice-book.min.js +13 -0
- package/dist/cdn/book/snice-book.min.js.map +1 -0
- package/dist/cdn/breadcrumbs/snice-breadcrumbs.js +1 -1
- package/dist/cdn/breadcrumbs/snice-breadcrumbs.min.js +1 -1
- package/dist/cdn/button/snice-button.js +1 -1
- package/dist/cdn/button/snice-button.min.js +1 -1
- package/dist/cdn/calendar/snice-calendar.js +1 -1
- package/dist/cdn/calendar/snice-calendar.min.js +1 -1
- package/dist/cdn/camera/snice-camera.js +1 -1
- package/dist/cdn/camera/snice-camera.min.js +1 -1
- package/dist/cdn/camera-annotate/snice-camera-annotate.js +1 -1
- package/dist/cdn/camera-annotate/snice-camera-annotate.min.js +1 -1
- package/dist/cdn/candlestick/snice-candlestick.js +1 -1
- package/dist/cdn/candlestick/snice-candlestick.min.js +1 -1
- package/dist/cdn/card/snice-card.js +1 -1
- package/dist/cdn/card/snice-card.min.js +1 -1
- package/dist/cdn/carousel/snice-carousel.js +1 -1
- package/dist/cdn/carousel/snice-carousel.min.js +1 -1
- package/dist/cdn/chart/snice-chart.js +1 -1
- package/dist/cdn/chart/snice-chart.min.js +1 -1
- package/dist/cdn/chat/snice-chat.js +1 -1
- package/dist/cdn/chat/snice-chat.min.js +1 -1
- package/dist/cdn/checkbox/snice-checkbox.js +1 -1
- package/dist/cdn/checkbox/snice-checkbox.min.js +1 -1
- package/dist/cdn/chip/snice-chip.js +1 -1
- package/dist/cdn/chip/snice-chip.min.js +1 -1
- package/dist/cdn/code-block/snice-code-block.js +1 -1
- package/dist/cdn/code-block/snice-code-block.min.js +1 -1
- package/dist/cdn/color-display/snice-color-display.js +1 -1
- package/dist/cdn/color-display/snice-color-display.min.js +1 -1
- package/dist/cdn/color-picker/snice-color-picker.js +1 -1
- package/dist/cdn/color-picker/snice-color-picker.min.js +1 -1
- package/dist/cdn/command-palette/snice-command-palette.js +1 -1
- package/dist/cdn/command-palette/snice-command-palette.min.js +1 -1
- package/dist/cdn/comments/README.md +27 -0
- package/dist/cdn/comments/snice-comments.js +544 -0
- package/dist/cdn/comments/snice-comments.js.map +1 -0
- package/dist/cdn/comments/snice-comments.min.js +100 -0
- package/dist/cdn/comments/snice-comments.min.js.map +1 -0
- package/dist/cdn/countdown/README.md +27 -0
- package/dist/cdn/countdown/snice-countdown.js +235 -0
- package/dist/cdn/countdown/snice-countdown.js.map +1 -0
- package/dist/cdn/countdown/snice-countdown.min.js +14 -0
- package/dist/cdn/countdown/snice-countdown.min.js.map +1 -0
- package/dist/cdn/cropper/README.md +27 -0
- package/dist/cdn/cropper/snice-cropper.js +352 -0
- package/dist/cdn/cropper/snice-cropper.js.map +1 -0
- package/dist/cdn/cropper/snice-cropper.min.js +25 -0
- package/dist/cdn/cropper/snice-cropper.min.js.map +1 -0
- package/dist/cdn/date-picker/snice-date-picker.js +1 -1
- package/dist/cdn/date-picker/snice-date-picker.min.js +1 -1
- package/dist/cdn/diff/README.md +27 -0
- package/dist/cdn/diff/snice-diff.js +441 -0
- package/dist/cdn/diff/snice-diff.js.map +1 -0
- package/dist/cdn/diff/snice-diff.min.js +54 -0
- package/dist/cdn/diff/snice-diff.min.js.map +1 -0
- package/dist/cdn/divider/snice-divider.js +1 -1
- package/dist/cdn/divider/snice-divider.min.js +1 -1
- package/dist/cdn/doc/snice-doc.js +1 -1
- package/dist/cdn/doc/snice-doc.min.js +1 -1
- package/dist/cdn/draw/snice-draw.js +1 -1
- package/dist/cdn/draw/snice-draw.min.js +1 -1
- package/dist/cdn/drawer/snice-drawer.js +1 -1
- package/dist/cdn/drawer/snice-drawer.min.js +1 -1
- package/dist/cdn/empty-state/snice-empty-state.js +1 -1
- package/dist/cdn/empty-state/snice-empty-state.min.js +1 -1
- package/dist/cdn/file-gallery/snice-file-gallery.js +1 -1
- package/dist/cdn/file-gallery/snice-file-gallery.min.js +1 -1
- package/dist/cdn/file-upload/snice-file-upload.js +1 -1
- package/dist/cdn/file-upload/snice-file-upload.min.js +1 -1
- package/dist/cdn/flip-card/README.md +27 -0
- package/dist/cdn/flip-card/snice-flip-card.js +183 -0
- package/dist/cdn/flip-card/snice-flip-card.js.map +1 -0
- package/dist/cdn/flip-card/snice-flip-card.min.js +22 -0
- package/dist/cdn/flip-card/snice-flip-card.min.js.map +1 -0
- package/dist/cdn/flow/README.md +27 -0
- package/dist/cdn/flow/snice-flow.js +822 -0
- package/dist/cdn/flow/snice-flow.js.map +1 -0
- package/dist/cdn/flow/snice-flow.min.js +17 -0
- package/dist/cdn/flow/snice-flow.min.js.map +1 -0
- package/dist/cdn/funnel/snice-funnel.js +1 -1
- package/dist/cdn/funnel/snice-funnel.min.js +1 -1
- package/dist/cdn/gantt/README.md +27 -0
- package/dist/cdn/gantt/snice-gantt.js +436 -0
- package/dist/cdn/gantt/snice-gantt.js.map +1 -0
- package/dist/cdn/gantt/snice-gantt.min.js +60 -0
- package/dist/cdn/gantt/snice-gantt.min.js.map +1 -0
- package/dist/cdn/gauge/snice-gauge.js +1 -1
- package/dist/cdn/gauge/snice-gauge.min.js +1 -1
- package/dist/cdn/heatmap/snice-heatmap.js +1 -1
- package/dist/cdn/heatmap/snice-heatmap.min.js +1 -1
- package/dist/cdn/image/snice-image.js +1 -1
- package/dist/cdn/image/snice-image.min.js +1 -1
- package/dist/cdn/input/snice-input.js +1 -1
- package/dist/cdn/input/snice-input.min.js +1 -1
- package/dist/cdn/kanban/snice-kanban.js +1 -1
- package/dist/cdn/kanban/snice-kanban.min.js +1 -1
- package/dist/cdn/kpi/snice-kpi.js +1 -1
- package/dist/cdn/kpi/snice-kpi.min.js +1 -1
- package/dist/cdn/layout/snice-layout.js +1 -1
- package/dist/cdn/layout/snice-layout.min.js +1 -1
- package/dist/cdn/link/snice-link.js +1 -1
- package/dist/cdn/link/snice-link.min.js +1 -1
- package/dist/cdn/link-preview/snice-link-preview.js +1 -1
- package/dist/cdn/link-preview/snice-link-preview.min.js +1 -1
- package/dist/cdn/list/snice-list.js +1 -1
- package/dist/cdn/list/snice-list.min.js +1 -1
- package/dist/cdn/location/snice-location.js +1 -1
- package/dist/cdn/location/snice-location.min.js +1 -1
- package/dist/cdn/login/snice-login.js +1 -1
- package/dist/cdn/login/snice-login.min.js +1 -1
- package/dist/cdn/map/README.md +27 -0
- package/dist/cdn/map/snice-map.js +415 -0
- package/dist/cdn/map/snice-map.js.map +1 -0
- package/dist/cdn/map/snice-map.min.js +52 -0
- package/dist/cdn/map/snice-map.min.js.map +1 -0
- package/dist/cdn/markdown/README.md +27 -0
- package/dist/cdn/markdown/snice-markdown.js +317 -0
- package/dist/cdn/markdown/snice-markdown.js.map +1 -0
- package/dist/cdn/markdown/snice-markdown.min.js +11 -0
- package/dist/cdn/markdown/snice-markdown.min.js.map +1 -0
- package/dist/cdn/masonry/snice-masonry.js +1 -1
- package/dist/cdn/masonry/snice-masonry.min.js +1 -1
- package/dist/cdn/menu/snice-menu.js +1 -1
- package/dist/cdn/menu/snice-menu.min.js +1 -1
- package/dist/cdn/modal/snice-modal.js +1 -1
- package/dist/cdn/modal/snice-modal.min.js +1 -1
- package/dist/cdn/music-player/snice-music-player.js +1 -1
- package/dist/cdn/music-player/snice-music-player.min.js +1 -1
- package/dist/cdn/nav/snice-nav.js +1 -1
- package/dist/cdn/nav/snice-nav.min.js +1 -1
- package/dist/cdn/network-graph/snice-network-graph.js +1 -1
- package/dist/cdn/network-graph/snice-network-graph.min.js +1 -1
- package/dist/cdn/notification-center/README.md +27 -0
- package/dist/cdn/notification-center/snice-notification-center.js +204 -0
- package/dist/cdn/notification-center/snice-notification-center.js.map +1 -0
- package/dist/cdn/notification-center/snice-notification-center.min.js +33 -0
- package/dist/cdn/notification-center/snice-notification-center.min.js.map +1 -0
- package/dist/cdn/org-chart/README.md +27 -0
- package/dist/cdn/org-chart/snice-org-chart.js +294 -0
- package/dist/cdn/org-chart/snice-org-chart.js.map +1 -0
- package/dist/cdn/org-chart/snice-org-chart.min.js +32 -0
- package/dist/cdn/org-chart/snice-org-chart.min.js.map +1 -0
- package/dist/cdn/pagination/snice-pagination.js +1 -1
- package/dist/cdn/pagination/snice-pagination.min.js +1 -1
- package/dist/cdn/paint/snice-paint.js +1 -1
- package/dist/cdn/paint/snice-paint.min.js +1 -1
- package/dist/cdn/pdf-viewer/README.md +27 -0
- package/dist/cdn/pdf-viewer/snice-pdf-viewer.js +594 -0
- package/dist/cdn/pdf-viewer/snice-pdf-viewer.js.map +1 -0
- package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js +88 -0
- package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js.map +1 -0
- package/dist/cdn/podcast-player/README.md +27 -0
- package/dist/cdn/podcast-player/snice-podcast-player.js +835 -0
- package/dist/cdn/podcast-player/snice-podcast-player.js.map +1 -0
- package/dist/cdn/podcast-player/snice-podcast-player.min.js +209 -0
- package/dist/cdn/podcast-player/snice-podcast-player.min.js.map +1 -0
- package/dist/cdn/pricing-table/README.md +27 -0
- package/dist/cdn/pricing-table/snice-pricing-table.js +491 -0
- package/dist/cdn/pricing-table/snice-pricing-table.js.map +1 -0
- package/dist/cdn/pricing-table/snice-pricing-table.min.js +141 -0
- package/dist/cdn/pricing-table/snice-pricing-table.min.js.map +1 -0
- package/dist/cdn/progress/snice-progress.js +1 -1
- package/dist/cdn/progress/snice-progress.min.js +1 -1
- package/dist/cdn/qr-code/snice-qr-code.js +1 -1
- package/dist/cdn/qr-code/snice-qr-code.min.js +1 -1
- package/dist/cdn/qr-reader/snice-qr-reader.js +1 -1
- package/dist/cdn/qr-reader/snice-qr-reader.min.js +1 -1
- package/dist/cdn/radio/snice-radio.js +1 -1
- package/dist/cdn/radio/snice-radio.min.js +1 -1
- package/dist/cdn/rating/README.md +27 -0
- package/dist/cdn/rating/snice-rating.js +210 -0
- package/dist/cdn/rating/snice-rating.js.map +1 -0
- package/dist/cdn/rating/snice-rating.min.js +25 -0
- package/dist/cdn/rating/snice-rating.min.js.map +1 -0
- package/dist/cdn/recipe/README.md +27 -0
- package/dist/cdn/recipe/snice-recipe.js +619 -0
- package/dist/cdn/recipe/snice-recipe.js.map +1 -0
- package/dist/cdn/recipe/snice-recipe.min.js +185 -0
- package/dist/cdn/recipe/snice-recipe.min.js.map +1 -0
- package/dist/cdn/runtime/snice-runtime.esm.js +3 -3
- package/dist/cdn/runtime/snice-runtime.esm.js.map +1 -1
- package/dist/cdn/runtime/snice-runtime.esm.min.js +3 -3
- package/dist/cdn/runtime/snice-runtime.esm.min.js.map +1 -1
- package/dist/cdn/runtime/snice-runtime.js +3 -3
- package/dist/cdn/runtime/snice-runtime.js.map +1 -1
- package/dist/cdn/runtime/snice-runtime.min.js +3 -3
- package/dist/cdn/runtime/snice-runtime.min.js.map +1 -1
- package/dist/cdn/sankey/snice-sankey.js +1 -1
- package/dist/cdn/sankey/snice-sankey.min.js +1 -1
- package/dist/cdn/select/snice-select.js +1 -1
- package/dist/cdn/select/snice-select.min.js +1 -1
- package/dist/cdn/skeleton/snice-skeleton.js +1 -1
- package/dist/cdn/skeleton/snice-skeleton.min.js +1 -1
- package/dist/cdn/slider/snice-slider.js +1 -1
- package/dist/cdn/slider/snice-slider.min.js +1 -1
- package/dist/cdn/sortable/README.md +27 -0
- package/dist/cdn/sortable/snice-sortable.js +254 -0
- package/dist/cdn/sortable/snice-sortable.js.map +1 -0
- package/dist/cdn/sortable/snice-sortable.min.js +12 -0
- package/dist/cdn/sortable/snice-sortable.min.js.map +1 -0
- package/dist/cdn/sparkline/snice-sparkline.js +1 -1
- package/dist/cdn/sparkline/snice-sparkline.min.js +1 -1
- package/dist/cdn/spinner/snice-spinner.js +1 -1
- package/dist/cdn/spinner/snice-spinner.min.js +1 -1
- package/dist/cdn/split-pane/snice-split-pane.js +1 -1
- package/dist/cdn/split-pane/snice-split-pane.min.js +1 -1
- package/dist/cdn/spotlight/README.md +27 -0
- package/dist/cdn/spotlight/snice-spotlight.js +397 -0
- package/dist/cdn/spotlight/snice-spotlight.js.map +1 -0
- package/dist/cdn/spotlight/snice-spotlight.min.js +8 -0
- package/dist/cdn/spotlight/snice-spotlight.min.js.map +1 -0
- package/dist/cdn/spreadsheet/README.md +27 -0
- package/dist/cdn/spreadsheet/snice-spreadsheet.js +1171 -0
- package/dist/cdn/spreadsheet/snice-spreadsheet.js.map +1 -0
- package/dist/cdn/spreadsheet/snice-spreadsheet.min.js +30 -0
- package/dist/cdn/spreadsheet/snice-spreadsheet.min.js.map +1 -0
- package/dist/cdn/stepper/snice-stepper.js +1 -1
- package/dist/cdn/stepper/snice-stepper.min.js +1 -1
- package/dist/cdn/switch/snice-switch.js +1 -1
- package/dist/cdn/switch/snice-switch.min.js +1 -1
- package/dist/cdn/table/snice-table.js +1 -1
- package/dist/cdn/table/snice-table.min.js +1 -1
- package/dist/cdn/tabs/snice-tabs.js +1 -1
- package/dist/cdn/tabs/snice-tabs.min.js +1 -1
- package/dist/cdn/tag-input/README.md +27 -0
- package/dist/cdn/tag-input/snice-tag-input.js +387 -0
- package/dist/cdn/tag-input/snice-tag-input.js.map +1 -0
- package/dist/cdn/tag-input/snice-tag-input.min.js +65 -0
- package/dist/cdn/tag-input/snice-tag-input.min.js.map +1 -0
- package/dist/cdn/terminal/snice-terminal.js +1 -1
- package/dist/cdn/terminal/snice-terminal.min.js +1 -1
- package/dist/cdn/testimonial/README.md +27 -0
- package/dist/cdn/testimonial/snice-testimonial.js +187 -0
- package/dist/cdn/testimonial/snice-testimonial.js.map +1 -0
- package/dist/cdn/testimonial/snice-testimonial.min.js +21 -0
- package/dist/cdn/testimonial/snice-testimonial.min.js.map +1 -0
- package/dist/cdn/textarea/snice-textarea.js +1 -1
- package/dist/cdn/textarea/snice-textarea.min.js +1 -1
- package/dist/cdn/time-range-picker/snice-time-range-picker.js +1 -1
- package/dist/cdn/time-range-picker/snice-time-range-picker.min.js +1 -1
- package/dist/cdn/timeline/snice-timeline.js +1 -1
- package/dist/cdn/timeline/snice-timeline.min.js +1 -1
- package/dist/cdn/timer/snice-timer.js +1 -1
- package/dist/cdn/timer/snice-timer.min.js +1 -1
- package/dist/cdn/toast/snice-toast.js +1 -1
- package/dist/cdn/toast/snice-toast.min.js +1 -1
- package/dist/cdn/tooltip/snice-tooltip.js +1 -1
- package/dist/cdn/tooltip/snice-tooltip.min.js +1 -1
- package/dist/cdn/tree/snice-tree.js +1 -1
- package/dist/cdn/tree/snice-tree.min.js +1 -1
- package/dist/cdn/treemap/snice-treemap.js +1 -1
- package/dist/cdn/treemap/snice-treemap.min.js +1 -1
- package/dist/cdn/video-player/README.md +27 -0
- package/dist/cdn/video-player/snice-video-player.js +721 -0
- package/dist/cdn/video-player/snice-video-player.js.map +1 -0
- package/dist/cdn/video-player/snice-video-player.min.js +153 -0
- package/dist/cdn/video-player/snice-video-player.min.js.map +1 -0
- package/dist/cdn/virtual-scroller/snice-virtual-scroller.js +1 -1
- package/dist/cdn/virtual-scroller/snice-virtual-scroller.min.js +1 -1
- package/dist/cdn/waterfall/README.md +27 -0
- package/dist/cdn/waterfall/snice-waterfall.js +292 -0
- package/dist/cdn/waterfall/snice-waterfall.js.map +1 -0
- package/dist/cdn/waterfall/snice-waterfall.min.js +12 -0
- package/dist/cdn/waterfall/snice-waterfall.min.js.map +1 -0
- package/dist/cdn/weather/README.md +27 -0
- package/dist/cdn/weather/snice-weather.js +194 -0
- package/dist/cdn/weather/snice-weather.js.map +1 -0
- package/dist/cdn/weather/snice-weather.min.js +42 -0
- package/dist/cdn/weather/snice-weather.min.js.map +1 -0
- package/dist/components/app-tiles/snice-app-tiles.d.ts +36 -0
- package/dist/components/app-tiles/snice-app-tiles.js +265 -0
- package/dist/components/app-tiles/snice-app-tiles.js.map +1 -0
- package/dist/components/app-tiles/snice-app-tiles.types.d.ts +22 -0
- package/dist/components/book/snice-book.d.ts +46 -0
- package/dist/components/book/snice-book.js +285 -0
- package/dist/components/book/snice-book.js.map +1 -0
- package/dist/components/book/snice-book.types.d.ts +21 -0
- package/dist/components/comments/snice-comments.d.ts +62 -0
- package/dist/components/comments/snice-comments.js +476 -0
- package/dist/components/comments/snice-comments.js.map +1 -0
- package/dist/components/comments/snice-comments.types.d.ts +64 -0
- package/dist/components/countdown/snice-countdown.d.ts +21 -0
- package/dist/components/countdown/snice-countdown.js +168 -0
- package/dist/components/countdown/snice-countdown.js.map +1 -0
- package/dist/components/countdown/snice-countdown.types.d.ts +18 -0
- package/dist/components/cropper/snice-cropper.d.ts +32 -0
- package/dist/components/cropper/snice-cropper.js +285 -0
- package/dist/components/cropper/snice-cropper.js.map +1 -0
- package/dist/components/cropper/snice-cropper.types.d.ts +26 -0
- package/dist/components/diff/snice-diff.d.ts +32 -0
- package/dist/components/diff/snice-diff.js +374 -0
- package/dist/components/diff/snice-diff.js.map +1 -0
- package/dist/components/diff/snice-diff.types.d.ts +26 -0
- package/dist/components/flip-card/snice-flip-card.d.ts +15 -0
- package/dist/components/flip-card/snice-flip-card.js +116 -0
- package/dist/components/flip-card/snice-flip-card.js.map +1 -0
- package/dist/components/flip-card/snice-flip-card.types.d.ts +16 -0
- package/dist/components/flow/snice-flow.d.ts +91 -0
- package/dist/components/flow/snice-flow.js +755 -0
- package/dist/components/flow/snice-flow.js.map +1 -0
- package/dist/components/flow/snice-flow.types.d.ts +64 -0
- package/dist/components/gantt/snice-gantt.d.ts +34 -0
- package/dist/components/gantt/snice-gantt.js +369 -0
- package/dist/components/gantt/snice-gantt.js.map +1 -0
- package/dist/components/gantt/snice-gantt.types.d.ts +37 -0
- package/dist/components/map/snice-map.d.ts +44 -0
- package/dist/components/map/snice-map.js +348 -0
- package/dist/components/map/snice-map.js.map +1 -0
- package/dist/components/map/snice-map.types.d.ts +41 -0
- package/dist/components/markdown/snice-markdown.d.ts +24 -0
- package/dist/components/markdown/snice-markdown.js +250 -0
- package/dist/components/markdown/snice-markdown.js.map +1 -0
- package/dist/components/markdown/snice-markdown.types.d.ts +16 -0
- package/dist/components/notification-center/snice-notification-center.d.ts +18 -0
- package/dist/components/notification-center/snice-notification-center.js +137 -0
- package/dist/components/notification-center/snice-notification-center.js.map +1 -0
- package/dist/components/notification-center/snice-notification-center.types.d.ts +24 -0
- package/dist/components/org-chart/snice-org-chart.d.ts +28 -0
- package/dist/components/org-chart/snice-org-chart.js +227 -0
- package/dist/components/org-chart/snice-org-chart.js.map +1 -0
- package/dist/components/org-chart/snice-org-chart.types.d.ts +28 -0
- package/dist/components/pdf-viewer/pdf.min.mjs +21 -0
- package/dist/components/pdf-viewer/pdf.worker.min.mjs +21 -0
- package/dist/components/pdf-viewer/snice-pdf-viewer.d.ts +59 -0
- package/dist/components/pdf-viewer/snice-pdf-viewer.js +527 -0
- package/dist/components/pdf-viewer/snice-pdf-viewer.js.map +1 -0
- package/dist/components/pdf-viewer/snice-pdf-viewer.types.d.ts +25 -0
- package/dist/components/podcast-player/snice-podcast-player.d.ts +72 -0
- package/dist/components/podcast-player/snice-podcast-player.js +768 -0
- package/dist/components/podcast-player/snice-podcast-player.js.map +1 -0
- package/dist/components/podcast-player/snice-podcast-player.types.d.ts +79 -0
- package/dist/components/pricing-table/snice-pricing-table.d.ts +51 -0
- package/dist/components/pricing-table/snice-pricing-table.js +422 -0
- package/dist/components/pricing-table/snice-pricing-table.js.map +1 -0
- package/dist/components/pricing-table/snice-pricing-table.types.d.ts +49 -0
- package/dist/components/rating/snice-rating.d.ts +15 -0
- package/dist/components/rating/snice-rating.js +143 -0
- package/dist/components/rating/snice-rating.js.map +1 -0
- package/dist/components/rating/snice-rating.types.d.ts +15 -0
- package/dist/components/recipe/snice-recipe.d.ts +53 -0
- package/dist/components/recipe/snice-recipe.js +552 -0
- package/dist/components/recipe/snice-recipe.js.map +1 -0
- package/dist/components/recipe/snice-recipe.types.d.ts +56 -0
- package/dist/components/sortable/snice-sortable.d.ts +24 -0
- package/dist/components/sortable/snice-sortable.js +187 -0
- package/dist/components/sortable/snice-sortable.js.map +1 -0
- package/dist/components/sortable/snice-sortable.types.d.ts +20 -0
- package/dist/components/spotlight/snice-spotlight.d.ts +42 -0
- package/dist/components/spotlight/snice-spotlight.js +330 -0
- package/dist/components/spotlight/snice-spotlight.js.map +1 -0
- package/dist/components/spotlight/snice-spotlight.types.d.ts +26 -0
- package/dist/components/spreadsheet/snice-spreadsheet.d.ts +102 -0
- package/dist/components/spreadsheet/snice-spreadsheet.js +1104 -0
- package/dist/components/spreadsheet/snice-spreadsheet.js.map +1 -0
- package/dist/components/spreadsheet/snice-spreadsheet.types.d.ts +54 -0
- package/dist/components/tag-input/snice-tag-input.d.ts +40 -0
- package/dist/components/tag-input/snice-tag-input.js +320 -0
- package/dist/components/tag-input/snice-tag-input.js.map +1 -0
- package/dist/components/tag-input/snice-tag-input.types.d.ts +29 -0
- package/dist/components/testimonial/snice-testimonial.d.ts +15 -0
- package/dist/components/testimonial/snice-testimonial.js +120 -0
- package/dist/components/testimonial/snice-testimonial.js.map +1 -0
- package/dist/components/testimonial/snice-testimonial.types.d.ts +10 -0
- package/dist/components/video-player/snice-video-player.d.ts +78 -0
- package/dist/components/video-player/snice-video-player.js +654 -0
- package/dist/components/video-player/snice-video-player.js.map +1 -0
- package/dist/components/video-player/snice-video-player.types.d.ts +47 -0
- package/dist/components/waterfall/snice-waterfall.d.ts +30 -0
- package/dist/components/waterfall/snice-waterfall.js +225 -0
- package/dist/components/waterfall/snice-waterfall.js.map +1 -0
- package/dist/components/waterfall/snice-waterfall.types.d.ts +23 -0
- package/dist/components/weather/snice-weather.d.ts +10 -0
- package/dist/components/weather/snice-weather.js +127 -0
- package/dist/components/weather/snice-weather.js.map +1 -0
- package/dist/components/weather/snice-weather.types.d.ts +22 -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/DEVELOPMENT.md +1 -1
- package/docs/ai/api.md +6 -3
- package/docs/ai/components/accordion.md +0 -34
- package/docs/ai/components/app-tiles.md +77 -0
- package/docs/ai/components/audio-recorder.md +2 -0
- package/docs/ai/components/badge.md +7 -0
- package/docs/ai/components/book.md +78 -0
- package/docs/ai/components/button.md +5 -0
- package/docs/ai/components/chart.md +0 -24
- package/docs/ai/components/chat.md +7 -95
- package/docs/ai/components/code-block.md +3 -82
- package/docs/ai/components/color-display.md +3 -3
- package/docs/ai/components/color-picker.md +4 -4
- package/docs/ai/components/comments.md +75 -0
- package/docs/ai/components/countdown.md +54 -0
- package/docs/ai/components/cropper.md +57 -0
- package/docs/ai/components/date-picker.md +15 -9
- package/docs/ai/components/diff.md +66 -0
- package/docs/ai/components/divider.md +1 -1
- package/docs/ai/components/draw.md +5 -5
- package/docs/ai/components/drawer.md +5 -5
- package/docs/ai/components/empty-state.md +2 -2
- package/docs/ai/components/file-gallery.md +16 -87
- package/docs/ai/components/file-upload.md +6 -6
- package/docs/ai/components/flip-card.md +52 -0
- package/docs/ai/components/flow.md +104 -0
- package/docs/ai/components/funnel.md +3 -3
- package/docs/ai/components/gantt.md +63 -0
- package/docs/ai/components/gauge.md +1 -1
- package/docs/ai/components/heatmap.md +5 -5
- package/docs/ai/components/input.md +20 -18
- package/docs/ai/components/kanban.md +2 -2
- package/docs/ai/components/kpi.md +4 -53
- package/docs/ai/components/layout.md +10 -235
- package/docs/ai/components/link-preview.md +20 -29
- package/docs/ai/components/link.md +27 -47
- package/docs/ai/components/list.md +51 -31
- package/docs/ai/components/location.md +15 -27
- package/docs/ai/components/login.md +43 -94
- package/docs/ai/components/map.md +72 -0
- package/docs/ai/components/markdown.md +63 -0
- package/docs/ai/components/masonry.md +10 -6
- package/docs/ai/components/menu.md +40 -72
- package/docs/ai/components/modal.md +25 -42
- package/docs/ai/components/music-player.md +37 -89
- package/docs/ai/components/nav.md +25 -39
- package/docs/ai/components/network-graph.md +39 -43
- package/docs/ai/components/notification-center.md +79 -0
- package/docs/ai/components/org-chart.md +62 -0
- package/docs/ai/components/pagination.md +16 -18
- package/docs/ai/components/pdf-viewer.md +57 -0
- package/docs/ai/components/podcast-player.md +94 -0
- package/docs/ai/components/pricing-table.md +87 -0
- package/docs/ai/components/progress.md +23 -39
- package/docs/ai/components/qr-code.md +37 -84
- package/docs/ai/components/qr-reader.md +51 -61
- package/docs/ai/components/radio.md +27 -39
- package/docs/ai/components/rating.md +56 -0
- package/docs/ai/components/recipe.md +90 -0
- package/docs/ai/components/skeleton.md +0 -8
- package/docs/ai/components/slider.md +10 -50
- package/docs/ai/components/sortable.md +57 -0
- package/docs/ai/components/sparkline.md +26 -152
- package/docs/ai/components/spinner.md +0 -21
- package/docs/ai/components/split-pane.md +16 -38
- package/docs/ai/components/spotlight.md +61 -0
- package/docs/ai/components/spreadsheet.md +138 -0
- package/docs/ai/components/stepper.md +37 -183
- package/docs/ai/components/switch.md +28 -35
- package/docs/ai/components/table.md +43 -172
- package/docs/ai/components/tabs.md +31 -52
- package/docs/ai/components/tag-input.md +70 -0
- package/docs/ai/components/terminal.md +34 -116
- package/docs/ai/components/testimonial.md +56 -0
- package/docs/ai/components/textarea.md +11 -43
- package/docs/ai/components/theme.md +120 -0
- package/docs/ai/components/time-range-picker.md +17 -49
- package/docs/ai/components/timeline.md +7 -46
- package/docs/ai/components/timer.md +41 -37
- package/docs/ai/components/toast.md +19 -90
- package/docs/ai/components/tooltip.md +17 -104
- package/docs/ai/components/tree.md +38 -162
- package/docs/ai/components/treemap.md +23 -44
- package/docs/ai/components/video-player.md +91 -0
- package/docs/ai/components/virtual-scroller.md +23 -46
- package/docs/ai/components/waterfall.md +56 -0
- package/docs/ai/components/weather.md +78 -0
- package/docs/ai/decorators.md +25 -3
- package/docs/ai/patterns.md +17 -1
- package/docs/components/accordion.md +8 -6
- package/docs/components/alert.md +2 -0
- package/docs/components/app-tiles.md +162 -0
- package/docs/components/audio-recorder.md +6 -0
- package/docs/components/avatar.md +225 -0
- package/docs/components/badge.md +2 -0
- package/docs/components/banner.md +2 -0
- package/docs/components/book.md +184 -0
- package/docs/components/breadcrumbs.md +2 -0
- package/docs/components/button.md +15 -0
- package/docs/components/calendar.md +2 -0
- package/docs/components/camera-annotate.md +2 -0
- package/docs/components/camera.md +2 -0
- package/docs/components/candlestick.md +2 -0
- package/docs/components/card.md +2 -0
- package/docs/components/carousel.md +205 -36
- package/docs/components/chart.md +2 -0
- package/docs/components/chat.md +2 -0
- package/docs/components/checkbox.md +2 -0
- package/docs/components/chip.md +2 -0
- package/docs/components/code-block.md +2 -0
- package/docs/components/color-display.md +2 -0
- package/docs/components/color-picker.md +6 -4
- package/docs/components/command-palette.md +2 -0
- package/docs/components/comments.md +235 -0
- package/docs/components/countdown.md +121 -0
- package/docs/components/cropper.md +152 -0
- package/docs/components/date-picker.md +201 -0
- package/docs/components/diff.md +177 -0
- package/docs/components/divider.md +132 -0
- package/docs/components/doc.md +2 -0
- package/docs/components/draw.md +2 -0
- package/docs/components/drawer.md +2 -0
- package/docs/components/empty-state.md +2 -0
- package/docs/components/file-gallery.md +2 -0
- package/docs/components/file-upload.md +2 -0
- package/docs/components/flip-card.md +169 -0
- package/docs/components/flow.md +208 -0
- package/docs/components/funnel.md +2 -0
- package/docs/components/gantt.md +187 -0
- package/docs/components/gauge.md +2 -0
- package/docs/components/heatmap.md +2 -0
- package/docs/components/image.md +2 -0
- package/docs/components/input.md +242 -0
- package/docs/components/kanban.md +2 -0
- package/docs/components/kpi.md +2 -0
- package/docs/components/layout.md +84 -0
- package/docs/components/link-preview.md +66 -92
- package/docs/components/link.md +73 -157
- package/docs/components/list.md +140 -44
- package/docs/components/location.md +96 -283
- package/docs/components/login.md +131 -498
- package/docs/components/map.md +203 -0
- package/docs/components/markdown.md +220 -0
- package/docs/components/masonry.md +57 -102
- package/docs/components/menu.md +87 -494
- package/docs/components/modal.md +83 -436
- package/docs/components/music-player.md +116 -221
- package/docs/components/nav.md +107 -170
- package/docs/components/network-graph.md +83 -111
- package/docs/components/notification-center.md +256 -0
- package/docs/components/org-chart.md +275 -0
- package/docs/components/pagination.md +75 -218
- package/docs/components/paint.md +108 -73
- package/docs/components/pdf-viewer.md +204 -0
- package/docs/components/podcast-player.md +277 -0
- package/docs/components/pricing-table.md +249 -0
- package/docs/components/progress.md +169 -0
- package/docs/components/qr-code.md +95 -378
- package/docs/components/qr-reader.md +83 -258
- package/docs/components/radio.md +151 -0
- package/docs/components/rating.md +154 -0
- package/docs/components/recipe.md +323 -0
- package/docs/components/sankey.md +84 -107
- package/docs/components/select.md +114 -485
- package/docs/components/skeleton.md +96 -0
- package/docs/components/slider.md +92 -235
- package/docs/components/sortable.md +267 -0
- package/docs/components/sparkline.md +76 -222
- package/docs/components/spinner.md +37 -18
- package/docs/components/split-pane.md +62 -226
- package/docs/components/spotlight.md +240 -0
- package/docs/components/spreadsheet.md +405 -0
- package/docs/components/stepper.md +72 -306
- package/docs/components/switch.md +69 -293
- package/docs/components/table.md +250 -0
- package/docs/components/tabs.md +92 -471
- package/docs/components/tag-input.md +257 -0
- package/docs/components/terminal.md +87 -391
- package/docs/components/testimonial.md +185 -0
- package/docs/components/textarea.md +96 -181
- package/docs/components/theme.md +216 -0
- package/docs/components/time-range-picker.md +99 -151
- package/docs/components/timeline.md +67 -115
- package/docs/components/timer.md +44 -86
- package/docs/components/toast.md +93 -432
- package/docs/components/tooltip.md +75 -419
- package/docs/components/tree.md +110 -436
- package/docs/components/treemap.md +86 -129
- package/docs/components/video-player.md +336 -0
- package/docs/components/virtual-scroller.md +86 -226
- package/docs/components/waterfall.md +217 -0
- package/docs/components/weather.md +239 -0
- package/package.json +1 -1
- package/docs/ai/components/popover.md +0 -70
- package/docs/components/popover.md +0 -333
|
@@ -0,0 +1,352 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* snice v4.9.0
|
|
3
|
+
* Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
|
|
4
|
+
* (c) 2024
|
|
5
|
+
* Released under the MIT License.
|
|
6
|
+
*/
|
|
7
|
+
if(typeof globalThis.Snice==="undefined"){console.warn("[snice] snice-runtime.min.js must be loaded before snice-cropper.min.js");}
|
|
8
|
+
var SniceCropper = (function (exports, snice) {
|
|
9
|
+
'use strict';
|
|
10
|
+
|
|
11
|
+
/******************************************************************************
|
|
12
|
+
Copyright (c) Microsoft Corporation.
|
|
13
|
+
|
|
14
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
15
|
+
purpose with or without fee is hereby granted.
|
|
16
|
+
|
|
17
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
18
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
19
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
20
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
21
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
22
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
23
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
24
|
+
***************************************************************************** */
|
|
25
|
+
/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
|
|
29
|
+
function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
|
|
30
|
+
var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
|
|
31
|
+
var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
|
|
32
|
+
var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
|
|
33
|
+
var _, done = false;
|
|
34
|
+
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
35
|
+
var context = {};
|
|
36
|
+
for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
|
|
37
|
+
for (var p in contextIn.access) context.access[p] = contextIn.access[p];
|
|
38
|
+
context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
|
|
39
|
+
var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
|
|
40
|
+
if (kind === "accessor") {
|
|
41
|
+
if (result === void 0) continue;
|
|
42
|
+
if (result === null || typeof result !== "object") throw new TypeError("Object expected");
|
|
43
|
+
if (_ = accept(result.get)) descriptor.get = _;
|
|
44
|
+
if (_ = accept(result.set)) descriptor.set = _;
|
|
45
|
+
if (_ = accept(result.init)) initializers.unshift(_);
|
|
46
|
+
}
|
|
47
|
+
else if (_ = accept(result)) {
|
|
48
|
+
if (kind === "field") initializers.unshift(_);
|
|
49
|
+
else descriptor[key] = _;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
if (target) Object.defineProperty(target, contextIn.name, descriptor);
|
|
53
|
+
done = true;
|
|
54
|
+
}
|
|
55
|
+
function __runInitializers(thisArg, initializers, value) {
|
|
56
|
+
var useValue = arguments.length > 2;
|
|
57
|
+
for (var i = 0; i < initializers.length; i++) {
|
|
58
|
+
value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
|
|
59
|
+
}
|
|
60
|
+
return useValue ? value : void 0;
|
|
61
|
+
}
|
|
62
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
63
|
+
var e = new Error(message);
|
|
64
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
var cssContent = ":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;width:100%;position:relative;overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:var(--snice-border-radius-lg,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226))}.cropper{position:relative;width:100%;height:100%;min-height:12.5rem;overflow:hidden;user-select:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;transform-origin:center center;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.crop-area{position:absolute;border:2px solid rgb(255 255 255);box-shadow:0 0 0 9999px rgb(0 0 0 / .5);cursor:move;pointer-events:auto}.crop-area::before{content:'';position:absolute;top:33.33%;left:0;right:0;height:33.34%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.crop-area::after{content:'';position:absolute;left:33.33%;top:0;bottom:0;width:33.34%;border-left:1px solid;border-right:1px solid;pointer-events:none}.handle{position:absolute;width:.75rem;height:.75rem;background:rgb(255 255 255);border:1px solid;border-radius:50%;pointer-events:auto}.handle-nw{top:-6px;left:-6px;cursor:nw-resize}.handle-ne{top:-6px;right:-6px;cursor:ne-resize}.handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.handle-se{bottom:-6px;right:-6px;cursor:se-resize}.handle-n{top:-6px;left:50%;transform:translateX(-50%);cursor:n-resize}.handle-s{bottom:-6px;left:50%;transform:translateX(-50%);cursor:s-resize}.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}";
|
|
68
|
+
|
|
69
|
+
let SniceCropper = (() => {
|
|
70
|
+
let _classDecorators = [snice.element('snice-cropper')];
|
|
71
|
+
let _classDescriptor;
|
|
72
|
+
let _classExtraInitializers = [];
|
|
73
|
+
let _classThis;
|
|
74
|
+
let _classSuper = HTMLElement;
|
|
75
|
+
let _instanceExtraInitializers = [];
|
|
76
|
+
let _src_decorators;
|
|
77
|
+
let _src_initializers = [];
|
|
78
|
+
let _src_extraInitializers = [];
|
|
79
|
+
let _aspectRatio_decorators;
|
|
80
|
+
let _aspectRatio_initializers = [];
|
|
81
|
+
let _aspectRatio_extraInitializers = [];
|
|
82
|
+
let _minWidth_decorators;
|
|
83
|
+
let _minWidth_initializers = [];
|
|
84
|
+
let _minWidth_extraInitializers = [];
|
|
85
|
+
let _minHeight_decorators;
|
|
86
|
+
let _minHeight_initializers = [];
|
|
87
|
+
let _minHeight_extraInitializers = [];
|
|
88
|
+
let _outputType_decorators;
|
|
89
|
+
let _outputType_initializers = [];
|
|
90
|
+
let _outputType_extraInitializers = [];
|
|
91
|
+
let _container_decorators;
|
|
92
|
+
let _container_initializers = [];
|
|
93
|
+
let _container_extraInitializers = [];
|
|
94
|
+
let _img_decorators;
|
|
95
|
+
let _img_initializers = [];
|
|
96
|
+
let _img_extraInitializers = [];
|
|
97
|
+
let _cropAreaEl_decorators;
|
|
98
|
+
let _cropAreaEl_initializers = [];
|
|
99
|
+
let _cropAreaEl_extraInitializers = [];
|
|
100
|
+
let _emitCropChange_decorators;
|
|
101
|
+
let _emitCropComplete_decorators;
|
|
102
|
+
let _init_decorators;
|
|
103
|
+
let _onSrcChange_decorators;
|
|
104
|
+
let _template_decorators;
|
|
105
|
+
let _componentStyles_decorators;
|
|
106
|
+
(class extends _classSuper {
|
|
107
|
+
static { _classThis = this; }
|
|
108
|
+
constructor() {
|
|
109
|
+
super(...arguments);
|
|
110
|
+
this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));
|
|
111
|
+
this.aspectRatio = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _aspectRatio_initializers, 0));
|
|
112
|
+
this.minWidth = (__runInitializers(this, _aspectRatio_extraInitializers), __runInitializers(this, _minWidth_initializers, 20));
|
|
113
|
+
this.minHeight = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _minHeight_initializers, 20));
|
|
114
|
+
this.outputType = (__runInitializers(this, _minHeight_extraInitializers), __runInitializers(this, _outputType_initializers, 'png'));
|
|
115
|
+
this.container = (__runInitializers(this, _outputType_extraInitializers), __runInitializers(this, _container_initializers, void 0));
|
|
116
|
+
this.img = (__runInitializers(this, _container_extraInitializers), __runInitializers(this, _img_initializers, void 0));
|
|
117
|
+
this.cropAreaEl = (__runInitializers(this, _img_extraInitializers), __runInitializers(this, _cropAreaEl_initializers, void 0));
|
|
118
|
+
this.cropRect = (__runInitializers(this, _cropAreaEl_extraInitializers), { x: 0, y: 0, width: 0, height: 0 });
|
|
119
|
+
this.rotation = 0;
|
|
120
|
+
this.zoomLevel = 1;
|
|
121
|
+
this.dragging = null;
|
|
122
|
+
this.dragStart = { x: 0, y: 0, cropX: 0, cropY: 0, cropW: 0, cropH: 0 };
|
|
123
|
+
this.onCropAreaMouseDown = (e) => {
|
|
124
|
+
e.preventDefault();
|
|
125
|
+
const target = e.target;
|
|
126
|
+
this.dragging = target.classList.contains('crop-area') ? 'move' : target.dataset.handle || null;
|
|
127
|
+
this.dragStart = {
|
|
128
|
+
x: e.clientX,
|
|
129
|
+
y: e.clientY,
|
|
130
|
+
cropX: this.cropRect.x,
|
|
131
|
+
cropY: this.cropRect.y,
|
|
132
|
+
cropW: this.cropRect.width,
|
|
133
|
+
cropH: this.cropRect.height,
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
this.onMouseMove = (e) => {
|
|
137
|
+
if (!this.dragging || !this.container)
|
|
138
|
+
return;
|
|
139
|
+
const bounds = this.container.getBoundingClientRect();
|
|
140
|
+
const dx = e.clientX - this.dragStart.x;
|
|
141
|
+
const dy = e.clientY - this.dragStart.y;
|
|
142
|
+
if (this.dragging === 'move') {
|
|
143
|
+
this.cropRect.x = Math.max(0, Math.min(bounds.width - this.cropRect.width, this.dragStart.cropX + dx));
|
|
144
|
+
this.cropRect.y = Math.max(0, Math.min(bounds.height - this.cropRect.height, this.dragStart.cropY + dy));
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
this.resizeCrop(this.dragging, dx, dy, bounds);
|
|
148
|
+
}
|
|
149
|
+
this.updateCropArea();
|
|
150
|
+
this.emitCropChange();
|
|
151
|
+
};
|
|
152
|
+
this.onMouseUp = () => {
|
|
153
|
+
this.dragging = null;
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
static {
|
|
157
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
158
|
+
_src_decorators = [snice.property()];
|
|
159
|
+
_aspectRatio_decorators = [snice.property({ type: Number, attribute: 'aspect-ratio' })];
|
|
160
|
+
_minWidth_decorators = [snice.property({ type: Number, attribute: 'min-width' })];
|
|
161
|
+
_minHeight_decorators = [snice.property({ type: Number, attribute: 'min-height' })];
|
|
162
|
+
_outputType_decorators = [snice.property({ attribute: 'output-type' })];
|
|
163
|
+
_container_decorators = [snice.query('.cropper')];
|
|
164
|
+
_img_decorators = [snice.query('img')];
|
|
165
|
+
_cropAreaEl_decorators = [snice.query('.crop-area')];
|
|
166
|
+
_emitCropChange_decorators = [snice.dispatch('crop-change', { bubbles: true, composed: true })];
|
|
167
|
+
_emitCropComplete_decorators = [snice.dispatch('crop-complete', { bubbles: true, composed: true })];
|
|
168
|
+
_init_decorators = [snice.ready()];
|
|
169
|
+
_onSrcChange_decorators = [snice.watch('src')];
|
|
170
|
+
_template_decorators = [snice.render()];
|
|
171
|
+
_componentStyles_decorators = [snice.styles()];
|
|
172
|
+
__esDecorate(this, null, _emitCropChange_decorators, { kind: "method", name: "emitCropChange", static: false, private: false, access: { has: obj => "emitCropChange" in obj, get: obj => obj.emitCropChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
173
|
+
__esDecorate(this, null, _emitCropComplete_decorators, { kind: "method", name: "emitCropComplete", static: false, private: false, access: { has: obj => "emitCropComplete" in obj, get: obj => obj.emitCropComplete }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
174
|
+
__esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
175
|
+
__esDecorate(this, null, _onSrcChange_decorators, { kind: "method", name: "onSrcChange", static: false, private: false, access: { has: obj => "onSrcChange" in obj, get: obj => obj.onSrcChange }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
176
|
+
__esDecorate(this, null, _template_decorators, { kind: "method", name: "template", static: false, private: false, access: { has: obj => "template" in obj, get: obj => obj.template }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
177
|
+
__esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
|
|
178
|
+
__esDecorate(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);
|
|
179
|
+
__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);
|
|
180
|
+
__esDecorate(null, null, _minWidth_decorators, { kind: "field", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
|
|
181
|
+
__esDecorate(null, null, _minHeight_decorators, { kind: "field", name: "minHeight", static: false, private: false, access: { has: obj => "minHeight" in obj, get: obj => obj.minHeight, set: (obj, value) => { obj.minHeight = value; } }, metadata: _metadata }, _minHeight_initializers, _minHeight_extraInitializers);
|
|
182
|
+
__esDecorate(null, null, _outputType_decorators, { kind: "field", name: "outputType", static: false, private: false, access: { has: obj => "outputType" in obj, get: obj => obj.outputType, set: (obj, value) => { obj.outputType = value; } }, metadata: _metadata }, _outputType_initializers, _outputType_extraInitializers);
|
|
183
|
+
__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);
|
|
184
|
+
__esDecorate(null, null, _img_decorators, { kind: "field", name: "img", static: false, private: false, access: { has: obj => "img" in obj, get: obj => obj.img, set: (obj, value) => { obj.img = value; } }, metadata: _metadata }, _img_initializers, _img_extraInitializers);
|
|
185
|
+
__esDecorate(null, null, _cropAreaEl_decorators, { kind: "field", name: "cropAreaEl", static: false, private: false, access: { has: obj => "cropAreaEl" in obj, get: obj => obj.cropAreaEl, set: (obj, value) => { obj.cropAreaEl = value; } }, metadata: _metadata }, _cropAreaEl_initializers, _cropAreaEl_extraInitializers);
|
|
186
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
187
|
+
_classThis = _classDescriptor.value;
|
|
188
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
189
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
190
|
+
}
|
|
191
|
+
emitCropChange() {
|
|
192
|
+
return { rect: { ...this.cropRect } };
|
|
193
|
+
}
|
|
194
|
+
emitCropComplete(blob) {
|
|
195
|
+
return { blob };
|
|
196
|
+
}
|
|
197
|
+
init() {
|
|
198
|
+
document.addEventListener('mousemove', this.onMouseMove);
|
|
199
|
+
document.addEventListener('mouseup', this.onMouseUp);
|
|
200
|
+
}
|
|
201
|
+
onSrcChange() {
|
|
202
|
+
this.rotation = 0;
|
|
203
|
+
this.zoomLevel = 1;
|
|
204
|
+
// Reset crop after image loads
|
|
205
|
+
if (this.img) {
|
|
206
|
+
this.img.onload = () => this.initCropArea();
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
initCropArea() {
|
|
210
|
+
if (!this.container)
|
|
211
|
+
return;
|
|
212
|
+
const rect = this.container.getBoundingClientRect();
|
|
213
|
+
const padding = 20;
|
|
214
|
+
let w = rect.width - padding * 2;
|
|
215
|
+
let h = rect.height - padding * 2;
|
|
216
|
+
if (this.aspectRatio > 0) {
|
|
217
|
+
if (w / h > this.aspectRatio) {
|
|
218
|
+
w = h * this.aspectRatio;
|
|
219
|
+
}
|
|
220
|
+
else {
|
|
221
|
+
h = w / this.aspectRatio;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
this.cropRect = {
|
|
225
|
+
x: (rect.width - w) / 2,
|
|
226
|
+
y: (rect.height - h) / 2,
|
|
227
|
+
width: w,
|
|
228
|
+
height: h,
|
|
229
|
+
};
|
|
230
|
+
this.updateCropArea();
|
|
231
|
+
}
|
|
232
|
+
updateCropArea() {
|
|
233
|
+
if (!this.cropAreaEl)
|
|
234
|
+
return;
|
|
235
|
+
this.cropAreaEl.style.left = `${this.cropRect.x}px`;
|
|
236
|
+
this.cropAreaEl.style.top = `${this.cropRect.y}px`;
|
|
237
|
+
this.cropAreaEl.style.width = `${this.cropRect.width}px`;
|
|
238
|
+
this.cropAreaEl.style.height = `${this.cropRect.height}px`;
|
|
239
|
+
}
|
|
240
|
+
resizeCrop(handle, dx, dy, bounds) {
|
|
241
|
+
let { x, y, width, height } = { x: this.dragStart.cropX, y: this.dragStart.cropY, width: this.dragStart.cropW, height: this.dragStart.cropH };
|
|
242
|
+
if (handle.includes('e'))
|
|
243
|
+
width = Math.max(this.minWidth, width + dx);
|
|
244
|
+
if (handle.includes('w')) {
|
|
245
|
+
width = Math.max(this.minWidth, width - dx);
|
|
246
|
+
x = this.dragStart.cropX + this.dragStart.cropW - width;
|
|
247
|
+
}
|
|
248
|
+
if (handle.includes('s'))
|
|
249
|
+
height = Math.max(this.minHeight, height + dy);
|
|
250
|
+
if (handle.includes('n')) {
|
|
251
|
+
height = Math.max(this.minHeight, height - dy);
|
|
252
|
+
y = this.dragStart.cropY + this.dragStart.cropH - height;
|
|
253
|
+
}
|
|
254
|
+
if (this.aspectRatio > 0) {
|
|
255
|
+
if (handle.includes('e') || handle.includes('w')) {
|
|
256
|
+
height = width / this.aspectRatio;
|
|
257
|
+
}
|
|
258
|
+
else {
|
|
259
|
+
width = height * this.aspectRatio;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
// Clamp to container
|
|
263
|
+
x = Math.max(0, x);
|
|
264
|
+
y = Math.max(0, y);
|
|
265
|
+
width = Math.min(width, bounds.width - x);
|
|
266
|
+
height = Math.min(height, bounds.height - y);
|
|
267
|
+
this.cropRect = { x, y, width, height };
|
|
268
|
+
}
|
|
269
|
+
async crop() {
|
|
270
|
+
if (!this.img || !this.container)
|
|
271
|
+
return null;
|
|
272
|
+
const canvas = document.createElement('canvas');
|
|
273
|
+
const ctx = canvas.getContext('2d');
|
|
274
|
+
if (!ctx)
|
|
275
|
+
return null;
|
|
276
|
+
const containerRect = this.container.getBoundingClientRect();
|
|
277
|
+
const imgRect = this.img.getBoundingClientRect();
|
|
278
|
+
const scaleX = this.img.naturalWidth / imgRect.width;
|
|
279
|
+
const scaleY = this.img.naturalHeight / imgRect.height;
|
|
280
|
+
const sourceX = (this.cropRect.x - (imgRect.left - containerRect.left)) * scaleX;
|
|
281
|
+
const sourceY = (this.cropRect.y - (imgRect.top - containerRect.top)) * scaleY;
|
|
282
|
+
const sourceW = this.cropRect.width * scaleX;
|
|
283
|
+
const sourceH = this.cropRect.height * scaleY;
|
|
284
|
+
canvas.width = sourceW;
|
|
285
|
+
canvas.height = sourceH;
|
|
286
|
+
ctx.save();
|
|
287
|
+
if (this.rotation !== 0) {
|
|
288
|
+
ctx.translate(canvas.width / 2, canvas.height / 2);
|
|
289
|
+
ctx.rotate((this.rotation * Math.PI) / 180);
|
|
290
|
+
ctx.translate(-canvas.width / 2, -canvas.height / 2);
|
|
291
|
+
}
|
|
292
|
+
ctx.drawImage(this.img, sourceX, sourceY, sourceW, sourceH, 0, 0, sourceW, sourceH);
|
|
293
|
+
ctx.restore();
|
|
294
|
+
const mimeType = `image/${this.outputType}`;
|
|
295
|
+
return new Promise((resolve) => canvas.toBlob((blob) => {
|
|
296
|
+
this.emitCropComplete(blob);
|
|
297
|
+
resolve(blob);
|
|
298
|
+
}, mimeType));
|
|
299
|
+
}
|
|
300
|
+
rotate(degrees) {
|
|
301
|
+
this.rotation = (this.rotation + degrees) % 360;
|
|
302
|
+
if (this.img) {
|
|
303
|
+
this.img.style.transform = `scale(${this.zoomLevel}) rotate(${this.rotation}deg)`;
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
reset() {
|
|
307
|
+
this.rotation = 0;
|
|
308
|
+
this.zoomLevel = 1;
|
|
309
|
+
if (this.img) {
|
|
310
|
+
this.img.style.transform = '';
|
|
311
|
+
}
|
|
312
|
+
this.initCropArea();
|
|
313
|
+
}
|
|
314
|
+
zoom(level) {
|
|
315
|
+
this.zoomLevel = Math.max(0.1, Math.min(10, level));
|
|
316
|
+
if (this.img) {
|
|
317
|
+
this.img.style.transform = `scale(${this.zoomLevel}) rotate(${this.rotation}deg)`;
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
template() {
|
|
321
|
+
return snice.html `
|
|
322
|
+
<div class="cropper">
|
|
323
|
+
<div class="image-container">
|
|
324
|
+
<img src="${this.src}" alt="Image to crop" @load=${() => this.initCropArea()} />
|
|
325
|
+
</div>
|
|
326
|
+
<div class="crop-area"
|
|
327
|
+
@mousedown=${this.onCropAreaMouseDown}>
|
|
328
|
+
<span class="handle handle-nw" data-handle="nw" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
329
|
+
<span class="handle handle-ne" data-handle="ne" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
330
|
+
<span class="handle handle-sw" data-handle="sw" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
331
|
+
<span class="handle handle-se" data-handle="se" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
332
|
+
<span class="handle handle-n" data-handle="n" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
333
|
+
<span class="handle handle-s" data-handle="s" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
334
|
+
<span class="handle handle-w" data-handle="w" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
335
|
+
<span class="handle handle-e" data-handle="e" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
336
|
+
</div>
|
|
337
|
+
</div>
|
|
338
|
+
`;
|
|
339
|
+
}
|
|
340
|
+
componentStyles() {
|
|
341
|
+
return snice.css `${cssContent}`;
|
|
342
|
+
}
|
|
343
|
+
});
|
|
344
|
+
return _classThis;
|
|
345
|
+
})();
|
|
346
|
+
|
|
347
|
+
exports.SniceCropper = SniceCropper;
|
|
348
|
+
|
|
349
|
+
return exports;
|
|
350
|
+
|
|
351
|
+
})({}, Snice);
|
|
352
|
+
//# sourceMappingURL=snice-cropper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snice-cropper.js","sources":["../../../node_modules/tslib/tslib.es6.mjs","../../components/cropper/snice-cropper.js"],"sourcesContent":["/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\n\nvar extendStatics = function(d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n};\n\nexport function __extends(d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\n\nexport var __assign = function() {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n }\n return __assign.apply(this, arguments);\n}\n\nexport function __rest(s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n}\n\nexport function __decorate(decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\n\nexport function __param(paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n}\n\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\n var _, done = false;\n for (var i = decorators.length - 1; i >= 0; i--) {\n var context = {};\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\n if (kind === \"accessor\") {\n if (result === void 0) continue;\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\n if (_ = accept(result.get)) descriptor.get = _;\n if (_ = accept(result.set)) descriptor.set = _;\n if (_ = accept(result.init)) initializers.unshift(_);\n }\n else if (_ = accept(result)) {\n if (kind === \"field\") initializers.unshift(_);\n else descriptor[key] = _;\n }\n }\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\n done = true;\n};\n\nexport function __runInitializers(thisArg, initializers, value) {\n var useValue = arguments.length > 2;\n for (var i = 0; i < initializers.length; i++) {\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\n }\n return useValue ? value : void 0;\n};\n\nexport function __propKey(x) {\n return typeof x === \"symbol\" ? x : \"\".concat(x);\n};\n\nexport function __setFunctionName(f, name, prefix) {\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\n};\n\nexport function __metadata(metadataKey, metadataValue) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\n\nexport function __awaiter(thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n}\n\nexport function __generator(thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n}\n\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n});\n\nexport function __exportStar(m, o) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\n}\n\nexport function __values(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\n\nexport function __read(o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n}\n\n/** @deprecated */\nexport function __spread() {\n for (var ar = [], i = 0; i < arguments.length; i++)\n ar = ar.concat(__read(arguments[i]));\n return ar;\n}\n\n/** @deprecated */\nexport function __spreadArrays() {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n r[k] = a[j];\n return r;\n}\n\nexport function __spreadArray(to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n}\n\nexport function __await(v) {\n return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\n\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\n function fulfill(value) { resume(\"next\", value); }\n function reject(value) { resume(\"throw\", value); }\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\n}\n\nexport function __asyncDelegator(o) {\n var i, p;\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\n}\n\nexport function __asyncValues(o) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var m = o[Symbol.asyncIterator], i;\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\n}\n\nexport function __makeTemplateObject(cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\nvar __setModuleDefault = Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n};\n\nvar ownKeys = function(o) {\n ownKeys = Object.getOwnPropertyNames || function (o) {\n var ar = [];\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\n return ar;\n };\n return ownKeys(o);\n};\n\nexport function __importStar(mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\n __setModuleDefault(result, mod);\n return result;\n}\n\nexport function __importDefault(mod) {\n return (mod && mod.__esModule) ? mod : { default: mod };\n}\n\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n}\n\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n}\n\nexport function __classPrivateFieldIn(state, receiver) {\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\n}\n\nexport function __addDisposableResource(env, value, async) {\n if (value !== null && value !== void 0) {\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\n var dispose, inner;\n if (async) {\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\n dispose = value[Symbol.asyncDispose];\n }\n if (dispose === void 0) {\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\n dispose = value[Symbol.dispose];\n if (async) inner = dispose;\n }\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\n env.stack.push({ value: value, dispose: dispose, async: async });\n }\n else if (async) {\n env.stack.push({ async: true });\n }\n return value;\n}\n\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n var e = new Error(message);\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nexport function __disposeResources(env) {\n function fail(e) {\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\n env.hasError = true;\n }\n var r, s = 0;\n function next() {\n while (r = env.stack.pop()) {\n try {\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\n if (r.dispose) {\n var result = r.dispose.call(r.value);\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\n }\n else s |= 1;\n }\n catch (e) {\n fail(e);\n }\n }\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\n if (env.hasError) throw env.error;\n }\n return next();\n}\n\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\n });\n }\n return path;\n}\n\nexport default {\n __extends,\n __assign,\n __rest,\n __decorate,\n __param,\n __esDecorate,\n __runInitializers,\n __propKey,\n __setFunctionName,\n __metadata,\n __awaiter,\n __generator,\n __createBinding,\n __exportStar,\n __values,\n __read,\n __spread,\n __spreadArrays,\n __spreadArray,\n __await,\n __asyncGenerator,\n __asyncDelegator,\n __asyncValues,\n __makeTemplateObject,\n __importStar,\n __importDefault,\n __classPrivateFieldGet,\n __classPrivateFieldSet,\n __classPrivateFieldIn,\n __addDisposableResource,\n __disposeResources,\n __rewriteRelativeImportExtension,\n};\n","import { __runInitializers, __esDecorate } from 'tslib';\nimport { element, property, query, dispatch, ready, watch, render, styles, html, css } from 'snice';\n\nvar cssContent = \":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;width:100%;position:relative;overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:var(--snice-border-radius-lg,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226))}.cropper{position:relative;width:100%;height:100%;min-height:12.5rem;overflow:hidden;user-select:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;transform-origin:center center;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.crop-area{position:absolute;border:2px solid rgb(255 255 255);box-shadow:0 0 0 9999px rgb(0 0 0 / .5);cursor:move;pointer-events:auto}.crop-area::before{content:'';position:absolute;top:33.33%;left:0;right:0;height:33.34%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.crop-area::after{content:'';position:absolute;left:33.33%;top:0;bottom:0;width:33.34%;border-left:1px solid;border-right:1px solid;pointer-events:none}.handle{position:absolute;width:.75rem;height:.75rem;background:rgb(255 255 255);border:1px solid;border-radius:50%;pointer-events:auto}.handle-nw{top:-6px;left:-6px;cursor:nw-resize}.handle-ne{top:-6px;right:-6px;cursor:ne-resize}.handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.handle-se{bottom:-6px;right:-6px;cursor:se-resize}.handle-n{top:-6px;left:50%;transform:translateX(-50%);cursor:n-resize}.handle-s{bottom:-6px;left:50%;transform:translateX(-50%);cursor:s-resize}.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}\";\n\nlet SniceCropper = (() => {\n let _classDecorators = [element('snice-cropper')];\n let _classDescriptor;\n let _classExtraInitializers = [];\n let _classThis;\n let _classSuper = HTMLElement;\n let _instanceExtraInitializers = [];\n let _src_decorators;\n let _src_initializers = [];\n let _src_extraInitializers = [];\n let _aspectRatio_decorators;\n let _aspectRatio_initializers = [];\n let _aspectRatio_extraInitializers = [];\n let _minWidth_decorators;\n let _minWidth_initializers = [];\n let _minWidth_extraInitializers = [];\n let _minHeight_decorators;\n let _minHeight_initializers = [];\n let _minHeight_extraInitializers = [];\n let _outputType_decorators;\n let _outputType_initializers = [];\n let _outputType_extraInitializers = [];\n let _container_decorators;\n let _container_initializers = [];\n let _container_extraInitializers = [];\n let _img_decorators;\n let _img_initializers = [];\n let _img_extraInitializers = [];\n let _cropAreaEl_decorators;\n let _cropAreaEl_initializers = [];\n let _cropAreaEl_extraInitializers = [];\n let _emitCropChange_decorators;\n let _emitCropComplete_decorators;\n let _init_decorators;\n let _onSrcChange_decorators;\n let _template_decorators;\n let _componentStyles_decorators;\n (class extends _classSuper {\n static { _classThis = this; }\n constructor() {\n super(...arguments);\n this.src = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _src_initializers, ''));\n this.aspectRatio = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _aspectRatio_initializers, 0));\n this.minWidth = (__runInitializers(this, _aspectRatio_extraInitializers), __runInitializers(this, _minWidth_initializers, 20));\n this.minHeight = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _minHeight_initializers, 20));\n this.outputType = (__runInitializers(this, _minHeight_extraInitializers), __runInitializers(this, _outputType_initializers, 'png'));\n this.container = (__runInitializers(this, _outputType_extraInitializers), __runInitializers(this, _container_initializers, void 0));\n this.img = (__runInitializers(this, _container_extraInitializers), __runInitializers(this, _img_initializers, void 0));\n this.cropAreaEl = (__runInitializers(this, _img_extraInitializers), __runInitializers(this, _cropAreaEl_initializers, void 0));\n this.cropRect = (__runInitializers(this, _cropAreaEl_extraInitializers), { x: 0, y: 0, width: 0, height: 0 });\n this.rotation = 0;\n this.zoomLevel = 1;\n this.dragging = null;\n this.dragStart = { x: 0, y: 0, cropX: 0, cropY: 0, cropW: 0, cropH: 0 };\n this.onCropAreaMouseDown = (e) => {\n e.preventDefault();\n const target = e.target;\n this.dragging = target.classList.contains('crop-area') ? 'move' : target.dataset.handle || null;\n this.dragStart = {\n x: e.clientX,\n y: e.clientY,\n cropX: this.cropRect.x,\n cropY: this.cropRect.y,\n cropW: this.cropRect.width,\n cropH: this.cropRect.height,\n };\n };\n this.onMouseMove = (e) => {\n if (!this.dragging || !this.container)\n return;\n const bounds = this.container.getBoundingClientRect();\n const dx = e.clientX - this.dragStart.x;\n const dy = e.clientY - this.dragStart.y;\n if (this.dragging === 'move') {\n this.cropRect.x = Math.max(0, Math.min(bounds.width - this.cropRect.width, this.dragStart.cropX + dx));\n this.cropRect.y = Math.max(0, Math.min(bounds.height - this.cropRect.height, this.dragStart.cropY + dy));\n }\n else {\n this.resizeCrop(this.dragging, dx, dy, bounds);\n }\n this.updateCropArea();\n this.emitCropChange();\n };\n this.onMouseUp = () => {\n this.dragging = null;\n };\n }\n static {\n const _metadata = typeof Symbol === \"function\" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;\n _src_decorators = [property()];\n _aspectRatio_decorators = [property({ type: Number, attribute: 'aspect-ratio' })];\n _minWidth_decorators = [property({ type: Number, attribute: 'min-width' })];\n _minHeight_decorators = [property({ type: Number, attribute: 'min-height' })];\n _outputType_decorators = [property({ attribute: 'output-type' })];\n _container_decorators = [query('.cropper')];\n _img_decorators = [query('img')];\n _cropAreaEl_decorators = [query('.crop-area')];\n _emitCropChange_decorators = [dispatch('crop-change', { bubbles: true, composed: true })];\n _emitCropComplete_decorators = [dispatch('crop-complete', { bubbles: true, composed: true })];\n _init_decorators = [ready()];\n _onSrcChange_decorators = [watch('src')];\n _template_decorators = [render()];\n _componentStyles_decorators = [styles()];\n __esDecorate(this, null, _emitCropChange_decorators, { kind: \"method\", name: \"emitCropChange\", static: false, private: false, access: { has: obj => \"emitCropChange\" in obj, get: obj => obj.emitCropChange }, metadata: _metadata }, null, _instanceExtraInitializers);\n __esDecorate(this, null, _emitCropComplete_decorators, { kind: \"method\", name: \"emitCropComplete\", static: false, private: false, access: { has: obj => \"emitCropComplete\" in obj, get: obj => obj.emitCropComplete }, metadata: _metadata }, null, _instanceExtraInitializers);\n __esDecorate(this, null, _init_decorators, { kind: \"method\", name: \"init\", static: false, private: false, access: { has: obj => \"init\" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);\n __esDecorate(this, null, _onSrcChange_decorators, { kind: \"method\", name: \"onSrcChange\", static: false, private: false, access: { has: obj => \"onSrcChange\" in obj, get: obj => obj.onSrcChange }, metadata: _metadata }, null, _instanceExtraInitializers);\n __esDecorate(this, null, _template_decorators, { kind: \"method\", name: \"template\", static: false, private: false, access: { has: obj => \"template\" in obj, get: obj => obj.template }, metadata: _metadata }, null, _instanceExtraInitializers);\n __esDecorate(this, null, _componentStyles_decorators, { kind: \"method\", name: \"componentStyles\", static: false, private: false, access: { has: obj => \"componentStyles\" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);\n __esDecorate(null, null, _src_decorators, { kind: \"field\", name: \"src\", static: false, private: false, access: { has: obj => \"src\" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);\n __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);\n __esDecorate(null, null, _minWidth_decorators, { kind: \"field\", name: \"minWidth\", static: false, private: false, access: { has: obj => \"minWidth\" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);\n __esDecorate(null, null, _minHeight_decorators, { kind: \"field\", name: \"minHeight\", static: false, private: false, access: { has: obj => \"minHeight\" in obj, get: obj => obj.minHeight, set: (obj, value) => { obj.minHeight = value; } }, metadata: _metadata }, _minHeight_initializers, _minHeight_extraInitializers);\n __esDecorate(null, null, _outputType_decorators, { kind: \"field\", name: \"outputType\", static: false, private: false, access: { has: obj => \"outputType\" in obj, get: obj => obj.outputType, set: (obj, value) => { obj.outputType = value; } }, metadata: _metadata }, _outputType_initializers, _outputType_extraInitializers);\n __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);\n __esDecorate(null, null, _img_decorators, { kind: \"field\", name: \"img\", static: false, private: false, access: { has: obj => \"img\" in obj, get: obj => obj.img, set: (obj, value) => { obj.img = value; } }, metadata: _metadata }, _img_initializers, _img_extraInitializers);\n __esDecorate(null, null, _cropAreaEl_decorators, { kind: \"field\", name: \"cropAreaEl\", static: false, private: false, access: { has: obj => \"cropAreaEl\" in obj, get: obj => obj.cropAreaEl, set: (obj, value) => { obj.cropAreaEl = value; } }, metadata: _metadata }, _cropAreaEl_initializers, _cropAreaEl_extraInitializers);\n __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: \"class\", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);\n _classThis = _classDescriptor.value;\n if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });\n __runInitializers(_classThis, _classExtraInitializers);\n }\n emitCropChange() {\n return { rect: { ...this.cropRect } };\n }\n emitCropComplete(blob) {\n return { blob };\n }\n init() {\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onMouseUp);\n }\n onSrcChange() {\n this.rotation = 0;\n this.zoomLevel = 1;\n // Reset crop after image loads\n if (this.img) {\n this.img.onload = () => this.initCropArea();\n }\n }\n initCropArea() {\n if (!this.container)\n return;\n const rect = this.container.getBoundingClientRect();\n const padding = 20;\n let w = rect.width - padding * 2;\n let h = rect.height - padding * 2;\n if (this.aspectRatio > 0) {\n if (w / h > this.aspectRatio) {\n w = h * this.aspectRatio;\n }\n else {\n h = w / this.aspectRatio;\n }\n }\n this.cropRect = {\n x: (rect.width - w) / 2,\n y: (rect.height - h) / 2,\n width: w,\n height: h,\n };\n this.updateCropArea();\n }\n updateCropArea() {\n if (!this.cropAreaEl)\n return;\n this.cropAreaEl.style.left = `${this.cropRect.x}px`;\n this.cropAreaEl.style.top = `${this.cropRect.y}px`;\n this.cropAreaEl.style.width = `${this.cropRect.width}px`;\n this.cropAreaEl.style.height = `${this.cropRect.height}px`;\n }\n resizeCrop(handle, dx, dy, bounds) {\n let { x, y, width, height } = { x: this.dragStart.cropX, y: this.dragStart.cropY, width: this.dragStart.cropW, height: this.dragStart.cropH };\n if (handle.includes('e'))\n width = Math.max(this.minWidth, width + dx);\n if (handle.includes('w')) {\n width = Math.max(this.minWidth, width - dx);\n x = this.dragStart.cropX + this.dragStart.cropW - width;\n }\n if (handle.includes('s'))\n height = Math.max(this.minHeight, height + dy);\n if (handle.includes('n')) {\n height = Math.max(this.minHeight, height - dy);\n y = this.dragStart.cropY + this.dragStart.cropH - height;\n }\n if (this.aspectRatio > 0) {\n if (handle.includes('e') || handle.includes('w')) {\n height = width / this.aspectRatio;\n }\n else {\n width = height * this.aspectRatio;\n }\n }\n // Clamp to container\n x = Math.max(0, x);\n y = Math.max(0, y);\n width = Math.min(width, bounds.width - x);\n height = Math.min(height, bounds.height - y);\n this.cropRect = { x, y, width, height };\n }\n async crop() {\n if (!this.img || !this.container)\n return null;\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n if (!ctx)\n return null;\n const containerRect = this.container.getBoundingClientRect();\n const imgRect = this.img.getBoundingClientRect();\n const scaleX = this.img.naturalWidth / imgRect.width;\n const scaleY = this.img.naturalHeight / imgRect.height;\n const sourceX = (this.cropRect.x - (imgRect.left - containerRect.left)) * scaleX;\n const sourceY = (this.cropRect.y - (imgRect.top - containerRect.top)) * scaleY;\n const sourceW = this.cropRect.width * scaleX;\n const sourceH = this.cropRect.height * scaleY;\n canvas.width = sourceW;\n canvas.height = sourceH;\n ctx.save();\n if (this.rotation !== 0) {\n ctx.translate(canvas.width / 2, canvas.height / 2);\n ctx.rotate((this.rotation * Math.PI) / 180);\n ctx.translate(-canvas.width / 2, -canvas.height / 2);\n }\n ctx.drawImage(this.img, sourceX, sourceY, sourceW, sourceH, 0, 0, sourceW, sourceH);\n ctx.restore();\n const mimeType = `image/${this.outputType}`;\n return new Promise((resolve) => canvas.toBlob((blob) => {\n this.emitCropComplete(blob);\n resolve(blob);\n }, mimeType));\n }\n rotate(degrees) {\n this.rotation = (this.rotation + degrees) % 360;\n if (this.img) {\n this.img.style.transform = `scale(${this.zoomLevel}) rotate(${this.rotation}deg)`;\n }\n }\n reset() {\n this.rotation = 0;\n this.zoomLevel = 1;\n if (this.img) {\n this.img.style.transform = '';\n }\n this.initCropArea();\n }\n zoom(level) {\n this.zoomLevel = Math.max(0.1, Math.min(10, level));\n if (this.img) {\n this.img.style.transform = `scale(${this.zoomLevel}) rotate(${this.rotation}deg)`;\n }\n }\n template() {\n return html `\n <div class=\"cropper\">\n <div class=\"image-container\">\n <img src=\"${this.src}\" alt=\"Image to crop\" @load=${() => this.initCropArea()} />\n </div>\n <div class=\"crop-area\"\n @mousedown=${this.onCropAreaMouseDown}>\n <span class=\"handle handle-nw\" data-handle=\"nw\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-ne\" data-handle=\"ne\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-sw\" data-handle=\"sw\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-se\" data-handle=\"se\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-n\" data-handle=\"n\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-s\" data-handle=\"s\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-w\" data-handle=\"w\" @mousedown=${this.onCropAreaMouseDown}></span>\n <span class=\"handle handle-e\" data-handle=\"e\" @mousedown=${this.onCropAreaMouseDown}></span>\n </div>\n </div>\n `;\n }\n componentStyles() {\n return css `${cssContent}`;\n }\n });\n return _classThis;\n})();\n\nexport { SniceCropper };\n//# sourceMappingURL=snice-cropper.js.map\n"],"names":["element","property","query","dispatch","ready","watch","render","styles","html","css"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* snice v4.9.0
|
|
3
|
+
* Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
|
|
4
|
+
* (c) 2024
|
|
5
|
+
* Released under the MIT License.
|
|
6
|
+
*/
|
|
7
|
+
void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-cropper.min.js");var SniceCropper=function(t,e){"use strict";function i(t,e,i,a,s,o){function n(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var r,h=a.kind,c="getter"===h?"get":"setter"===h?"set":"value",l=!e&&t?a.static?t:t.prototype:null,p=e||(l?Object.getOwnPropertyDescriptor(l,a.name):{}),d=!1,m=i.length-1;m>=0;m--){var u={};for(var g in a)u[g]="access"===g?{}:a[g];for(var g in a.access)u.access[g]=a.access[g];u.addInitializer=function(t){if(d)throw new TypeError("Cannot add initializers after decoration has completed");o.push(n(t||null))};var f=(0,i[m])("accessor"===h?{get:p.get,set:p.set}:p[c],u);if("accessor"===h){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(r=n(f.get))&&(p.get=r),(r=n(f.set))&&(p.set=r),(r=n(f.init))&&s.unshift(r)}else(r=n(f))&&("field"===h?s.unshift(r):p[c]=r)}l&&Object.defineProperty(l,a.name,p),d=!0}function a(t,e,i){for(var a=arguments.length>2,s=0;s<e.length;s++)i=a?e[s].call(t,i):e[s].call(t);return a?i:void 0}"function"==typeof SuppressedError&&SuppressedError;let s=(()=>{let t,s,o,n,r,h,c,l,p,d,m,u,g,f,v,w,b=[e.element("snice-cropper")],y=[],x=HTMLElement,C=[],R=[],S=[],M=[],A=[],k=[],$=[],z=[],E=[],H=[],D=[],W=[],T=[],L=[],j=[],X=[],Y=[];return class extends x{static{s=this}constructor(){super(...arguments),this.src=(a(this,C),a(this,R,"")),this.aspectRatio=(a(this,S),a(this,M,0)),this.minWidth=(a(this,A),a(this,k,20)),this.minHeight=(a(this,$),a(this,z,20)),this.outputType=(a(this,E),a(this,H,"png")),this.container=(a(this,D),a(this,W,void 0)),this.img=(a(this,T),a(this,L,void 0)),this.cropAreaEl=(a(this,j),a(this,X,void 0)),this.cropRect=(a(this,Y),{x:0,y:0,width:0,height:0}),this.rotation=0,this.zoomLevel=1,this.dragging=null,this.dragStart={x:0,y:0,cropX:0,cropY:0,cropW:0,cropH:0},this.onCropAreaMouseDown=t=>{t.preventDefault();const e=t.target;this.dragging=e.classList.contains("crop-area")?"move":e.dataset.handle||null,this.dragStart={x:t.clientX,y:t.clientY,cropX:this.cropRect.x,cropY:this.cropRect.y,cropW:this.cropRect.width,cropH:this.cropRect.height}},this.onMouseMove=t=>{if(!this.dragging||!this.container)return;const e=this.container.getBoundingClientRect(),i=t.clientX-this.dragStart.x,a=t.clientY-this.dragStart.y;"move"===this.dragging?(this.cropRect.x=Math.max(0,Math.min(e.width-this.cropRect.width,this.dragStart.cropX+i)),this.cropRect.y=Math.max(0,Math.min(e.height-this.cropRect.height,this.dragStart.cropY+a))):this.resizeCrop(this.dragging,i,a,e),this.updateCropArea(),this.emitCropChange()},this.onMouseUp=()=>{this.dragging=null}}static{const B="function"==typeof Symbol&&Symbol.metadata?Object.create(x[Symbol.metadata]??null):void 0;o=[e.property()],n=[e.property({type:Number,attribute:"aspect-ratio"})],r=[e.property({type:Number,attribute:"min-width"})],h=[e.property({type:Number,attribute:"min-height"})],c=[e.property({attribute:"output-type"})],l=[e.query(".cropper")],p=[e.query("img")],d=[e.query(".crop-area")],m=[e.dispatch("crop-change",{bubbles:!0,composed:!0})],u=[e.dispatch("crop-complete",{bubbles:!0,composed:!0})],g=[e.ready()],f=[e.watch("src")],v=[e.render()],w=[e.styles()],i(this,null,m,{kind:"method",name:"emitCropChange",static:!1,private:!1,access:{has:t=>"emitCropChange"in t,get:t=>t.emitCropChange},metadata:B},null,C),i(this,null,u,{kind:"method",name:"emitCropComplete",static:!1,private:!1,access:{has:t=>"emitCropComplete"in t,get:t=>t.emitCropComplete},metadata:B},null,C),i(this,null,g,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:B},null,C),i(this,null,f,{kind:"method",name:"onSrcChange",static:!1,private:!1,access:{has:t=>"onSrcChange"in t,get:t=>t.onSrcChange},metadata:B},null,C),i(this,null,v,{kind:"method",name:"template",static:!1,private:!1,access:{has:t=>"template"in t,get:t=>t.template},metadata:B},null,C),i(this,null,w,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:t=>"componentStyles"in t,get:t=>t.componentStyles},metadata:B},null,C),i(null,null,o,{kind:"field",name:"src",static:!1,private:!1,access:{has:t=>"src"in t,get:t=>t.src,set:(t,e)=>{t.src=e}},metadata:B},R,S),i(null,null,n,{kind:"field",name:"aspectRatio",static:!1,private:!1,access:{has:t=>"aspectRatio"in t,get:t=>t.aspectRatio,set:(t,e)=>{t.aspectRatio=e}},metadata:B},M,A),i(null,null,r,{kind:"field",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:B},k,$),i(null,null,h,{kind:"field",name:"minHeight",static:!1,private:!1,access:{has:t=>"minHeight"in t,get:t=>t.minHeight,set:(t,e)=>{t.minHeight=e}},metadata:B},z,E),i(null,null,c,{kind:"field",name:"outputType",static:!1,private:!1,access:{has:t=>"outputType"in t,get:t=>t.outputType,set:(t,e)=>{t.outputType=e}},metadata:B},H,D),i(null,null,l,{kind:"field",name:"container",static:!1,private:!1,access:{has:t=>"container"in t,get:t=>t.container,set:(t,e)=>{t.container=e}},metadata:B},W,T),i(null,null,p,{kind:"field",name:"img",static:!1,private:!1,access:{has:t=>"img"in t,get:t=>t.img,set:(t,e)=>{t.img=e}},metadata:B},L,j),i(null,null,d,{kind:"field",name:"cropAreaEl",static:!1,private:!1,access:{has:t=>"cropAreaEl"in t,get:t=>t.cropAreaEl,set:(t,e)=>{t.cropAreaEl=e}},metadata:B},X,Y),i(null,t={value:s},b,{kind:"class",name:s.name,metadata:B},null,y),s=t.value,B&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:B}),a(s,y)}emitCropChange(){return{rect:{...this.cropRect}}}emitCropComplete(t){return{blob:t}}init(){document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)}onSrcChange(){this.rotation=0,this.zoomLevel=1,this.img&&(this.img.onload=()=>this.initCropArea())}initCropArea(){if(!this.container)return;const t=this.container.getBoundingClientRect();let e=t.width-40,i=t.height-40;this.aspectRatio>0&&(e/i>this.aspectRatio?e=i*this.aspectRatio:i=e/this.aspectRatio),this.cropRect={x:(t.width-e)/2,y:(t.height-i)/2,width:e,height:i},this.updateCropArea()}updateCropArea(){this.cropAreaEl&&(this.cropAreaEl.style.left=`${this.cropRect.x}px`,this.cropAreaEl.style.top=`${this.cropRect.y}px`,this.cropAreaEl.style.width=`${this.cropRect.width}px`,this.cropAreaEl.style.height=`${this.cropRect.height}px`)}resizeCrop(t,e,i,a){let{x:s,y:o,width:n,height:r}={x:this.dragStart.cropX,y:this.dragStart.cropY,width:this.dragStart.cropW,height:this.dragStart.cropH};t.includes("e")&&(n=Math.max(this.minWidth,n+e)),t.includes("w")&&(n=Math.max(this.minWidth,n-e),s=this.dragStart.cropX+this.dragStart.cropW-n),t.includes("s")&&(r=Math.max(this.minHeight,r+i)),t.includes("n")&&(r=Math.max(this.minHeight,r-i),o=this.dragStart.cropY+this.dragStart.cropH-r),this.aspectRatio>0&&(t.includes("e")||t.includes("w")?r=n/this.aspectRatio:n=r*this.aspectRatio),s=Math.max(0,s),o=Math.max(0,o),n=Math.min(n,a.width-s),r=Math.min(r,a.height-o),this.cropRect={x:s,y:o,width:n,height:r}}async crop(){if(!this.img||!this.container)return null;const t=document.createElement("canvas"),e=t.getContext("2d");if(!e)return null;const i=this.container.getBoundingClientRect(),a=this.img.getBoundingClientRect(),s=this.img.naturalWidth/a.width,o=this.img.naturalHeight/a.height,n=(this.cropRect.x-(a.left-i.left))*s,r=(this.cropRect.y-(a.top-i.top))*o,h=this.cropRect.width*s,c=this.cropRect.height*o;t.width=h,t.height=c,e.save(),0!==this.rotation&&(e.translate(t.width/2,t.height/2),e.rotate(this.rotation*Math.PI/180),e.translate(-t.width/2,-t.height/2)),e.drawImage(this.img,n,r,h,c,0,0,h,c),e.restore();const l=`image/${this.outputType}`;return new Promise(e=>t.toBlob(t=>{this.emitCropComplete(t),e(t)},l))}rotate(t){this.rotation=(this.rotation+t)%360,this.img&&(this.img.style.transform=`scale(${this.zoomLevel}) rotate(${this.rotation}deg)`)}reset(){this.rotation=0,this.zoomLevel=1,this.img&&(this.img.style.transform=""),this.initCropArea()}zoom(t){this.zoomLevel=Math.max(.1,Math.min(10,t)),this.img&&(this.img.style.transform=`scale(${this.zoomLevel}) rotate(${this.rotation}deg)`)}template(){return e.html`
|
|
8
|
+
<div class="cropper">
|
|
9
|
+
<div class="image-container">
|
|
10
|
+
<img src="${this.src}" alt="Image to crop" @load=${()=>this.initCropArea()} />
|
|
11
|
+
</div>
|
|
12
|
+
<div class="crop-area"
|
|
13
|
+
@mousedown=${this.onCropAreaMouseDown}>
|
|
14
|
+
<span class="handle handle-nw" data-handle="nw" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
15
|
+
<span class="handle handle-ne" data-handle="ne" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
16
|
+
<span class="handle handle-sw" data-handle="sw" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
17
|
+
<span class="handle handle-se" data-handle="se" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
18
|
+
<span class="handle handle-n" data-handle="n" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
19
|
+
<span class="handle handle-s" data-handle="s" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
20
|
+
<span class="handle handle-w" data-handle="w" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
21
|
+
<span class="handle handle-e" data-handle="e" @mousedown=${this.onCropAreaMouseDown}></span>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
`}componentStyles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint;width:100%;position:relative;overflow:hidden;background:var(--snice-color-background-element,rgb(252 251 249));border-radius:var(--snice-border-radius-lg,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226))}.cropper{position:relative;width:100%;height:100%;min-height:12.5rem;overflow:hidden;user-select:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:100%;transform-origin:center center;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.crop-area{position:absolute;border:2px solid rgb(255 255 255);box-shadow:0 0 0 9999px rgb(0 0 0 / .5);cursor:move;pointer-events:auto}.crop-area::before{content:'';position:absolute;top:33.33%;left:0;right:0;height:33.34%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.crop-area::after{content:'';position:absolute;left:33.33%;top:0;bottom:0;width:33.34%;border-left:1px solid;border-right:1px solid;pointer-events:none}.handle{position:absolute;width:.75rem;height:.75rem;background:rgb(255 255 255);border:1px solid;border-radius:50%;pointer-events:auto}.handle-nw{top:-6px;left:-6px;cursor:nw-resize}.handle-ne{top:-6px;right:-6px;cursor:ne-resize}.handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.handle-se{bottom:-6px;right:-6px;cursor:se-resize}.handle-n{top:-6px;left:50%;transform:translateX(-50%);cursor:n-resize}.handle-s{bottom:-6px;left:50%;transform:translateX(-50%);cursor:s-resize}.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}:host(:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}"}`}},s})();return t.SniceCropper=s,t}({},Snice);
|
|
25
|
+
//# sourceMappingURL=snice-cropper.min.js.map
|