@ngstarter-ui/components 1.0.21
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/README.md +0 -0
- package/fesm2022/ngstarter-ui-components-action-required.mjs +42 -0
- package/fesm2022/ngstarter-ui-components-action-required.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-alert.mjs +132 -0
- package/fesm2022/ngstarter-ui-components-alert.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-announcement.mjs +86 -0
- package/fesm2022/ngstarter-ui-components-announcement.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-autocomplete.mjs +360 -0
- package/fesm2022/ngstarter-ui-components-autocomplete.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-avatar.mjs +235 -0
- package/fesm2022/ngstarter-ui-components-avatar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-badge.mjs +97 -0
- package/fesm2022/ngstarter-ui-components-badge.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-block-loader.mjs +48 -0
- package/fesm2022/ngstarter-ui-components-block-loader.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-bottom-sheet.mjs +327 -0
- package/fesm2022/ngstarter-ui-components-bottom-sheet.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs +209 -0
- package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-button-toggle.mjs +175 -0
- package/fesm2022/ngstarter-ui-components-button-toggle.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-button.mjs +70 -0
- package/fesm2022/ngstarter-ui-components-button.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-card-overlay.mjs +49 -0
- package/fesm2022/ngstarter-ui-components-card-overlay.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-card.mjs +199 -0
- package/fesm2022/ngstarter-ui-components-card.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-carousel.mjs +614 -0
- package/fesm2022/ngstarter-ui-components-carousel.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-checkbox.mjs +300 -0
- package/fesm2022/ngstarter-ui-components-checkbox.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-chips.mjs +589 -0
- package/fesm2022/ngstarter-ui-components-chips.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-code-highlighter.mjs +347 -0
- package/fesm2022/ngstarter-ui-components-code-highlighter.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-color-picker.mjs +713 -0
- package/fesm2022/ngstarter-ui-components-color-picker.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-color-scheme.mjs +106 -0
- package/fesm2022/ngstarter-ui-components-color-scheme.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-color-switcher.mjs +72 -0
- package/fesm2022/ngstarter-ui-components-color-switcher.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-command-bar.mjs +57 -0
- package/fesm2022/ngstarter-ui-components-command-bar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs +1024 -0
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-comparison-slider.mjs +177 -0
- package/fesm2022/ngstarter-ui-components-comparison-slider.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-confirm.mjs +85 -0
- package/fesm2022/ngstarter-ui-components-confirm.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs +173 -0
- package/fesm2022/ngstarter-ui-components-content-editor-code-block.component-Bk6QTli8.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs +124 -0
- package/fesm2022/ngstarter-ui-components-content-editor-content-editor-content-editable.directive-Bvfa2dqh.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs +99 -0
- package/fesm2022/ngstarter-ui-components-content-editor-cursor-controller-4Ak8VqGX.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs +33 -0
- package/fesm2022/ngstarter-ui-components-content-editor-divider-block.component-C_iRTCPH.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs +354 -0
- package/fesm2022/ngstarter-ui-components-content-editor-embed-block-BbkC_t86.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs +114 -0
- package/fesm2022/ngstarter-ui-components-content-editor-heading-block.component-D9_CxTY1.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs +146 -0
- package/fesm2022/ngstarter-ui-components-content-editor-image-block.component-B4zJyUg1.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs +215 -0
- package/fesm2022/ngstarter-ui-components-content-editor-list-block.component-Cv6wx5Xe.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs +2548 -0
- package/fesm2022/ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-1Zi2nAX5.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-paragraph-block.component-C9bQvDYU.mjs +110 -0
- package/fesm2022/ngstarter-ui-components-content-editor-paragraph-block.component-C9bQvDYU.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-quote-block.component-BbHds2r2.mjs +141 -0
- package/fesm2022/ngstarter-ui-components-content-editor-quote-block.component-BbHds2r2.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-table-block.component-DlDh7Fnn.mjs +1604 -0
- package/fesm2022/ngstarter-ui-components-content-editor-table-block.component-DlDh7Fnn.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor-video-block.component-m4DTihP2.mjs +175 -0
- package/fesm2022/ngstarter-ui-components-content-editor-video-block.component-m4DTihP2.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-editor.mjs +2 -0
- package/fesm2022/ngstarter-ui-components-content-editor.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-content-fade.mjs +35 -0
- package/fesm2022/ngstarter-ui-components-content-fade.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-cookie-popup.mjs +107 -0
- package/fesm2022/ngstarter-ui-components-cookie-popup.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-core.mjs +1330 -0
- package/fesm2022/ngstarter-ui-components-core.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-country-select.mjs +489 -0
- package/fesm2022/ngstarter-ui-components-country-select.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-crop.mjs +183 -0
- package/fesm2022/ngstarter-ui-components-crop.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-currency-select.mjs +397 -0
- package/fesm2022/ngstarter-ui-components-currency-select.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-data-view.mjs +1494 -0
- package/fesm2022/ngstarter-ui-components-data-view.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-date-format-select.mjs +154 -0
- package/fesm2022/ngstarter-ui-components-date-format-select.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-datepicker.mjs +1159 -0
- package/fesm2022/ngstarter-ui-components-datepicker.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-dialog.mjs +357 -0
- package/fesm2022/ngstarter-ui-components-dialog.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-divider.mjs +42 -0
- package/fesm2022/ngstarter-ui-components-divider.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-drawer.mjs +132 -0
- package/fesm2022/ngstarter-ui-components-drawer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-emoji-picker.mjs +245 -0
- package/fesm2022/ngstarter-ui-components-emoji-picker.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-empty-state.mjs +75 -0
- package/fesm2022/ngstarter-ui-components-empty-state.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-expand.mjs +56 -0
- package/fesm2022/ngstarter-ui-components-expand.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-expansion.mjs +193 -0
- package/fesm2022/ngstarter-ui-components-expansion.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-filter-builder.mjs +333 -0
- package/fesm2022/ngstarter-ui-components-filter-builder.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-field.mjs +230 -0
- package/fesm2022/ngstarter-ui-components-form-field.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-autocomplete-many-field-BKQVlZHV.mjs +124 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-autocomplete-many-field-BKQVlZHV.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-checkbox-field-CoyKdvhV.mjs +22 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-checkbox-field-CoyKdvhV.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-datepicker-field-Bzc0TPO9.mjs +44 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-datepicker-field-Bzc0TPO9.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-divider-content-CwGzDCZv.mjs +17 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-divider-content-CwGzDCZv.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-image-content-ICTwkZPa.mjs +17 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-image-content-ICTwkZPa.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-input-field-RYxi-Mpw.mjs +35 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-input-field-RYxi-Mpw.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-radio-group-field-Cv3AGpoq.mjs +38 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-radio-group-field-Cv3AGpoq.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-select-field-eLcwI-BY.mjs +39 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-select-field-eLcwI-BY.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-text-content-BjzH_M3-.mjs +24 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-text-content-BjzH_M3-.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-textarea-field-4zH7FTQ1.mjs +37 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-textarea-field-4zH7FTQ1.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-timezone-field-BpH65Hd-.mjs +35 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-timezone-field-BpH65Hd-.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-toggle-field-iyqUrWxt.mjs +22 -0
- package/fesm2022/ngstarter-ui-components-form-renderer-toggle-field-iyqUrWxt.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-form-renderer.mjs +317 -0
- package/fesm2022/ngstarter-ui-components-form-renderer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-gauge.mjs +44 -0
- package/fesm2022/ngstarter-ui-components-gauge.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-grid.mjs +78 -0
- package/fesm2022/ngstarter-ui-components-grid.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-guided-tour.mjs +736 -0
- package/fesm2022/ngstarter-ui-components-guided-tour.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-headless-stepper.mjs +192 -0
- package/fesm2022/ngstarter-ui-components-headless-stepper.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-icon.mjs +61 -0
- package/fesm2022/ngstarter-ui-components-icon.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-image-designer.mjs +4016 -0
- package/fesm2022/ngstarter-ui-components-image-designer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-image-placeholder.mjs +20 -0
- package/fesm2022/ngstarter-ui-components-image-placeholder.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-image-resizer.mjs +151 -0
- package/fesm2022/ngstarter-ui-components-image-resizer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-image-viewer.mjs +349 -0
- package/fesm2022/ngstarter-ui-components-image-viewer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs +162 -0
- package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-incidents.mjs +257 -0
- package/fesm2022/ngstarter-ui-components-incidents.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs +179 -0
- package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-input-mask.mjs +180 -0
- package/fesm2022/ngstarter-ui-components-input-mask.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-input-validator.mjs +24 -0
- package/fesm2022/ngstarter-ui-components-input-validator.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-input.mjs +152 -0
- package/fesm2022/ngstarter-ui-components-input.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-kanban-board.mjs +156 -0
- package/fesm2022/ngstarter-ui-components-kanban-board.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-kbd.mjs +31 -0
- package/fesm2022/ngstarter-ui-components-kbd.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-layout.mjs +199 -0
- package/fesm2022/ngstarter-ui-components-layout.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-list.mjs +279 -0
- package/fesm2022/ngstarter-ui-components-list.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-logo.mjs +51 -0
- package/fesm2022/ngstarter-ui-components-logo.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-marquee.mjs +76 -0
- package/fesm2022/ngstarter-ui-components-marquee.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-menu.mjs +851 -0
- package/fesm2022/ngstarter-ui-components-menu.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-micro-chart.mjs +928 -0
- package/fesm2022/ngstarter-ui-components-micro-chart.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-navigation.mjs +439 -0
- package/fesm2022/ngstarter-ui-components-navigation.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-notifications.mjs +181 -0
- package/fesm2022/ngstarter-ui-components-notifications.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-number-input.mjs +293 -0
- package/fesm2022/ngstarter-ui-components-number-input.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-option.mjs +157 -0
- package/fesm2022/ngstarter-ui-components-option.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-overlay.mjs +112 -0
- package/fesm2022/ngstarter-ui-components-overlay.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-page-loading-bar.mjs +77 -0
- package/fesm2022/ngstarter-ui-components-page-loading-bar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-paginator.mjs +297 -0
- package/fesm2022/ngstarter-ui-components-paginator.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-panel.mjs +123 -0
- package/fesm2022/ngstarter-ui-components-panel.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-password-strength.mjs +335 -0
- package/fesm2022/ngstarter-ui-components-password-strength.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-phone-input.mjs +651 -0
- package/fesm2022/ngstarter-ui-components-phone-input.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-pin-input.mjs +193 -0
- package/fesm2022/ngstarter-ui-components-pin-input.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-popover.mjs +302 -0
- package/fesm2022/ngstarter-ui-components-popover.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-progress-bar.mjs +68 -0
- package/fesm2022/ngstarter-ui-components-progress-bar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-radio-card.mjs +102 -0
- package/fesm2022/ngstarter-ui-components-radio-card.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-radio.mjs +147 -0
- package/fesm2022/ngstarter-ui-components-radio.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-rail-nav.mjs +87 -0
- package/fesm2022/ngstarter-ui-components-rail-nav.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-resizable-container.mjs +74 -0
- package/fesm2022/ngstarter-ui-components-resizable-container.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-screen-loader.mjs +95 -0
- package/fesm2022/ngstarter-ui-components-screen-loader.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-scroll-spy.mjs +219 -0
- package/fesm2022/ngstarter-ui-components-scroll-spy.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs +459 -0
- package/fesm2022/ngstarter-ui-components-scrollbar-area.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-segmented.mjs +218 -0
- package/fesm2022/ngstarter-ui-components-segmented.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-select.mjs +496 -0
- package/fesm2022/ngstarter-ui-components-select.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-side-panel.mjs +107 -0
- package/fesm2022/ngstarter-ui-components-side-panel.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-sidebar.mjs +435 -0
- package/fesm2022/ngstarter-ui-components-sidebar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-sidenav.mjs +354 -0
- package/fesm2022/ngstarter-ui-components-sidenav.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-signature-pad.mjs +452 -0
- package/fesm2022/ngstarter-ui-components-signature-pad.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-skeleton.mjs +22 -0
- package/fesm2022/ngstarter-ui-components-skeleton.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-slide-toggle.mjs +93 -0
- package/fesm2022/ngstarter-ui-components-slide-toggle.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-slider.mjs +481 -0
- package/fesm2022/ngstarter-ui-components-slider.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-snack-bar.mjs +354 -0
- package/fesm2022/ngstarter-ui-components-snack-bar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-sort.mjs +140 -0
- package/fesm2022/ngstarter-ui-components-sort.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-spinner.mjs +75 -0
- package/fesm2022/ngstarter-ui-components-spinner.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-splash-screen.mjs +93 -0
- package/fesm2022/ngstarter-ui-components-splash-screen.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-split.mjs +948 -0
- package/fesm2022/ngstarter-ui-components-split.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-stepper.mjs +103 -0
- package/fesm2022/ngstarter-ui-components-stepper.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-suggestions.mjs +72 -0
- package/fesm2022/ngstarter-ui-components-suggestions.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-tab-panel.mjs +265 -0
- package/fesm2022/ngstarter-ui-components-tab-panel.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-table.mjs +648 -0
- package/fesm2022/ngstarter-ui-components-table.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-tabs.mjs +591 -0
- package/fesm2022/ngstarter-ui-components-tabs.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-text-editor.mjs +1012 -0
- package/fesm2022/ngstarter-ui-components-text-editor.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-thumbnail-maker.mjs +212 -0
- package/fesm2022/ngstarter-ui-components-thumbnail-maker.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-tiles.mjs +634 -0
- package/fesm2022/ngstarter-ui-components-tiles.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-timeline.mjs +122 -0
- package/fesm2022/ngstarter-ui-components-timeline.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-timepicker.mjs +486 -0
- package/fesm2022/ngstarter-ui-components-timepicker.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-timezone-select.mjs +371 -0
- package/fesm2022/ngstarter-ui-components-timezone-select.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-toolbar.mjs +299 -0
- package/fesm2022/ngstarter-ui-components-toolbar.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-tooltip.mjs +506 -0
- package/fesm2022/ngstarter-ui-components-tooltip.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-tree.mjs +200 -0
- package/fesm2022/ngstarter-ui-components-tree.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-upload.mjs +330 -0
- package/fesm2022/ngstarter-ui-components-upload.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-video-player.mjs +516 -0
- package/fesm2022/ngstarter-ui-components-video-player.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-video-viewer.mjs +218 -0
- package/fesm2022/ngstarter-ui-components-video-viewer.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components-visual-builder.mjs +18 -0
- package/fesm2022/ngstarter-ui-components-visual-builder.mjs.map +1 -0
- package/fesm2022/ngstarter-ui-components.mjs +6 -0
- package/fesm2022/ngstarter-ui-components.mjs.map +1 -0
- package/package.json +535 -0
- package/styles/_common.scss +456 -0
- package/styles/_global.scss +91 -0
- package/styles/themes/default.scss +2 -0
- package/types/ngstarter-ui-components-action-required.d.ts +14 -0
- package/types/ngstarter-ui-components-alert.d.ts +50 -0
- package/types/ngstarter-ui-components-announcement.d.ts +59 -0
- package/types/ngstarter-ui-components-autocomplete.d.ts +83 -0
- package/types/ngstarter-ui-components-avatar.d.ts +69 -0
- package/types/ngstarter-ui-components-badge.d.ts +38 -0
- package/types/ngstarter-ui-components-block-loader.d.ts +21 -0
- package/types/ngstarter-ui-components-bottom-sheet.d.ts +149 -0
- package/types/ngstarter-ui-components-breadcrumbs.d.ts +104 -0
- package/types/ngstarter-ui-components-button-toggle.d.ts +54 -0
- package/types/ngstarter-ui-components-button.d.ts +27 -0
- package/types/ngstarter-ui-components-card-overlay.d.ts +20 -0
- package/types/ngstarter-ui-components-card.d.ts +85 -0
- package/types/ngstarter-ui-components-carousel.d.ts +76 -0
- package/types/ngstarter-ui-components-checkbox.d.ts +94 -0
- package/types/ngstarter-ui-components-chips.d.ts +189 -0
- package/types/ngstarter-ui-components-code-highlighter.d.ts +28 -0
- package/types/ngstarter-ui-components-color-picker.d.ts +92 -0
- package/types/ngstarter-ui-components-color-scheme.d.ts +44 -0
- package/types/ngstarter-ui-components-color-switcher.d.ts +26 -0
- package/types/ngstarter-ui-components-command-bar.d.ts +28 -0
- package/types/ngstarter-ui-components-comment-editor.d.ts +194 -0
- package/types/ngstarter-ui-components-comparison-slider.d.ts +42 -0
- package/types/ngstarter-ui-components-confirm.d.ts +34 -0
- package/types/ngstarter-ui-components-content-editor.d.ts +321 -0
- package/types/ngstarter-ui-components-content-fade.d.ts +17 -0
- package/types/ngstarter-ui-components-cookie-popup.d.ts +41 -0
- package/types/ngstarter-ui-components-core.d.ts +421 -0
- package/types/ngstarter-ui-components-country-select.d.ts +78 -0
- package/types/ngstarter-ui-components-crop.d.ts +59 -0
- package/types/ngstarter-ui-components-currency-select.d.ts +82 -0
- package/types/ngstarter-ui-components-data-view.d.ts +391 -0
- package/types/ngstarter-ui-components-date-format-select.d.ts +59 -0
- package/types/ngstarter-ui-components-datepicker.d.ts +384 -0
- package/types/ngstarter-ui-components-dialog.d.ts +115 -0
- package/types/ngstarter-ui-components-divider.d.ts +18 -0
- package/types/ngstarter-ui-components-drawer.d.ts +32 -0
- package/types/ngstarter-ui-components-emoji-picker.d.ts +49 -0
- package/types/ngstarter-ui-components-empty-state.d.ts +33 -0
- package/types/ngstarter-ui-components-expand.d.ts +26 -0
- package/types/ngstarter-ui-components-expansion.d.ts +68 -0
- package/types/ngstarter-ui-components-filter-builder.d.ts +106 -0
- package/types/ngstarter-ui-components-form-field.d.ts +107 -0
- package/types/ngstarter-ui-components-form-renderer.d.ts +121 -0
- package/types/ngstarter-ui-components-gauge.d.ts +21 -0
- package/types/ngstarter-ui-components-grid.d.ts +45 -0
- package/types/ngstarter-ui-components-guided-tour.d.ts +227 -0
- package/types/ngstarter-ui-components-headless-stepper.d.ts +65 -0
- package/types/ngstarter-ui-components-icon.d.ts +17 -0
- package/types/ngstarter-ui-components-image-designer.d.ts +357 -0
- package/types/ngstarter-ui-components-image-placeholder.d.ts +8 -0
- package/types/ngstarter-ui-components-image-resizer.d.ts +35 -0
- package/types/ngstarter-ui-components-image-viewer.d.ts +63 -0
- package/types/ngstarter-ui-components-image-zoom-viewer.d.ts +34 -0
- package/types/ngstarter-ui-components-incidents.d.ts +119 -0
- package/types/ngstarter-ui-components-inline-text-edit.d.ts +39 -0
- package/types/ngstarter-ui-components-input-mask.d.ts +36 -0
- package/types/ngstarter-ui-components-input-validator.d.ts +5 -0
- package/types/ngstarter-ui-components-input.d.ts +53 -0
- package/types/ngstarter-ui-components-kanban-board.d.ts +68 -0
- package/types/ngstarter-ui-components-kbd.d.ts +13 -0
- package/types/ngstarter-ui-components-layout.d.ts +83 -0
- package/types/ngstarter-ui-components-list.d.ts +98 -0
- package/types/ngstarter-ui-components-logo.d.ts +26 -0
- package/types/ngstarter-ui-components-marquee.d.ts +27 -0
- package/types/ngstarter-ui-components-menu.d.ts +199 -0
- package/types/ngstarter-ui-components-micro-chart.d.ts +195 -0
- package/types/ngstarter-ui-components-navigation.d.ts +136 -0
- package/types/ngstarter-ui-components-notifications.d.ts +84 -0
- package/types/ngstarter-ui-components-number-input.d.ts +99 -0
- package/types/ngstarter-ui-components-option.d.ts +61 -0
- package/types/ngstarter-ui-components-overlay.d.ts +12 -0
- package/types/ngstarter-ui-components-page-loading-bar.d.ts +20 -0
- package/types/ngstarter-ui-components-paginator.d.ts +145 -0
- package/types/ngstarter-ui-components-panel.d.ts +59 -0
- package/types/ngstarter-ui-components-password-strength.d.ts +109 -0
- package/types/ngstarter-ui-components-phone-input.d.ts +103 -0
- package/types/ngstarter-ui-components-pin-input.d.ts +48 -0
- package/types/ngstarter-ui-components-popover.d.ts +94 -0
- package/types/ngstarter-ui-components-progress-bar.d.ts +30 -0
- package/types/ngstarter-ui-components-radio-card.d.ts +37 -0
- package/types/ngstarter-ui-components-radio.d.ts +45 -0
- package/types/ngstarter-ui-components-rail-nav.d.ts +36 -0
- package/types/ngstarter-ui-components-resizable-container.d.ts +25 -0
- package/types/ngstarter-ui-components-screen-loader.d.ts +34 -0
- package/types/ngstarter-ui-components-scroll-spy.d.ts +63 -0
- package/types/ngstarter-ui-components-scrollbar-area.d.ts +67 -0
- package/types/ngstarter-ui-components-segmented.d.ts +65 -0
- package/types/ngstarter-ui-components-select.d.ts +126 -0
- package/types/ngstarter-ui-components-side-panel.d.ts +42 -0
- package/types/ngstarter-ui-components-sidebar.d.ts +143 -0
- package/types/ngstarter-ui-components-sidenav.d.ts +86 -0
- package/types/ngstarter-ui-components-signature-pad.d.ts +49 -0
- package/types/ngstarter-ui-components-skeleton.d.ts +9 -0
- package/types/ngstarter-ui-components-slide-toggle.d.ts +41 -0
- package/types/ngstarter-ui-components-slider.d.ts +85 -0
- package/types/ngstarter-ui-components-snack-bar.d.ts +142 -0
- package/types/ngstarter-ui-components-sort.d.ts +66 -0
- package/types/ngstarter-ui-components-spinner.d.ts +28 -0
- package/types/ngstarter-ui-components-splash-screen.d.ts +31 -0
- package/types/ngstarter-ui-components-split.d.ts +210 -0
- package/types/ngstarter-ui-components-stepper.d.ts +44 -0
- package/types/ngstarter-ui-components-suggestions.d.ts +32 -0
- package/types/ngstarter-ui-components-tab-panel.d.ts +96 -0
- package/types/ngstarter-ui-components-table.d.ts +277 -0
- package/types/ngstarter-ui-components-tabs.d.ts +145 -0
- package/types/ngstarter-ui-components-text-editor.d.ts +191 -0
- package/types/ngstarter-ui-components-thumbnail-maker.d.ts +35 -0
- package/types/ngstarter-ui-components-tiles.d.ts +109 -0
- package/types/ngstarter-ui-components-timeline.d.ts +57 -0
- package/types/ngstarter-ui-components-timepicker.d.ts +115 -0
- package/types/ngstarter-ui-components-timezone-select.d.ts +75 -0
- package/types/ngstarter-ui-components-toolbar.d.ts +74 -0
- package/types/ngstarter-ui-components-tooltip.d.ts +52 -0
- package/types/ngstarter-ui-components-tree.d.ts +60 -0
- package/types/ngstarter-ui-components-upload.d.ts +134 -0
- package/types/ngstarter-ui-components-video-player.d.ts +67 -0
- package/types/ngstarter-ui-components-video-viewer.d.ts +98 -0
- package/types/ngstarter-ui-components-visual-builder.d.ts +8 -0
- package/types/ngstarter-ui-components.d.ts +2 -0
|
@@ -0,0 +1,452 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { model, input, output, viewChild, signal, inject, PLATFORM_ID, DOCUMENT, afterNextRender, effect, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { isPlatformBrowser } from '@angular/common';
|
|
4
|
+
import { Subject, merge, fromEvent } from 'rxjs';
|
|
5
|
+
import { tap, filter, map, switchMap, takeUntil } from 'rxjs/operators';
|
|
6
|
+
import { ColorSwitcher } from '@ngstarter-ui/components/color-switcher';
|
|
7
|
+
import { Icon } from '@ngstarter-ui/components/icon';
|
|
8
|
+
import { Button } from '@ngstarter-ui/components/button';
|
|
9
|
+
|
|
10
|
+
function ease(x) {
|
|
11
|
+
return 1 - Math.sqrt(1 - Math.pow(x, 2));
|
|
12
|
+
}
|
|
13
|
+
class LazyPoint {
|
|
14
|
+
x;
|
|
15
|
+
y;
|
|
16
|
+
constructor(x, y) {
|
|
17
|
+
this.x = x;
|
|
18
|
+
this.y = y;
|
|
19
|
+
}
|
|
20
|
+
update(point) {
|
|
21
|
+
this.x = point.x;
|
|
22
|
+
this.y = point.y;
|
|
23
|
+
return this;
|
|
24
|
+
}
|
|
25
|
+
moveByAngle(angle, distance, friction) {
|
|
26
|
+
const angleRotated = angle + Math.PI / 2;
|
|
27
|
+
if (friction) {
|
|
28
|
+
this.x = this.x + Math.sin(angleRotated) * distance * ease(1 - friction);
|
|
29
|
+
this.y = this.y - Math.cos(angleRotated) * distance * ease(1 - friction);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
this.x = this.x + Math.sin(angleRotated) * distance;
|
|
33
|
+
this.y = this.y - Math.cos(angleRotated) * distance;
|
|
34
|
+
}
|
|
35
|
+
return this;
|
|
36
|
+
}
|
|
37
|
+
equalsTo(point) {
|
|
38
|
+
return this.x === point.x && this.y === point.y;
|
|
39
|
+
}
|
|
40
|
+
getDifferenceTo(point) {
|
|
41
|
+
return new LazyPoint(this.x - point.x, this.y - point.y);
|
|
42
|
+
}
|
|
43
|
+
getDistanceTo(point) {
|
|
44
|
+
const diff = this.getDifferenceTo(point);
|
|
45
|
+
return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));
|
|
46
|
+
}
|
|
47
|
+
getAngleTo(point) {
|
|
48
|
+
const diff = this.getDifferenceTo(point);
|
|
49
|
+
return Math.atan2(diff.y, diff.x);
|
|
50
|
+
}
|
|
51
|
+
toObject() {
|
|
52
|
+
return {
|
|
53
|
+
x: this.x,
|
|
54
|
+
y: this.y
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
const RADIUS_DEFAULT = 30;
|
|
60
|
+
class LazyBrush {
|
|
61
|
+
_isEnabled;
|
|
62
|
+
_hasMoved;
|
|
63
|
+
radius;
|
|
64
|
+
pointer;
|
|
65
|
+
brush;
|
|
66
|
+
angle;
|
|
67
|
+
distance;
|
|
68
|
+
friction;
|
|
69
|
+
constructor(options = {}) {
|
|
70
|
+
const initialPoint = options.initialPoint || { x: 0, y: 0 };
|
|
71
|
+
this.radius = options.radius || RADIUS_DEFAULT;
|
|
72
|
+
this._isEnabled = options.enabled === false ? false : true;
|
|
73
|
+
this.friction = options.friction || 0;
|
|
74
|
+
this.pointer = new LazyPoint(initialPoint.x, initialPoint.y);
|
|
75
|
+
this.brush = new LazyPoint(initialPoint.x, initialPoint.y);
|
|
76
|
+
this.angle = 0;
|
|
77
|
+
this.distance = 0;
|
|
78
|
+
this._hasMoved = false;
|
|
79
|
+
}
|
|
80
|
+
enable() { this._isEnabled = true; }
|
|
81
|
+
disable() { this._isEnabled = false; }
|
|
82
|
+
isEnabled() { return this._isEnabled; }
|
|
83
|
+
setRadius(radius) { this.radius = radius; }
|
|
84
|
+
getRadius() { return this.radius; }
|
|
85
|
+
setFriction(friction) { this.friction = Math.max(0, Math.min(1, friction)); }
|
|
86
|
+
getFriction() { return this.friction; }
|
|
87
|
+
getBrushCoordinates() { return this.brush.toObject(); }
|
|
88
|
+
getPointerCoordinates() { return this.pointer.toObject(); }
|
|
89
|
+
getBrush() { return this.brush; }
|
|
90
|
+
getPointer() { return this.pointer; }
|
|
91
|
+
getAngle() { return this.angle; }
|
|
92
|
+
getDistance() { return this.distance; }
|
|
93
|
+
brushHasMoved() { return this._hasMoved; }
|
|
94
|
+
update(newPointerPoint, options = {}) {
|
|
95
|
+
this._hasMoved = false;
|
|
96
|
+
const currentFriction = options.friction !== undefined ? options.friction : this.friction;
|
|
97
|
+
if (this.pointer.equalsTo(newPointerPoint) &&
|
|
98
|
+
!options.both &&
|
|
99
|
+
currentFriction === this.friction) {
|
|
100
|
+
return false;
|
|
101
|
+
}
|
|
102
|
+
this.pointer.update(newPointerPoint);
|
|
103
|
+
if (options.both) {
|
|
104
|
+
this._hasMoved = true;
|
|
105
|
+
this.brush.update(newPointerPoint);
|
|
106
|
+
return true;
|
|
107
|
+
}
|
|
108
|
+
if (this._isEnabled) {
|
|
109
|
+
this.distance = this.pointer.getDistanceTo(this.brush);
|
|
110
|
+
this.angle = this.pointer.getAngleTo(this.brush);
|
|
111
|
+
const isOutside = this.distance > this.radius;
|
|
112
|
+
if (isOutside) {
|
|
113
|
+
this.brush.moveByAngle(this.angle, this.distance - this.radius, currentFriction);
|
|
114
|
+
this._hasMoved = true;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
this.distance = 0;
|
|
119
|
+
this.angle = 0;
|
|
120
|
+
this.brush.update(newPointerPoint);
|
|
121
|
+
this._hasMoved = true;
|
|
122
|
+
}
|
|
123
|
+
return true;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
class SignaturePad {
|
|
128
|
+
penColor = model('#000', ...(ngDevMode ? [{ debugName: "penColor" }] : /* istanbul ignore next */ []));
|
|
129
|
+
lineWidth = input(4, ...(ngDevMode ? [{ debugName: "lineWidth" }] : /* istanbul ignore next */ []));
|
|
130
|
+
backgroundColor = input('transparent', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
|
|
131
|
+
lazyRadius = input(3, ...(ngDevMode ? [{ debugName: "lazyRadius" }] : /* istanbul ignore next */ []));
|
|
132
|
+
lazyFriction = input(0.1, ...(ngDevMode ? [{ debugName: "lazyFriction" }] : /* istanbul ignore next */ []));
|
|
133
|
+
lazyEnabled = input(true, ...(ngDevMode ? [{ debugName: "lazyEnabled" }] : /* istanbul ignore next */ []));
|
|
134
|
+
colors = input(['#000', '#0059ff', '#ff0000'], ...(ngDevMode ? [{ debugName: "colors" }] : /* istanbul ignore next */ []));
|
|
135
|
+
signatureSaved = output();
|
|
136
|
+
signatureCleared = output();
|
|
137
|
+
mainCanvasRef = viewChild.required('signatureCanvas');
|
|
138
|
+
canvasWidth = signal(400, ...(ngDevMode ? [{ debugName: "canvasWidth" }] : /* istanbul ignore next */ []));
|
|
139
|
+
canvasHeight = signal(200, ...(ngDevMode ? [{ debugName: "canvasHeight" }] : /* istanbul ignore next */ []));
|
|
140
|
+
mainContext = signal(null, ...(ngDevMode ? [{ debugName: "mainContext" }] : /* istanbul ignore next */ []));
|
|
141
|
+
memoryCanvasElement = null;
|
|
142
|
+
memoryContext = signal(null, ...(ngDevMode ? [{ debugName: "memoryContext" }] : /* istanbul ignore next */ []));
|
|
143
|
+
lazyBrushInstance;
|
|
144
|
+
isDrawing = signal(false, ...(ngDevMode ? [{ debugName: "isDrawing" }] : /* istanbul ignore next */ []));
|
|
145
|
+
currentStrokePoints = signal([], ...(ngDevMode ? [{ debugName: "currentStrokePoints" }] : /* istanbul ignore next */ []));
|
|
146
|
+
resizeObserver;
|
|
147
|
+
platformId = inject(PLATFORM_ID);
|
|
148
|
+
document = inject(DOCUMENT);
|
|
149
|
+
subscriptions = [];
|
|
150
|
+
pointerDown$ = new Subject();
|
|
151
|
+
constructor() {
|
|
152
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
153
|
+
afterNextRender(() => {
|
|
154
|
+
this.initializeLazyBrush();
|
|
155
|
+
this.initializeCanvasesAndContexts();
|
|
156
|
+
this.setupResizeObserver();
|
|
157
|
+
this.setupPointerEvents();
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
effect(() => {
|
|
161
|
+
const currentWidth = this.canvasWidth();
|
|
162
|
+
const currentHeight = this.canvasHeight();
|
|
163
|
+
this.backgroundColor();
|
|
164
|
+
if (this.mainContext() && this.memoryContext() && this.mainCanvasRef() && this.memoryCanvasElement && this.lazyBrushInstance) {
|
|
165
|
+
const mainCanvasEl = this.mainCanvasRef().nativeElement;
|
|
166
|
+
mainCanvasEl.width = currentWidth;
|
|
167
|
+
mainCanvasEl.height = currentHeight;
|
|
168
|
+
this.memoryCanvasElement.width = currentWidth;
|
|
169
|
+
this.memoryCanvasElement.height = currentHeight;
|
|
170
|
+
this.configureContextStyling(this.mainContext());
|
|
171
|
+
this.configureContextStyling(this.memoryContext());
|
|
172
|
+
this.mainContext().fillStyle = this.backgroundColor();
|
|
173
|
+
this.mainContext().fillRect(0, 0, currentWidth, currentHeight);
|
|
174
|
+
this.memoryContext().clearRect(0, 0, currentWidth, currentHeight);
|
|
175
|
+
this.currentStrokePoints.set([]);
|
|
176
|
+
this.lazyBrushInstance.pointer.update({ x: 0, y: 0 });
|
|
177
|
+
this.lazyBrushInstance.brush.update({ x: 0, y: 0 });
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
effect(() => {
|
|
181
|
+
this.penColor();
|
|
182
|
+
this.lineWidth();
|
|
183
|
+
if (this.mainContext()) {
|
|
184
|
+
this.mainContext().strokeStyle = this.penColor();
|
|
185
|
+
this.mainContext().lineWidth = this.lineWidth();
|
|
186
|
+
this.mainContext().fillStyle = this.penColor();
|
|
187
|
+
}
|
|
188
|
+
if (this.memoryContext()) {
|
|
189
|
+
this.memoryContext().strokeStyle = this.penColor();
|
|
190
|
+
this.memoryContext().lineWidth = this.lineWidth();
|
|
191
|
+
this.memoryContext().fillStyle = this.penColor();
|
|
192
|
+
}
|
|
193
|
+
});
|
|
194
|
+
effect(() => {
|
|
195
|
+
if (this.lazyBrushInstance) {
|
|
196
|
+
this.lazyBrushInstance.setRadius(this.lazyRadius());
|
|
197
|
+
this.lazyBrushInstance.setFriction(this.lazyFriction());
|
|
198
|
+
this.lazyEnabled() ? this.lazyBrushInstance.enable() : this.lazyBrushInstance.disable();
|
|
199
|
+
}
|
|
200
|
+
});
|
|
201
|
+
}
|
|
202
|
+
ngOnDestroy() {
|
|
203
|
+
this.subscriptions.forEach(sub => sub.unsubscribe());
|
|
204
|
+
if (this.resizeObserver && this.mainCanvasRef()) {
|
|
205
|
+
this.resizeObserver.unobserve(this.mainCanvasRef().nativeElement);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
setupPointerEvents() {
|
|
209
|
+
const canvasEl = this.mainCanvasRef().nativeElement;
|
|
210
|
+
const pointerDownEvents$ = merge(fromEvent(canvasEl, 'mousedown'), fromEvent(canvasEl, 'touchstart').pipe(tap(event => { if (event.cancelable)
|
|
211
|
+
event.preventDefault(); }))).pipe(filter(() => !!this.mainContext() && !!this.lazyBrushInstance), map(event => this.getCoordinates(event)), filter((coords) => coords !== null));
|
|
212
|
+
const pointerMoveEvents$ = merge(fromEvent(this.document, 'mousemove'), fromEvent(this.document, 'touchmove').pipe(tap(event => { if (event.cancelable)
|
|
213
|
+
event.preventDefault(); }))).pipe(map(event => this.getCoordinates(event)), filter((coords) => coords !== null));
|
|
214
|
+
const pointerUpEvents$ = merge(fromEvent(this.document, 'mouseup'), fromEvent(this.document, 'touchend'), fromEvent(this.document, 'touchcancel'));
|
|
215
|
+
const drawingStream$ = pointerDownEvents$.pipe(tap(coords => this.handlePointerDownLogic(coords)), switchMap(() => pointerMoveEvents$.pipe(takeUntil(pointerUpEvents$.pipe(tap(event => this.handlePointerUpLogic(event)))))));
|
|
216
|
+
this.subscriptions.push(drawingStream$.subscribe(coords => {
|
|
217
|
+
this.handlePointerMoveLogic(coords);
|
|
218
|
+
}));
|
|
219
|
+
}
|
|
220
|
+
setupResizeObserver() {
|
|
221
|
+
const canvasEl = this.mainCanvasRef().nativeElement;
|
|
222
|
+
this.resizeObserver = new ResizeObserver(entries => {
|
|
223
|
+
for (const entry of entries) {
|
|
224
|
+
const contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;
|
|
225
|
+
const newWidth = contentBoxSize ? contentBoxSize.inlineSize : entry.contentRect.width;
|
|
226
|
+
const newHeight = contentBoxSize ? contentBoxSize.blockSize : entry.contentRect.height;
|
|
227
|
+
if (newWidth > 0 && newHeight > 0 && (this.canvasWidth() !== newWidth || this.canvasHeight() !== newHeight)) {
|
|
228
|
+
this.canvasWidth.set(newWidth);
|
|
229
|
+
this.canvasHeight.set(newHeight);
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
});
|
|
233
|
+
this.resizeObserver.observe(canvasEl);
|
|
234
|
+
}
|
|
235
|
+
initializeLazyBrush() {
|
|
236
|
+
const options = {
|
|
237
|
+
radius: this.lazyRadius(),
|
|
238
|
+
enabled: this.lazyEnabled(),
|
|
239
|
+
initialPoint: { x: 0, y: 0 },
|
|
240
|
+
friction: this.lazyFriction()
|
|
241
|
+
};
|
|
242
|
+
this.lazyBrushInstance = new LazyBrush(options);
|
|
243
|
+
}
|
|
244
|
+
initializeCanvasesAndContexts() {
|
|
245
|
+
const mainCanvasEl = this.mainCanvasRef().nativeElement;
|
|
246
|
+
const mainCtx = mainCanvasEl.getContext('2d');
|
|
247
|
+
if (!mainCtx) {
|
|
248
|
+
console.error('Failed to get 2D context for main canvas');
|
|
249
|
+
return;
|
|
250
|
+
}
|
|
251
|
+
this.mainContext.set(mainCtx);
|
|
252
|
+
this.memoryCanvasElement = document.createElement('canvas');
|
|
253
|
+
const memCtx = this.memoryCanvasElement.getContext('2d');
|
|
254
|
+
if (!memCtx) {
|
|
255
|
+
console.error('Failed to get 2D context for memory canvas');
|
|
256
|
+
return;
|
|
257
|
+
}
|
|
258
|
+
this.memoryContext.set(memCtx);
|
|
259
|
+
}
|
|
260
|
+
configureContextStyling(ctx) {
|
|
261
|
+
ctx.strokeStyle = this.penColor();
|
|
262
|
+
ctx.lineWidth = this.lineWidth();
|
|
263
|
+
ctx.lineCap = 'round';
|
|
264
|
+
ctx.lineJoin = 'round';
|
|
265
|
+
ctx.fillStyle = this.penColor();
|
|
266
|
+
}
|
|
267
|
+
handlePointerDownLogic(coords) {
|
|
268
|
+
this.isDrawing.set(true);
|
|
269
|
+
this.lazyBrushInstance.update(coords, { both: true });
|
|
270
|
+
this.currentStrokePoints.set([this.lazyBrushInstance.getBrushCoordinates()]);
|
|
271
|
+
}
|
|
272
|
+
handlePointerMoveLogic(coords) {
|
|
273
|
+
const mainCtx = this.mainContext();
|
|
274
|
+
const memCanvas = this.memoryCanvasElement;
|
|
275
|
+
if (!mainCtx || !memCanvas || !this.lazyBrushInstance)
|
|
276
|
+
return;
|
|
277
|
+
this.lazyBrushInstance.update(coords);
|
|
278
|
+
if (this.lazyBrushInstance.brushHasMoved()) {
|
|
279
|
+
this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);
|
|
280
|
+
mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
|
|
281
|
+
mainCtx.drawImage(memCanvas, 0, 0);
|
|
282
|
+
this.drawSmoothStroke(mainCtx, this.currentStrokePoints());
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
handlePointerUpLogic(event) {
|
|
286
|
+
if (!this.isDrawing())
|
|
287
|
+
return;
|
|
288
|
+
const mainCtx = this.mainContext();
|
|
289
|
+
const memCtx = this.memoryContext();
|
|
290
|
+
const mainCanvasEl = this.mainCanvasRef().nativeElement;
|
|
291
|
+
if (!mainCtx || !memCtx || !this.memoryCanvasElement || !this.lazyBrushInstance) {
|
|
292
|
+
this.isDrawing.set(false);
|
|
293
|
+
this.currentStrokePoints.set([]);
|
|
294
|
+
return;
|
|
295
|
+
}
|
|
296
|
+
const coords = event ? this.getCoordinates(event) : this.lazyBrushInstance.getPointerCoordinates();
|
|
297
|
+
if (coords) {
|
|
298
|
+
this.lazyBrushInstance.update(coords);
|
|
299
|
+
if (this.lazyBrushInstance.brushHasMoved()) {
|
|
300
|
+
this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
if (this.currentStrokePoints().length > 0) {
|
|
304
|
+
mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
|
|
305
|
+
mainCtx.drawImage(this.memoryCanvasElement, 0, 0);
|
|
306
|
+
this.drawSmoothStroke(mainCtx, this.currentStrokePoints());
|
|
307
|
+
}
|
|
308
|
+
memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
|
|
309
|
+
memCtx.drawImage(mainCanvasEl, 0, 0);
|
|
310
|
+
this.isDrawing.set(false);
|
|
311
|
+
this.currentStrokePoints.set([]);
|
|
312
|
+
this.save();
|
|
313
|
+
}
|
|
314
|
+
drawSmoothStroke(ctx, points) {
|
|
315
|
+
if (points.length === 0)
|
|
316
|
+
return;
|
|
317
|
+
ctx.strokeStyle = this.penColor();
|
|
318
|
+
ctx.lineWidth = this.lineWidth();
|
|
319
|
+
ctx.fillStyle = this.penColor();
|
|
320
|
+
ctx.lineCap = 'round';
|
|
321
|
+
ctx.lineJoin = 'round';
|
|
322
|
+
if (points.length < 3) {
|
|
323
|
+
const p1 = points[0];
|
|
324
|
+
ctx.beginPath();
|
|
325
|
+
if (points.length === 1) {
|
|
326
|
+
const radius = this.lineWidth() / 2;
|
|
327
|
+
ctx.arc(p1.x, p1.y, Math.max(0.5, radius), 0, Math.PI * 2, true);
|
|
328
|
+
ctx.fill();
|
|
329
|
+
}
|
|
330
|
+
else {
|
|
331
|
+
const p2 = points[1];
|
|
332
|
+
ctx.moveTo(p1.x, p1.y);
|
|
333
|
+
ctx.lineTo(p2.x, p2.y);
|
|
334
|
+
ctx.stroke();
|
|
335
|
+
}
|
|
336
|
+
ctx.closePath();
|
|
337
|
+
return;
|
|
338
|
+
}
|
|
339
|
+
ctx.beginPath();
|
|
340
|
+
ctx.moveTo(points[0].x, points[0].y);
|
|
341
|
+
let i;
|
|
342
|
+
for (i = 1; i < points.length - 2; i++) {
|
|
343
|
+
const c = (points[i].x + points[i + 1].x) / 2;
|
|
344
|
+
const d = (points[i].y + points[i + 1].y) / 2;
|
|
345
|
+
ctx.quadraticCurveTo(points[i].x, points[i].y, c, d);
|
|
346
|
+
}
|
|
347
|
+
ctx.quadraticCurveTo(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
|
|
348
|
+
ctx.stroke();
|
|
349
|
+
ctx.closePath();
|
|
350
|
+
}
|
|
351
|
+
getCoordinates(event) {
|
|
352
|
+
const canvas = this.mainCanvasRef()?.nativeElement;
|
|
353
|
+
if (!canvas)
|
|
354
|
+
return null;
|
|
355
|
+
const rect = canvas.getBoundingClientRect();
|
|
356
|
+
let clientX, clientY;
|
|
357
|
+
if (event instanceof MouseEvent) {
|
|
358
|
+
clientX = event.clientX;
|
|
359
|
+
clientY = event.clientY;
|
|
360
|
+
}
|
|
361
|
+
else if (event instanceof TouchEvent) {
|
|
362
|
+
const touch = event.touches.length > 0 ? event.touches[0] :
|
|
363
|
+
(event.changedTouches.length > 0 ? event.changedTouches[0] : null);
|
|
364
|
+
if (touch) {
|
|
365
|
+
clientX = touch.clientX;
|
|
366
|
+
clientY = touch.clientY;
|
|
367
|
+
}
|
|
368
|
+
else {
|
|
369
|
+
return null;
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
else {
|
|
373
|
+
return null;
|
|
374
|
+
}
|
|
375
|
+
const scaleX = canvas.width / rect.width;
|
|
376
|
+
const scaleY = canvas.height / rect.height;
|
|
377
|
+
return {
|
|
378
|
+
x: (clientX - rect.left) * scaleX,
|
|
379
|
+
y: (clientY - rect.top) * scaleY,
|
|
380
|
+
};
|
|
381
|
+
}
|
|
382
|
+
clear() {
|
|
383
|
+
const mainCtx = this.mainContext();
|
|
384
|
+
const memCtx = this.memoryContext();
|
|
385
|
+
if (mainCtx) {
|
|
386
|
+
mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
|
|
387
|
+
mainCtx.fillStyle = this.backgroundColor();
|
|
388
|
+
mainCtx.fillRect(0, 0, this.canvasWidth(), this.canvasHeight());
|
|
389
|
+
}
|
|
390
|
+
if (memCtx) {
|
|
391
|
+
memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
|
|
392
|
+
}
|
|
393
|
+
this.currentStrokePoints.set([]);
|
|
394
|
+
if (this.lazyBrushInstance) {
|
|
395
|
+
const currentPointer = this.lazyBrushInstance.getPointerCoordinates();
|
|
396
|
+
this.lazyBrushInstance.update(currentPointer, { both: true });
|
|
397
|
+
}
|
|
398
|
+
this.signatureCleared.emit();
|
|
399
|
+
}
|
|
400
|
+
save() {
|
|
401
|
+
const memCanvas = this.memoryCanvasElement;
|
|
402
|
+
if (!memCanvas) {
|
|
403
|
+
console.warn('Memory canvas not available for saving.');
|
|
404
|
+
return;
|
|
405
|
+
}
|
|
406
|
+
if (this.isCanvasEffectivelyBlank(memCanvas)) {
|
|
407
|
+
console.warn('Canvas is effectively empty or contains only background. Nothing to save.');
|
|
408
|
+
return;
|
|
409
|
+
}
|
|
410
|
+
const dataUrl = memCanvas.toDataURL('image/png');
|
|
411
|
+
this.signatureSaved.emit(dataUrl);
|
|
412
|
+
}
|
|
413
|
+
onColorChange(color) {
|
|
414
|
+
this.penColor.set(color);
|
|
415
|
+
}
|
|
416
|
+
isCanvasEffectivelyBlank(canvas) {
|
|
417
|
+
if (!canvas)
|
|
418
|
+
return true;
|
|
419
|
+
const tempCanvas = document.createElement('canvas');
|
|
420
|
+
tempCanvas.width = canvas.width;
|
|
421
|
+
tempCanvas.height = canvas.height;
|
|
422
|
+
const tempCtx = tempCanvas.getContext('2d');
|
|
423
|
+
if (!tempCtx)
|
|
424
|
+
return true;
|
|
425
|
+
tempCtx.fillStyle = this.backgroundColor();
|
|
426
|
+
tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height);
|
|
427
|
+
return canvas.toDataURL() === tempCanvas.toDataURL();
|
|
428
|
+
}
|
|
429
|
+
handleEscapeKey(event) {
|
|
430
|
+
this.clear();
|
|
431
|
+
}
|
|
432
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SignaturePad, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
433
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: SignaturePad, isStandalone: true, selector: "ngs-signature-pad", inputs: { penColor: { classPropertyName: "penColor", publicName: "penColor", isSignal: true, isRequired: false, transformFunction: null }, lineWidth: { classPropertyName: "lineWidth", publicName: "lineWidth", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, lazyRadius: { classPropertyName: "lazyRadius", publicName: "lazyRadius", isSignal: true, isRequired: false, transformFunction: null }, lazyFriction: { classPropertyName: "lazyFriction", publicName: "lazyFriction", isSignal: true, isRequired: false, transformFunction: null }, lazyEnabled: { classPropertyName: "lazyEnabled", publicName: "lazyEnabled", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { penColor: "penColorChange", signatureSaved: "signatureSaved", signatureCleared: "signatureCleared" }, host: { listeners: { "document:keydown.escape": "handleEscapeKey($event)" }, classAttribute: "ngs-signature-pad" }, viewQueries: [{ propertyName: "mainCanvasRef", first: true, predicate: ["signatureCanvas"], descendants: true, isSignal: true }], exportAs: ["ngsSignaturePad"], ngImport: i0, template: "<canvas #signatureCanvas\n class=\"signature-canvas\">\n Your browser does not support the HTML canvas tag.\n</canvas>\n<div class=\"line\"></div>\n<ngs-color-switcher [selectedColor]=\"penColor()\"\n [colors]=\"colors()\"\n (colorChange)=\"onColorChange($event)\"/>\n<div class=\"clear-button\">\n <button ngsIconButton (click)=\"clear()\">\n <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n </button>\n</div>\n", styles: [":host{display:block;position:relative;width:max-content;height:max-content;background:var(--color-surface-container-lowest)}:host canvas{width:500px;height:250px;z-index:1;position:relative}:host .ngs-brand-colors{--ngs-brand-colors-color-size: calc(var(--spacing, .25rem) * 5);--ngs-brand-colors-gap: calc(var(--spacing, .25rem) * 2);position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);z-index:2}:host .clear-button{position:absolute;top:calc(var(--spacing, .25rem) * 1);left:calc(var(--spacing, .25rem) * 1);z-index:2}:host .line{position:absolute;height:1px;z-index:0;background:var(--color-surface-container-highest);left:40px;right:40px;bottom:50px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ColorSwitcher, selector: "ngs-color-switcher", inputs: ["colors", "selectedColor", "disabled"], outputs: ["colorChange"], exportAs: ["ngsColorSwitcher"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "component", type: Button, selector: " button[ngsButton], button[ngsIconButton], a[ngsButton], a[ngsIconButton] ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
434
|
+
}
|
|
435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SignaturePad, decorators: [{
|
|
436
|
+
type: Component,
|
|
437
|
+
args: [{ selector: 'ngs-signature-pad', exportAs: 'ngsSignaturePad', standalone: true, imports: [
|
|
438
|
+
ColorSwitcher,
|
|
439
|
+
Icon,
|
|
440
|
+
Button
|
|
441
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
442
|
+
'class': 'ngs-signature-pad',
|
|
443
|
+
'(document:keydown.escape)': 'handleEscapeKey($event)',
|
|
444
|
+
}, template: "<canvas #signatureCanvas\n class=\"signature-canvas\">\n Your browser does not support the HTML canvas tag.\n</canvas>\n<div class=\"line\"></div>\n<ngs-color-switcher [selectedColor]=\"penColor()\"\n [colors]=\"colors()\"\n (colorChange)=\"onColorChange($event)\"/>\n<div class=\"clear-button\">\n <button ngsIconButton (click)=\"clear()\">\n <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n </button>\n</div>\n", styles: [":host{display:block;position:relative;width:max-content;height:max-content;background:var(--color-surface-container-lowest)}:host canvas{width:500px;height:250px;z-index:1;position:relative}:host .ngs-brand-colors{--ngs-brand-colors-color-size: calc(var(--spacing, .25rem) * 5);--ngs-brand-colors-gap: calc(var(--spacing, .25rem) * 2);position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);z-index:2}:host .clear-button{position:absolute;top:calc(var(--spacing, .25rem) * 1);left:calc(var(--spacing, .25rem) * 1);z-index:2}:host .line{position:absolute;height:1px;z-index:0;background:var(--color-surface-container-highest);left:40px;right:40px;bottom:50px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
445
|
+
}], ctorParameters: () => [], propDecorators: { penColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "penColor", required: false }] }, { type: i0.Output, args: ["penColorChange"] }], lineWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWidth", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], lazyRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyRadius", required: false }] }], lazyFriction: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyFriction", required: false }] }], lazyEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyEnabled", required: false }] }], colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], signatureSaved: [{ type: i0.Output, args: ["signatureSaved"] }], signatureCleared: [{ type: i0.Output, args: ["signatureCleared"] }], mainCanvasRef: [{ type: i0.ViewChild, args: ['signatureCanvas', { isSignal: true }] }] } });
|
|
446
|
+
|
|
447
|
+
/**
|
|
448
|
+
* Generated bundle index. Do not edit.
|
|
449
|
+
*/
|
|
450
|
+
|
|
451
|
+
export { SignaturePad };
|
|
452
|
+
//# sourceMappingURL=ngstarter-ui-components-signature-pad.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-signature-pad.mjs","sources":["../../../projects/components/signature-pad/src/lazy-point.ts","../../../projects/components/signature-pad/src/lazy-brush.ts","../../../projects/components/signature-pad/src/signature-pad/signature-pad.ts","../../../projects/components/signature-pad/src/signature-pad/signature-pad.html","../../../projects/components/signature-pad/ngstarter-ui-components-signature-pad.ts"],"sourcesContent":["export interface Point {\n x: number;\n y: number;\n}\n\nfunction ease(x: number): number {\n return 1 - Math.sqrt(1 - Math.pow(x, 2));\n}\n\nexport class LazyPoint implements Point {\n x: number;\n y: number;\n\n constructor(x: number, y: number) {\n this.x = x;\n this.y = y;\n }\n\n update(point: Point): LazyPoint {\n this.x = point.x;\n this.y = point.y;\n return this;\n }\n\n moveByAngle(\n angle: number,\n distance: number,\n friction?: number\n ): LazyPoint {\n const angleRotated = angle + Math.PI / 2;\n\n if (friction) {\n this.x = this.x + Math.sin(angleRotated) * distance * ease(1 - friction);\n this.y = this.y - Math.cos(angleRotated) * distance * ease(1 - friction);\n } else {\n this.x = this.x + Math.sin(angleRotated) * distance;\n this.y = this.y - Math.cos(angleRotated) * distance;\n }\n return this;\n }\n\n equalsTo(point: Point): boolean {\n return this.x === point.x && this.y === point.y;\n }\n\n getDifferenceTo(point: Point): LazyPoint {\n return new LazyPoint(this.x - point.x, this.y - point.y);\n }\n\n getDistanceTo(point: Point): number {\n const diff = this.getDifferenceTo(point);\n return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));\n }\n\n getAngleTo(point: Point): number {\n const diff = this.getDifferenceTo(point);\n return Math.atan2(diff.y, diff.x);\n }\n\n toObject(): Point {\n return {\n x: this.x,\n y: this.y\n };\n }\n}\n","import { LazyPoint, Point } from './lazy-point';\n\nconst RADIUS_DEFAULT = 30;\n\nexport interface LazyBrushOptions {\n radius?: number;\n enabled?: boolean;\n initialPoint?: Point;\n friction?: number;\n}\n\nexport interface LazyBrushUpdateOptions {\n both?: boolean;\n friction?: number;\n}\n\nexport class LazyBrush {\n _isEnabled: boolean;\n _hasMoved: boolean;\n radius: number;\n pointer: LazyPoint;\n brush: LazyPoint;\n angle: number;\n distance: number;\n friction: number;\n\n constructor(options: LazyBrushOptions = {}) {\n const initialPoint = options.initialPoint || { x: 0, y: 0 };\n this.radius = options.radius || RADIUS_DEFAULT;\n this._isEnabled = options.enabled === false ? false : true;\n this.friction = options.friction || 0;\n\n this.pointer = new LazyPoint(initialPoint.x, initialPoint.y);\n this.brush = new LazyPoint(initialPoint.x, initialPoint.y);\n\n this.angle = 0;\n this.distance = 0;\n this._hasMoved = false;\n }\n\n enable(): void { this._isEnabled = true; }\n disable(): void { this._isEnabled = false; }\n isEnabled(): boolean { return this._isEnabled; }\n setRadius(radius: number): void { this.radius = radius; }\n getRadius(): number { return this.radius; }\n setFriction(friction: number): void { this.friction = Math.max(0, Math.min(1, friction)); }\n getFriction(): number { return this.friction; }\n getBrushCoordinates(): Point { return this.brush.toObject(); }\n getPointerCoordinates(): Point { return this.pointer.toObject(); }\n getBrush(): LazyPoint { return this.brush; }\n getPointer(): LazyPoint { return this.pointer; }\n getAngle(): number { return this.angle; }\n getDistance(): number { return this.distance; }\n brushHasMoved(): boolean { return this._hasMoved; }\n\n update(\n newPointerPoint: Point,\n options: LazyBrushUpdateOptions = {}\n ): boolean {\n this._hasMoved = false;\n const currentFriction = options.friction !== undefined ? options.friction : this.friction;\n\n if (\n this.pointer.equalsTo(newPointerPoint) &&\n !options.both &&\n currentFriction === this.friction\n ) {\n return false;\n }\n\n this.pointer.update(newPointerPoint);\n\n if (options.both) {\n this._hasMoved = true;\n this.brush.update(newPointerPoint);\n return true;\n }\n\n if (this._isEnabled) {\n this.distance = this.pointer.getDistanceTo(this.brush);\n this.angle = this.pointer.getAngleTo(this.brush);\n const isOutside = this.distance > this.radius;\n if (isOutside) {\n this.brush.moveByAngle(\n this.angle,\n this.distance - this.radius,\n currentFriction\n );\n this._hasMoved = true;\n }\n } else {\n this.distance = 0;\n this.angle = 0;\n this.brush.update(newPointerPoint);\n this._hasMoved = true;\n }\n return true;\n }\n}\n","import {\n Component,\n ElementRef,\n signal,\n viewChild,\n afterNextRender,\n effect,\n input,\n output,\n ChangeDetectionStrategy,\n OnDestroy,\n inject,\n PLATFORM_ID, model,\n DOCUMENT\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { fromEvent, Subscription, merge, Subject } from 'rxjs';\nimport { switchMap, takeUntil, map, filter, tap } from 'rxjs/operators';\nimport { Point } from '../lazy-point';\nimport { LazyBrush, LazyBrushOptions } from '../lazy-brush';\nimport { ColorSwitcher } from '@ngstarter-ui/components/color-switcher';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Button } from '@ngstarter-ui/components/button';\n\n@Component({\n selector: 'ngs-signature-pad',\n exportAs: 'ngsSignaturePad',\n standalone: true,\n imports: [\n ColorSwitcher,\n Icon,\n Button\n ],\n templateUrl: './signature-pad.html',\n styleUrl: './signature-pad.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-signature-pad',\n '(document:keydown.escape)': 'handleEscapeKey($event)',\n }\n})\nexport class SignaturePad implements OnDestroy {\n penColor = model<string>('#000');\n lineWidth = input<number>(4);\n backgroundColor = input<string>('transparent');\n lazyRadius = input<number>(3);\n lazyFriction = input<number>(0.1);\n lazyEnabled = input<boolean>(true);\n colors = input<string[]>(['#000', '#0059ff', '#ff0000']);\n\n signatureSaved = output<string>();\n signatureCleared = output<void>();\n\n mainCanvasRef = viewChild.required<ElementRef<HTMLCanvasElement>>('signatureCanvas');\n\n private canvasWidth = signal<number>(400);\n private canvasHeight = signal<number>(200);\n\n private mainContext = signal<CanvasRenderingContext2D | null>(null);\n private memoryCanvasElement: HTMLCanvasElement | null = null;\n private memoryContext = signal<CanvasRenderingContext2D | null>(null);\n private lazyBrushInstance!: LazyBrush;\n private isDrawing = signal(false);\n private currentStrokePoints = signal<Point[]>([]);\n\n private resizeObserver!: ResizeObserver;\n private platformId = inject(PLATFORM_ID);\n private document = inject(DOCUMENT);\n\n private subscriptions: Subscription[] = [];\n private pointerDown$ = new Subject<Point>();\n\n constructor() {\n if (isPlatformBrowser(this.platformId)) {\n afterNextRender(() => {\n this.initializeLazyBrush();\n this.initializeCanvasesAndContexts();\n this.setupResizeObserver();\n this.setupPointerEvents();\n });\n }\n\n effect(() => {\n const currentWidth = this.canvasWidth();\n const currentHeight = this.canvasHeight();\n this.backgroundColor();\n if (this.mainContext() && this.memoryContext() && this.mainCanvasRef() && this.memoryCanvasElement && this.lazyBrushInstance) {\n const mainCanvasEl = this.mainCanvasRef().nativeElement;\n mainCanvasEl.width = currentWidth;\n mainCanvasEl.height = currentHeight;\n this.memoryCanvasElement.width = currentWidth;\n this.memoryCanvasElement.height = currentHeight;\n this.configureContextStyling(this.mainContext()!);\n this.configureContextStyling(this.memoryContext()!);\n this.mainContext()!.fillStyle = this.backgroundColor();\n this.mainContext()!.fillRect(0, 0, currentWidth, currentHeight);\n this.memoryContext()!.clearRect(0,0, currentWidth, currentHeight);\n this.currentStrokePoints.set([]);\n this.lazyBrushInstance.pointer.update({x:0, y:0});\n this.lazyBrushInstance.brush.update({x:0, y:0});\n }\n });\n\n effect(() => {\n this.penColor(); this.lineWidth();\n if (this.mainContext()) {\n this.mainContext()!.strokeStyle = this.penColor();\n this.mainContext()!.lineWidth = this.lineWidth();\n this.mainContext()!.fillStyle = this.penColor();\n }\n if (this.memoryContext()) {\n this.memoryContext()!.strokeStyle = this.penColor();\n this.memoryContext()!.lineWidth = this.lineWidth();\n this.memoryContext()!.fillStyle = this.penColor();\n }\n });\n\n effect(() => {\n if (this.lazyBrushInstance) {\n this.lazyBrushInstance.setRadius(this.lazyRadius());\n this.lazyBrushInstance.setFriction(this.lazyFriction());\n this.lazyEnabled() ? this.lazyBrushInstance.enable() : this.lazyBrushInstance.disable();\n }\n });\n }\n\n ngOnDestroy(): void {\n this.subscriptions.forEach(sub => sub.unsubscribe());\n if (this.resizeObserver && this.mainCanvasRef()) {\n this.resizeObserver.unobserve(this.mainCanvasRef().nativeElement);\n }\n }\n\n private setupPointerEvents(): void {\n const canvasEl = this.mainCanvasRef().nativeElement;\n\n const pointerDownEvents$ = merge(\n fromEvent<MouseEvent>(canvasEl, 'mousedown'),\n fromEvent<TouchEvent>(canvasEl, 'touchstart').pipe(\n tap(event => { if (event.cancelable) event.preventDefault(); })\n )\n ).pipe(\n filter(() => !!this.mainContext() && !!this.lazyBrushInstance),\n map(event => this.getCoordinates(event)),\n filter((coords): coords is Point => coords !== null)\n );\n\n const pointerMoveEvents$ = merge(\n fromEvent<MouseEvent>(this.document, 'mousemove'),\n fromEvent<TouchEvent>(this.document, 'touchmove').pipe(\n tap(event => { if (event.cancelable) event.preventDefault(); })\n )\n ).pipe(\n map(event => this.getCoordinates(event)),\n filter((coords): coords is Point => coords !== null)\n );\n\n const pointerUpEvents$ = merge(\n fromEvent<MouseEvent>(this.document, 'mouseup'),\n fromEvent<TouchEvent>(this.document, 'touchend'),\n fromEvent<TouchEvent>(this.document, 'touchcancel')\n );\n\n const drawingStream$ = pointerDownEvents$.pipe(\n tap(coords => this.handlePointerDownLogic(coords)),\n switchMap(() =>\n pointerMoveEvents$.pipe(\n takeUntil(pointerUpEvents$.pipe(\n tap(event => this.handlePointerUpLogic(event))\n ))\n )\n )\n );\n\n this.subscriptions.push(\n drawingStream$.subscribe(coords => {\n this.handlePointerMoveLogic(coords);\n })\n );\n }\n\n\n private setupResizeObserver(): void {\n const canvasEl = this.mainCanvasRef().nativeElement;\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;\n const newWidth = contentBoxSize ? contentBoxSize.inlineSize : entry.contentRect.width;\n const newHeight = contentBoxSize ? contentBoxSize.blockSize : entry.contentRect.height;\n if (newWidth > 0 && newHeight > 0 && (this.canvasWidth() !== newWidth || this.canvasHeight() !== newHeight)) {\n this.canvasWidth.set(newWidth);\n this.canvasHeight.set(newHeight);\n }\n }\n });\n this.resizeObserver.observe(canvasEl);\n }\n\n private initializeLazyBrush(): void {\n const options: LazyBrushOptions = {\n radius: this.lazyRadius(),\n enabled: this.lazyEnabled(),\n initialPoint: { x: 0, y: 0 },\n friction: this.lazyFriction()\n };\n this.lazyBrushInstance = new LazyBrush(options);\n }\n\n private initializeCanvasesAndContexts(): void {\n const mainCanvasEl = this.mainCanvasRef().nativeElement;\n const mainCtx = mainCanvasEl.getContext('2d');\n if (!mainCtx) { console.error('Failed to get 2D context for main canvas'); return; }\n this.mainContext.set(mainCtx);\n this.memoryCanvasElement = document.createElement('canvas');\n const memCtx = this.memoryCanvasElement.getContext('2d');\n if (!memCtx) { console.error('Failed to get 2D context for memory canvas'); return; }\n this.memoryContext.set(memCtx);\n }\n\n private configureContextStyling(ctx: CanvasRenderingContext2D): void {\n ctx.strokeStyle = this.penColor();\n ctx.lineWidth = this.lineWidth();\n ctx.lineCap = 'round';\n ctx.lineJoin = 'round';\n ctx.fillStyle = this.penColor();\n }\n\n private handlePointerDownLogic(coords: Point): void {\n this.isDrawing.set(true);\n this.lazyBrushInstance.update(coords, { both: true });\n this.currentStrokePoints.set([this.lazyBrushInstance.getBrushCoordinates()]);\n }\n\n private handlePointerMoveLogic(coords: Point): void {\n const mainCtx = this.mainContext();\n const memCanvas = this.memoryCanvasElement;\n if (!mainCtx || !memCanvas || !this.lazyBrushInstance) return;\n\n this.lazyBrushInstance.update(coords);\n if (this.lazyBrushInstance.brushHasMoved()) {\n this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);\n mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\n mainCtx.drawImage(memCanvas, 0, 0);\n this.drawSmoothStroke(mainCtx, this.currentStrokePoints());\n }\n }\n\n private handlePointerUpLogic(event?: MouseEvent | TouchEvent): void {\n if (!this.isDrawing()) return;\n\n const mainCtx = this.mainContext();\n const memCtx = this.memoryContext();\n const mainCanvasEl = this.mainCanvasRef().nativeElement;\n\n if (!mainCtx || !memCtx || !this.memoryCanvasElement || !this.lazyBrushInstance) {\n this.isDrawing.set(false);\n this.currentStrokePoints.set([]);\n return;\n }\n\n const coords = event ? this.getCoordinates(event) : this.lazyBrushInstance.getPointerCoordinates();\n\n if (coords) {\n this.lazyBrushInstance.update(coords);\n if (this.lazyBrushInstance.brushHasMoved()) {\n this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);\n }\n }\n\n if (this.currentStrokePoints().length > 0) {\n mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\n mainCtx.drawImage(this.memoryCanvasElement, 0, 0);\n this.drawSmoothStroke(mainCtx, this.currentStrokePoints());\n }\n\n memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\n memCtx.drawImage(mainCanvasEl, 0, 0);\n this.isDrawing.set(false);\n this.currentStrokePoints.set([]);\n this.save();\n }\n\n private drawSmoothStroke(ctx: CanvasRenderingContext2D, points: Point[]): void {\n if (points.length === 0) return;\n ctx.strokeStyle = this.penColor();\n ctx.lineWidth = this.lineWidth();\n ctx.fillStyle = this.penColor();\n ctx.lineCap = 'round';\n ctx.lineJoin = 'round';\n if (points.length < 3) {\n const p1 = points[0];\n ctx.beginPath();\n if (points.length === 1) {\n const radius = this.lineWidth() / 2;\n ctx.arc(p1.x, p1.y, Math.max(0.5, radius), 0, Math.PI * 2, true);\n ctx.fill();\n } else {\n const p2 = points[1];\n ctx.moveTo(p1.x, p1.y);\n ctx.lineTo(p2.x, p2.y);\n ctx.stroke();\n }\n ctx.closePath();\n return;\n }\n ctx.beginPath();\n ctx.moveTo(points[0].x, points[0].y);\n let i;\n for (i = 1; i < points.length - 2; i++) {\n const c = (points[i].x + points[i + 1].x) / 2;\n const d = (points[i].y + points[i + 1].y) / 2;\n ctx.quadraticCurveTo(points[i].x, points[i].y, c, d);\n }\n ctx.quadraticCurveTo(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);\n ctx.stroke();\n ctx.closePath();\n }\n\n private getCoordinates(event: MouseEvent | TouchEvent | Event): Point | null {\n const canvas = this.mainCanvasRef()?.nativeElement;\n if (!canvas) return null;\n const rect = canvas.getBoundingClientRect();\n let clientX, clientY;\n\n if (event instanceof MouseEvent) {\n clientX = event.clientX;\n clientY = event.clientY;\n } else if (event instanceof TouchEvent) {\n const touch = event.touches.length > 0 ? event.touches[0] :\n (event.changedTouches.length > 0 ? event.changedTouches[0] : null);\n if (touch) {\n clientX = touch.clientX;\n clientY = touch.clientY;\n } else { return null; }\n } else {\n return null;\n }\n const scaleX = canvas.width / rect.width;\n const scaleY = canvas.height / rect.height;\n return {\n x: (clientX - rect.left) * scaleX,\n y: (clientY - rect.top) * scaleY,\n };\n }\n\n clear(): void {\n const mainCtx = this.mainContext();\n const memCtx = this.memoryContext();\n if (mainCtx) {\n mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\n mainCtx.fillStyle = this.backgroundColor();\n mainCtx.fillRect(0, 0, this.canvasWidth(), this.canvasHeight());\n }\n if (memCtx) {\n memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\n }\n this.currentStrokePoints.set([]);\n if (this.lazyBrushInstance) {\n const currentPointer = this.lazyBrushInstance.getPointerCoordinates();\n this.lazyBrushInstance.update(currentPointer, {both: true});\n }\n this.signatureCleared.emit();\n }\n\n save(): void {\n const memCanvas = this.memoryCanvasElement;\n if (!memCanvas) {\n console.warn('Memory canvas not available for saving.'); return;\n }\n if (this.isCanvasEffectivelyBlank(memCanvas)) {\n console.warn('Canvas is effectively empty or contains only background. Nothing to save.'); return;\n }\n const dataUrl = memCanvas.toDataURL('image/png');\n this.signatureSaved.emit(dataUrl);\n }\n\n onColorChange(color: string) {\n this.penColor.set(color);\n }\n\n private isCanvasEffectivelyBlank(canvas: HTMLCanvasElement): boolean {\n if (!canvas) return true;\n const tempCanvas = document.createElement('canvas');\n tempCanvas.width = canvas.width;\n tempCanvas.height = canvas.height;\n const tempCtx = tempCanvas.getContext('2d');\n if (!tempCtx) return true;\n tempCtx.fillStyle = this.backgroundColor();\n tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height);\n return canvas.toDataURL() === tempCanvas.toDataURL();\n }\n\n handleEscapeKey(event: Event): void {\n this.clear();\n }\n}\n","<canvas #signatureCanvas\n class=\"signature-canvas\">\n Your browser does not support the HTML canvas tag.\n</canvas>\n<div class=\"line\"></div>\n<ngs-color-switcher [selectedColor]=\"penColor()\"\n [colors]=\"colors()\"\n (colorChange)=\"onColorChange($event)\"/>\n<div class=\"clear-button\">\n <button ngsIconButton (click)=\"clear()\">\n <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n </button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, Component } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class Skeleton {
|
|
5
|
+
roundedFull = input(false, { ...(ngDevMode ? { debugName: "roundedFull" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Skeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: Skeleton, isStandalone: true, selector: "ngs-skeleton", inputs: { roundedFull: { classPropertyName: "roundedFull", publicName: "roundedFull", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.rounded-full": "roundedFull" }, classAttribute: "ngs-skeleton" }, exportAs: ["ngsSkeleton"], ngImport: i0, template: '', isInline: true, styles: [":host{--ngs-skeleton-item-border-radius: 1rem;--ngs-skeleton-from-bg: var(--color-neutral-200);--ngs-skeleton-to-bg: var(--color-neutral-300);display:block;background:linear-gradient(90deg,var(--ngs-skeleton-from-bg),var(--ngs-skeleton-to-bg));flex:none;animation:ngs-skeleton-loading 1s linear infinite alternate}@keyframes ngs-skeleton-loading{0%{background:var(--ngs-skeleton-from-bg)}to{background:var(--ngs-skeleton-to-bg)}}:host-context(html.dark){--ngs-skeleton-from-bg: var(--color-neutral-500);--ngs-skeleton-to-bg: var(--color-neutral-600)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Skeleton, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'ngs-skeleton', exportAs: 'ngsSkeleton', imports: [], template: '', host: {
|
|
12
|
+
class: 'ngs-skeleton',
|
|
13
|
+
'[class.rounded-full]': 'roundedFull'
|
|
14
|
+
}, styles: [":host{--ngs-skeleton-item-border-radius: 1rem;--ngs-skeleton-from-bg: var(--color-neutral-200);--ngs-skeleton-to-bg: var(--color-neutral-300);display:block;background:linear-gradient(90deg,var(--ngs-skeleton-from-bg),var(--ngs-skeleton-to-bg));flex:none;animation:ngs-skeleton-loading 1s linear infinite alternate}@keyframes ngs-skeleton-loading{0%{background:var(--ngs-skeleton-from-bg)}to{background:var(--ngs-skeleton-to-bg)}}:host-context(html.dark){--ngs-skeleton-from-bg: var(--color-neutral-500);--ngs-skeleton-to-bg: var(--color-neutral-600)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
|
|
15
|
+
}], propDecorators: { roundedFull: [{ type: i0.Input, args: [{ isSignal: true, alias: "roundedFull", required: false }] }] } });
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Generated bundle index. Do not edit.
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
export { Skeleton };
|
|
22
|
+
//# sourceMappingURL=ngstarter-ui-components-skeleton.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-skeleton.mjs","sources":["../../../projects/components/skeleton/src/skeleton/skeleton.ts","../../../projects/components/skeleton/ngstarter-ui-components-skeleton.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\n\n@Component({\n selector: 'ngs-skeleton',\n exportAs: 'ngsSkeleton',\n imports: [],\n template: '',\n styleUrl: './skeleton.scss',\n host: {\n class: 'ngs-skeleton',\n '[class.rounded-full]': 'roundedFull'\n }\n})\nexport class Skeleton {\n roundedFull = input(false, {\n transform: booleanAttribute\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAaa,QAAQ,CAAA;IACnB,WAAW,GAAG,KAAK,CAAC,KAAK,mFACvB,SAAS,EAAE,gBAAgB,EAAA,CAC3B;uGAHS,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,wVAPT,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6mBAAA,CAAA,EAAA,CAAA;;2FAOD,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAXpB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,YACd,aAAa,EAAA,OAAA,EACd,EAAE,EAAA,QAAA,EACD,EAAE,EAAA,IAAA,EAEN;AACJ,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,sBAAsB,EAAE;AACzB,qBAAA,EAAA,MAAA,EAAA,CAAA,6mBAAA,CAAA,EAAA;;;ACXH;;AAEG;;;;"}
|