@simplysm/angular 14.0.1 → 14.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/commons.d.ts +2 -0
- package/dist/core/commons.d.ts.map +1 -0
- package/dist/core/commons.js +4 -0
- package/dist/core/directives/sd-events.directive.js +7 -7
- package/dist/core/directives/sd-item-of-template.directive.d.ts +14 -0
- package/dist/core/directives/sd-item-of-template.directive.d.ts.map +1 -0
- package/dist/core/directives/sd-item-of-template.directive.js +17 -0
- package/dist/core/directives/sd-router-link.directive.d.ts +19 -0
- package/dist/core/directives/sd-router-link.directive.d.ts.map +1 -0
- package/dist/core/directives/sd-router-link.directive.js +64 -0
- package/dist/core/directives/sd-typed-template.directive.d.ts +8 -0
- package/dist/core/directives/sd-typed-template.directive.d.ts.map +1 -0
- package/dist/core/directives/sd-typed-template.directive.js +17 -0
- package/dist/core/pipes/format.pipe.d.ts +9 -0
- package/dist/core/pipes/format.pipe.d.ts.map +1 -0
- package/dist/core/pipes/format.pipe.js +43 -0
- package/dist/core/plugins/commands/findTopOpenModalEl.d.ts +8 -0
- package/dist/core/plugins/commands/findTopOpenModalEl.d.ts.map +1 -0
- package/dist/core/plugins/commands/findTopOpenModalEl.js +21 -0
- package/dist/core/plugins/commands/sd-insert-command-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/commands/sd-insert-command-event.plugin.js +4 -0
- package/dist/core/plugins/commands/sd-refresh-command-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/commands/sd-refresh-command-event.plugin.js +4 -0
- package/dist/core/plugins/commands/sd-save-command-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/commands/sd-save-command-event.plugin.js +4 -0
- package/dist/core/plugins/events/sd-resize-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/events/sd-resize-event.plugin.js +0 -18
- package/dist/core/plugins/sd-global-error-handler.plugin.d.ts +1 -0
- package/dist/core/plugins/sd-global-error-handler.plugin.d.ts.map +1 -1
- package/dist/core/plugins/sd-global-error-handler.plugin.js +23 -13
- package/dist/core/provideSdAngular.d.ts +5 -0
- package/dist/core/provideSdAngular.d.ts.map +1 -0
- package/dist/core/provideSdAngular.js +127 -0
- package/dist/core/providers/sd-angular-config.provider.d.ts +7 -0
- package/dist/core/providers/sd-angular-config.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-angular-config.provider.js +11 -0
- package/dist/core/providers/sd-app-structure.provider.d.ts +79 -0
- package/dist/core/providers/sd-app-structure.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-app-structure.provider.js +278 -0
- package/dist/core/providers/sd-file-dialog.provider.d.ts +8 -0
- package/dist/core/providers/sd-file-dialog.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-file-dialog.provider.js +49 -0
- package/dist/core/providers/sd-local-storage.provider.d.ts +10 -0
- package/dist/core/providers/sd-local-storage.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-local-storage.provider.js +24 -0
- package/dist/core/providers/sd-navigate-window.provider.d.ts +9 -0
- package/dist/core/providers/sd-navigate-window.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-navigate-window.provider.js +33 -0
- package/dist/core/providers/sd-print.provider.d.ts +26 -0
- package/dist/core/providers/sd-print.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-print.provider.js +142 -0
- package/dist/core/providers/sd-service-client-factory.provider.d.ts +19 -0
- package/dist/core/providers/sd-service-client-factory.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-service-client-factory.provider.js +86 -0
- package/dist/core/providers/sd-shared-data.provider.d.ts +36 -0
- package/dist/core/providers/sd-shared-data.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-shared-data.provider.js +119 -0
- package/dist/core/providers/sd-system-config.provider.d.ts +13 -0
- package/dist/core/providers/sd-system-config.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-system-config.provider.js +29 -0
- package/dist/core/providers/sd-system-log.provider.d.ts +8 -0
- package/dist/core/providers/sd-system-log.provider.d.ts.map +1 -0
- package/dist/core/providers/sd-system-log.provider.js +23 -0
- package/dist/core/providers/sd-theme-provider.js +1 -1
- package/dist/core/utils/TDirectiveInputSignals.d.ts +29 -0
- package/dist/core/utils/TDirectiveInputSignals.d.ts.map +1 -0
- package/dist/core/utils/TDirectiveInputSignals.js +1 -0
- package/dist/core/utils/setups/setupCanDeactivate.d.ts +2 -0
- package/dist/core/utils/setups/setupCanDeactivate.d.ts.map +1 -0
- package/dist/core/utils/setups/setupCanDeactivate.js +28 -0
- package/dist/core/utils/setups/setupModelHook.d.ts +3 -0
- package/dist/core/utils/setups/setupModelHook.d.ts.map +1 -0
- package/dist/core/utils/setups/setupModelHook.js +18 -0
- package/dist/core/utils/useCurrentPageCodeSignal.d.ts +3 -0
- package/dist/core/utils/useCurrentPageCodeSignal.d.ts.map +1 -0
- package/dist/core/utils/useCurrentPageCodeSignal.js +13 -0
- package/dist/core/utils/useExpandingManager.d.ts +23 -0
- package/dist/core/utils/useExpandingManager.d.ts.map +1 -0
- package/dist/core/utils/useExpandingManager.js +86 -0
- package/dist/core/utils/useFullPageCodeSignal.d.ts +3 -0
- package/dist/core/utils/useFullPageCodeSignal.d.ts.map +1 -0
- package/dist/core/utils/useFullPageCodeSignal.js +13 -0
- package/dist/core/utils/useSdSystemConfigResource.d.ts +13 -0
- package/dist/core/utils/useSdSystemConfigResource.d.ts.map +1 -0
- package/dist/core/utils/useSdSystemConfigResource.js +31 -0
- package/dist/core/utils/useSelectionManager.d.ts +18 -0
- package/dist/core/utils/useSelectionManager.d.ts.map +1 -0
- package/dist/core/utils/useSelectionManager.js +89 -0
- package/dist/core/utils/useSortingManager.d.ts +17 -0
- package/dist/core/utils/useSortingManager.d.ts.map +1 -0
- package/dist/core/utils/useSortingManager.js +81 -0
- package/dist/core/utils/useViewTitleSignal.d.ts +3 -0
- package/dist/core/utils/useViewTitleSignal.d.ts.map +1 -0
- package/dist/core/utils/useViewTitleSignal.js +17 -0
- package/dist/core/utils/useViewTypeSignal.d.ts +4 -0
- package/dist/core/utils/useViewTypeSignal.d.ts.map +1 -0
- package/dist/core/utils/useViewTypeSignal.js +23 -0
- package/dist/index.d.ts +95 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +115 -0
- package/dist/styles.css +1462 -722
- package/dist/ui/data/list/sd-list-item.control.d.ts +18 -0
- package/dist/ui/data/list/sd-list-item.control.d.ts.map +1 -0
- package/dist/ui/data/list/sd-list-item.control.js +130 -0
- package/dist/ui/data/list/sd-list.control.d.ts +7 -0
- package/dist/ui/data/list/sd-list.control.d.ts.map +1 -0
- package/dist/ui/data/list/sd-list.control.js +22 -0
- package/dist/ui/data/sheet/sd-sheet-column.directive.d.ts +18 -0
- package/dist/ui/data/sheet/sd-sheet-column.directive.d.ts.map +1 -0
- package/dist/ui/data/sheet/sd-sheet-column.directive.js +30 -0
- package/dist/ui/data/sheet/sd-sheet-config.modal.d.ts +39 -0
- package/dist/ui/data/sheet/sd-sheet-config.modal.d.ts.map +1 -0
- package/dist/ui/data/sheet/sd-sheet-config.modal.js +258 -0
- package/dist/ui/data/sheet/sd-sheet.control.d.ts +154 -0
- package/dist/ui/data/sheet/sd-sheet.control.d.ts.map +1 -0
- package/dist/ui/data/sheet/sd-sheet.control.js +846 -0
- package/dist/ui/data/sheet/types.d.ts +32 -0
- package/dist/ui/data/sheet/types.d.ts.map +1 -0
- package/dist/ui/data/sheet/types.js +1 -0
- package/dist/ui/data/sheet/useSheetCellAgent.d.ts +21 -0
- package/dist/ui/data/sheet/useSheetCellAgent.d.ts.map +1 -0
- package/dist/ui/data/sheet/useSheetCellAgent.js +245 -0
- package/dist/ui/data/sheet/useSheetColumnFixing.d.ts +9 -0
- package/dist/ui/data/sheet/useSheetColumnFixing.d.ts.map +1 -0
- package/dist/ui/data/sheet/useSheetColumnFixing.js +29 -0
- package/dist/ui/data/sheet/useSheetDomAccessor.d.ts +11 -0
- package/dist/ui/data/sheet/useSheetDomAccessor.d.ts.map +1 -0
- package/dist/ui/data/sheet/useSheetDomAccessor.js +55 -0
- package/dist/ui/data/sheet/useSheetLayoutEngine.d.ts +14 -0
- package/dist/ui/data/sheet/useSheetLayoutEngine.d.ts.map +1 -0
- package/dist/ui/data/sheet/useSheetLayoutEngine.js +126 -0
- package/dist/ui/form/button/sd-additional-button.control.d.ts +8 -0
- package/dist/ui/form/button/sd-additional-button.control.d.ts.map +1 -0
- package/dist/ui/form/button/sd-additional-button.control.js +38 -0
- package/dist/ui/form/button/sd-anchor.control.d.ts +8 -0
- package/dist/ui/form/button/sd-anchor.control.d.ts.map +1 -0
- package/dist/ui/form/button/sd-anchor.control.js +25 -0
- package/dist/ui/form/button/sd-button.control.d.ts +14 -0
- package/dist/ui/form/button/sd-button.control.d.ts.map +1 -0
- package/dist/ui/form/button/sd-button.control.js +49 -0
- package/dist/ui/form/button/sd-modal-select-button.control.d.ts +46 -0
- package/dist/ui/form/button/sd-modal-select-button.control.d.ts.map +1 -0
- package/dist/ui/form/button/sd-modal-select-button.control.js +149 -0
- package/dist/ui/form/checkbox/sd-checkbox-group-item.control.d.ts +12 -0
- package/dist/ui/form/checkbox/sd-checkbox-group-item.control.d.ts.map +1 -0
- package/dist/ui/form/checkbox/sd-checkbox-group-item.control.js +53 -0
- package/dist/ui/form/checkbox/sd-checkbox-group.control.d.ts +8 -0
- package/dist/ui/form/checkbox/sd-checkbox-group.control.d.ts.map +1 -0
- package/dist/ui/form/checkbox/sd-checkbox-group.control.js +26 -0
- package/dist/ui/form/checkbox/sd-checkbox.control.d.ts +19 -0
- package/dist/ui/form/checkbox/sd-checkbox.control.d.ts.map +1 -0
- package/dist/ui/form/checkbox/sd-checkbox.control.js +103 -0
- package/dist/ui/form/checkbox/sd-switch.control.d.ts +14 -0
- package/dist/ui/form/checkbox/sd-switch.control.d.ts.map +1 -0
- package/dist/ui/form/checkbox/sd-switch.control.js +54 -0
- package/dist/ui/form/choice/sd-state-preset.control.d.ts +24 -0
- package/dist/ui/form/choice/sd-state-preset.control.d.ts.map +1 -0
- package/dist/ui/form/choice/sd-state-preset.control.js +134 -0
- package/dist/ui/form/editor/sd-tiptap-editor.control.d.ts +35 -0
- package/dist/ui/form/editor/sd-tiptap-editor.control.d.ts.map +1 -0
- package/dist/ui/form/editor/sd-tiptap-editor.control.js +480 -0
- package/dist/ui/form/input/sd-date-range.picker.d.ts +13 -0
- package/dist/ui/form/input/sd-date-range.picker.d.ts.map +1 -0
- package/dist/ui/form/input/sd-date-range.picker.js +125 -0
- package/dist/ui/form/input/sd-numpad.control.d.ts +18 -0
- package/dist/ui/form/input/sd-numpad.control.d.ts.map +1 -0
- package/dist/ui/form/input/sd-numpad.control.js +241 -0
- package/dist/ui/form/input/sd-range.control.d.ts +13 -0
- package/dist/ui/form/input/sd-range.control.d.ts.map +1 -0
- package/dist/ui/form/input/sd-range.control.js +53 -0
- package/dist/ui/form/input/sd-textarea.control.d.ts +23 -0
- package/dist/ui/form/input/sd-textarea.control.d.ts.map +1 -0
- package/dist/ui/form/input/sd-textarea.control.js +132 -0
- package/dist/ui/form/input/sd-textfield-type-handlers.d.ts +46 -0
- package/dist/ui/form/input/sd-textfield-type-handlers.d.ts.map +1 -0
- package/dist/ui/form/input/sd-textfield-type-handlers.js +336 -0
- package/dist/ui/form/input/sd-textfield.control.d.ts +39 -0
- package/dist/ui/form/input/sd-textfield.control.d.ts.map +1 -0
- package/dist/ui/form/input/sd-textfield.control.js +211 -0
- package/dist/ui/form/sd-form.control.d.ts +13 -0
- package/dist/ui/form/sd-form.control.d.ts.map +1 -0
- package/dist/ui/form/sd-form.control.js +60 -0
- package/dist/ui/form/select/sd-select-button.control.d.ts +7 -0
- package/dist/ui/form/select/sd-select-button.control.d.ts.map +1 -0
- package/dist/ui/form/select/sd-select-button.control.js +25 -0
- package/dist/ui/form/select/sd-select-item.control.d.ts +18 -0
- package/dist/ui/form/select/sd-select-item.control.d.ts.map +1 -0
- package/dist/ui/form/select/sd-select-item.control.js +103 -0
- package/dist/ui/form/select/sd-select.control.d.ts +45 -0
- package/dist/ui/form/select/sd-select.control.d.ts.map +1 -0
- package/dist/ui/form/select/sd-select.control.js +430 -0
- package/dist/ui/layout/dock/sd-dock-container.control.d.ts +12 -0
- package/dist/ui/layout/dock/sd-dock-container.control.d.ts.map +1 -0
- package/dist/ui/layout/dock/sd-dock-container.control.js +96 -0
- package/dist/ui/layout/dock/sd-dock.control.d.ts +17 -0
- package/dist/ui/layout/dock/sd-dock.control.d.ts.map +1 -0
- package/dist/ui/layout/dock/sd-dock.control.js +111 -0
- package/dist/ui/layout/kanban/sd-kanban-board.control.d.ts +24 -0
- package/dist/ui/layout/kanban/sd-kanban-board.control.d.ts.map +1 -0
- package/dist/ui/layout/kanban/sd-kanban-board.control.js +37 -0
- package/dist/ui/layout/kanban/sd-kanban-lane.control.d.ts +29 -0
- package/dist/ui/layout/kanban/sd-kanban-lane.control.d.ts.map +1 -0
- package/dist/ui/layout/kanban/sd-kanban-lane.control.js +223 -0
- package/dist/ui/layout/kanban/sd-kanban.control.d.ts +32 -0
- package/dist/ui/layout/kanban/sd-kanban.control.d.ts.map +1 -0
- package/dist/ui/layout/kanban/sd-kanban.control.js +147 -0
- package/dist/ui/layout/sd-card.directive.d.ts +6 -0
- package/dist/ui/layout/sd-card.directive.d.ts.map +1 -0
- package/dist/ui/layout/sd-card.directive.js +16 -0
- package/dist/ui/layout/sd-gap.control.d.ts +13 -0
- package/dist/ui/layout/sd-gap.control.d.ts.map +1 -0
- package/dist/ui/layout/sd-gap.control.js +44 -0
- package/dist/ui/layout/sd-pane.directive.d.ts +6 -0
- package/dist/ui/layout/sd-pane.directive.d.ts.map +1 -0
- package/dist/ui/layout/sd-pane.directive.js +17 -0
- package/dist/ui/layout/view/sd-view-item.control.d.ts +9 -0
- package/dist/ui/layout/view/sd-view-item.control.d.ts.map +1 -0
- package/dist/ui/layout/view/sd-view-item.control.js +25 -0
- package/dist/ui/layout/view/sd-view.control.d.ts +8 -0
- package/dist/ui/layout/view/sd-view.control.d.ts.map +1 -0
- package/dist/ui/layout/view/sd-view.control.js +23 -0
- package/dist/ui/navigation/collapse/sd-collapse-icon.control.d.ts +13 -0
- package/dist/ui/navigation/collapse/sd-collapse-icon.control.d.ts.map +1 -0
- package/dist/ui/navigation/collapse/sd-collapse-icon.control.js +33 -0
- package/dist/ui/navigation/collapse/sd-collapse.control.d.ts +14 -0
- package/dist/ui/navigation/collapse/sd-collapse.control.d.ts.map +1 -0
- package/dist/ui/navigation/collapse/sd-collapse.control.js +59 -0
- package/dist/ui/navigation/menu-utils.d.ts +13 -0
- package/dist/ui/navigation/menu-utils.d.ts.map +1 -0
- package/dist/ui/navigation/menu-utils.js +18 -0
- package/dist/ui/navigation/pagination/sd-pagination.control.d.ts +24 -0
- package/dist/ui/navigation/pagination/sd-pagination.control.d.ts.map +1 -0
- package/dist/ui/navigation/pagination/sd-pagination.control.js +137 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-container.control.d.ts +11 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-container.control.d.ts.map +1 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-container.control.js +46 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.d.ts +28 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.d.ts.map +1 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.js +159 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-user.control.d.ts +16 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-user.control.d.ts.map +1 -0
- package/dist/ui/navigation/sidebar/sd-sidebar-user.control.js +109 -0
- package/dist/ui/navigation/sidebar/sd-sidebar.control.d.ts +8 -0
- package/dist/ui/navigation/sidebar/sd-sidebar.control.d.ts.map +1 -0
- package/dist/ui/navigation/sidebar/sd-sidebar.control.js +24 -0
- package/dist/ui/navigation/tab/sd-tab-item.control.d.ts +10 -0
- package/dist/ui/navigation/tab/sd-tab-item.control.d.ts.map +1 -0
- package/dist/ui/navigation/tab/sd-tab-item.control.js +31 -0
- package/dist/ui/navigation/tab/sd-tab.control.d.ts +7 -0
- package/dist/ui/navigation/tab/sd-tab.control.d.ts.map +1 -0
- package/dist/ui/navigation/tab/sd-tab.control.js +18 -0
- package/dist/ui/navigation/tab/sd-tabview-item.control.d.ts +10 -0
- package/dist/ui/navigation/tab/sd-tabview-item.control.d.ts.map +1 -0
- package/dist/ui/navigation/tab/sd-tabview-item.control.js +26 -0
- package/dist/ui/navigation/tab/sd-tabview.control.d.ts +9 -0
- package/dist/ui/navigation/tab/sd-tabview.control.d.ts.map +1 -0
- package/dist/ui/navigation/tab/sd-tabview.control.js +67 -0
- package/dist/ui/navigation/topbar/sd-topbar-container.control.d.ts +6 -0
- package/dist/ui/navigation/topbar/sd-topbar-container.control.d.ts.map +1 -0
- package/dist/ui/navigation/topbar/sd-topbar-container.control.js +17 -0
- package/dist/ui/navigation/topbar/sd-topbar-menu.control.d.ts +29 -0
- package/dist/ui/navigation/topbar/sd-topbar-menu.control.d.ts.map +1 -0
- package/dist/ui/navigation/topbar/sd-topbar-menu.control.js +245 -0
- package/dist/ui/navigation/topbar/sd-topbar-user.control.d.ts +13 -0
- package/dist/ui/navigation/topbar/sd-topbar-user.control.d.ts.map +1 -0
- package/dist/ui/navigation/topbar/sd-topbar-user.control.js +77 -0
- package/dist/ui/navigation/topbar/sd-topbar.control.d.ts +12 -0
- package/dist/ui/navigation/topbar/sd-topbar.control.d.ts.map +1 -0
- package/dist/ui/navigation/topbar/sd-topbar.control.js +59 -0
- package/dist/ui/overlay/busy/sd-busy-container.control.d.ts +14 -0
- package/dist/ui/overlay/busy/sd-busy-container.control.d.ts.map +1 -0
- package/dist/ui/overlay/busy/sd-busy-container.control.js +119 -0
- package/dist/ui/overlay/busy/sd-busy.provider.d.ts +16 -0
- package/dist/ui/overlay/busy/sd-busy.provider.d.ts.map +1 -0
- package/dist/ui/overlay/busy/sd-busy.provider.js +43 -0
- package/dist/ui/overlay/dropdown/sd-dropdown-popup.control.d.ts +11 -0
- package/dist/ui/overlay/dropdown/sd-dropdown-popup.control.d.ts.map +1 -0
- package/dist/ui/overlay/dropdown/sd-dropdown-popup.control.js +43 -0
- package/dist/ui/overlay/dropdown/sd-dropdown.control.d.ts +27 -0
- package/dist/ui/overlay/dropdown/sd-dropdown.control.d.ts.map +1 -0
- package/dist/ui/overlay/dropdown/sd-dropdown.control.js +284 -0
- package/dist/ui/overlay/modal/sd-confirm-modal.control.d.ts +17 -0
- package/dist/ui/overlay/modal/sd-confirm-modal.control.d.ts.map +1 -0
- package/dist/ui/overlay/modal/sd-confirm-modal.control.js +51 -0
- package/dist/ui/overlay/modal/sd-modal.control.d.ts +51 -0
- package/dist/ui/overlay/modal/sd-modal.control.d.ts.map +1 -0
- package/dist/ui/overlay/modal/sd-modal.control.js +411 -0
- package/dist/ui/overlay/modal/sd-modal.provider.d.ts +65 -0
- package/dist/ui/overlay/modal/sd-modal.provider.d.ts.map +1 -0
- package/dist/ui/overlay/modal/sd-modal.provider.js +146 -0
- package/dist/ui/overlay/modal/sd-prompt-modal.control.d.ts +19 -0
- package/dist/ui/overlay/modal/sd-prompt-modal.control.d.ts.map +1 -0
- package/dist/ui/overlay/modal/sd-prompt-modal.control.js +71 -0
- package/dist/ui/overlay/toast/sd-toast-container.control.d.ts +7 -0
- package/dist/ui/overlay/toast/sd-toast-container.control.d.ts.map +1 -0
- package/dist/ui/overlay/toast/sd-toast-container.control.js +20 -0
- package/dist/ui/overlay/toast/sd-toast.control.d.ts +14 -0
- package/dist/ui/overlay/toast/sd-toast.control.d.ts.map +1 -0
- package/dist/ui/overlay/toast/sd-toast.control.js +79 -0
- package/dist/ui/overlay/toast/sd-toast.provider.d.ts +45 -0
- package/dist/ui/overlay/toast/sd-toast.provider.d.ts.map +1 -0
- package/dist/ui/overlay/toast/sd-toast.provider.js +219 -0
- package/dist/ui/visual/sd-barcode.control.d.ts +11 -0
- package/dist/ui/visual/sd-barcode.control.d.ts.map +1 -0
- package/dist/ui/visual/sd-barcode.control.js +35 -0
- package/dist/ui/visual/sd-calendar.control.d.ts +20 -0
- package/dist/ui/visual/sd-calendar.control.d.ts.map +1 -0
- package/dist/ui/visual/sd-calendar.control.js +189 -0
- package/dist/ui/visual/sd-echarts.control.d.ts +13 -0
- package/dist/ui/visual/sd-echarts.control.d.ts.map +1 -0
- package/dist/ui/visual/sd-echarts.control.js +55 -0
- package/dist/ui/visual/sd-label.control.d.ts +9 -0
- package/dist/ui/visual/sd-label.control.d.ts.map +1 -0
- package/dist/ui/visual/sd-label.control.js +27 -0
- package/dist/ui/visual/sd-note.control.d.ts +9 -0
- package/dist/ui/visual/sd-note.control.d.ts.map +1 -0
- package/dist/ui/visual/sd-note.control.js +26 -0
- package/dist/ui/visual/sd-progress.control.d.ts +10 -0
- package/dist/ui/visual/sd-progress.control.d.ts.map +1 -0
- package/dist/ui/visual/sd-progress.control.js +38 -0
- package/package.json +35 -17
- package/scss/commons/_mixins.scss +34 -0
- package/scss/commons/_styles.scss +27 -68
- package/scss/commons/_variables.scss +7 -0
- package/scss/controls/_card.scss +29 -0
- package/scss/controls/_flex.scss +38 -0
- package/scss/controls/_form-box.scss +49 -0
- package/scss/controls/_form-table.scss +45 -0
- package/scss/controls/_grid.scss +36 -0
- package/scss/controls/_table.scss +99 -0
- package/scss/styles.scss +7 -0
- package/scss/themes/_variables-dark.scss +2 -0
- package/src/core/commons.ts +4 -0
- package/src/core/directives/sd-events.directive.ts +7 -7
- package/src/core/directives/sd-item-of-template.directive.ts +23 -0
- package/src/core/directives/sd-router-link.directive.ts +81 -0
- package/src/core/directives/sd-typed-template.directive.ts +16 -0
- package/src/core/pipes/format.pipe.ts +37 -0
- package/src/core/plugins/commands/findTopOpenModalEl.ts +23 -0
- package/src/core/plugins/commands/sd-insert-command-event.plugin.ts +4 -0
- package/src/core/plugins/commands/sd-refresh-command-event.plugin.ts +4 -0
- package/src/core/plugins/commands/sd-save-command-event.plugin.ts +4 -0
- package/src/core/plugins/events/sd-resize-event.plugin.ts +0 -22
- package/src/core/plugins/sd-global-error-handler.plugin.ts +22 -13
- package/src/core/provideSdAngular.ts +154 -0
- package/src/core/providers/sd-angular-config.provider.ts +6 -0
- package/src/core/providers/sd-app-structure.provider.ts +446 -0
- package/src/core/providers/sd-file-dialog.provider.ts +49 -0
- package/src/core/providers/sd-local-storage.provider.ts +21 -0
- package/src/core/providers/sd-navigate-window.provider.ts +44 -0
- package/src/core/providers/sd-print.provider.ts +189 -0
- package/src/core/providers/sd-service-client-factory.provider.ts +98 -0
- package/src/core/providers/sd-shared-data.provider.ts +179 -0
- package/src/core/providers/sd-system-config.provider.ts +28 -0
- package/src/core/providers/sd-system-log.provider.ts +19 -0
- package/src/core/providers/sd-theme-provider.ts +1 -1
- package/src/core/utils/TDirectiveInputSignals.ts +34 -0
- package/src/core/utils/setups/setupCanDeactivate.ts +34 -0
- package/src/core/utils/setups/setupModelHook.ts +26 -0
- package/src/core/utils/useCurrentPageCodeSignal.ts +16 -0
- package/src/core/utils/useExpandingManager.ts +117 -0
- package/src/core/utils/useFullPageCodeSignal.ts +24 -0
- package/src/core/utils/useSdSystemConfigResource.ts +36 -0
- package/src/core/utils/useSelectionManager.ts +104 -0
- package/src/core/utils/useSortingManager.ts +89 -0
- package/src/core/utils/useViewTitleSignal.ts +21 -0
- package/src/core/utils/useViewTypeSignal.ts +33 -0
- package/src/index.ts +209 -0
- package/src/scss.d.ts +1 -0
- package/src/ui/data/list/sd-list-item.control.ts +143 -0
- package/src/ui/data/list/sd-list.control.ts +41 -0
- package/src/ui/data/sheet/sd-sheet-column.directive.ts +26 -0
- package/src/ui/data/sheet/sd-sheet-config.modal.ts +252 -0
- package/src/ui/data/sheet/sd-sheet.control.ts +766 -0
- package/src/ui/data/sheet/types.ts +37 -0
- package/src/ui/data/sheet/useSheetCellAgent.ts +267 -0
- package/src/ui/data/sheet/useSheetColumnFixing.ts +37 -0
- package/src/ui/data/sheet/useSheetDomAccessor.ts +62 -0
- package/src/ui/data/sheet/useSheetLayoutEngine.ts +143 -0
- package/src/ui/form/button/sd-additional-button.control.ts +100 -0
- package/src/ui/form/button/sd-anchor.control.ts +67 -0
- package/src/ui/form/button/sd-button.control.ts +209 -0
- package/src/ui/form/button/sd-modal-select-button.control.ts +237 -0
- package/src/ui/form/checkbox/sd-checkbox-group-item.control.ts +51 -0
- package/src/ui/form/checkbox/sd-checkbox-group.control.ts +24 -0
- package/src/ui/form/checkbox/sd-checkbox.control.ts +305 -0
- package/src/ui/form/checkbox/sd-switch.control.ts +145 -0
- package/src/ui/form/choice/sd-state-preset.control.ts +173 -0
- package/src/ui/form/editor/sd-tiptap-editor.control.ts +474 -0
- package/src/ui/form/input/sd-date-range.picker.ts +98 -0
- package/src/ui/form/input/sd-numpad.control.ts +178 -0
- package/src/ui/form/input/sd-range.control.ts +59 -0
- package/src/ui/form/input/sd-textarea.control.ts +221 -0
- package/src/ui/form/input/sd-textfield-type-handlers.ts +445 -0
- package/src/ui/form/input/sd-textfield.control.ts +395 -0
- package/src/ui/form/sd-form.control.ts +52 -0
- package/src/ui/form/select/sd-select-button.control.ts +43 -0
- package/src/ui/form/select/sd-select-item.control.ts +143 -0
- package/src/ui/form/select/sd-select.control.ts +412 -0
- package/src/ui/layout/dock/sd-dock-container.control.ts +100 -0
- package/src/ui/layout/dock/sd-dock.control.ts +171 -0
- package/src/ui/layout/kanban/sd-kanban-board.control.ts +74 -0
- package/src/ui/layout/kanban/sd-kanban-lane.control.ts +210 -0
- package/src/ui/layout/kanban/sd-kanban.control.ts +227 -0
- package/src/ui/layout/sd-card.directive.ts +10 -0
- package/src/ui/layout/sd-gap.control.ts +63 -0
- package/src/ui/layout/sd-pane.directive.ts +11 -0
- package/src/ui/layout/view/sd-view-item.control.ts +45 -0
- package/src/ui/layout/view/sd-view.control.ts +31 -0
- package/src/ui/navigation/collapse/sd-collapse-icon.control.ts +51 -0
- package/src/ui/navigation/collapse/sd-collapse.control.ts +75 -0
- package/src/ui/navigation/menu-utils.ts +36 -0
- package/src/ui/navigation/pagination/sd-pagination.control.ts +125 -0
- package/src/ui/navigation/sidebar/sd-sidebar-container.control.ts +92 -0
- package/src/ui/navigation/sidebar/sd-sidebar-menu.control.ts +129 -0
- package/src/ui/navigation/sidebar/sd-sidebar-user.control.ts +84 -0
- package/src/ui/navigation/sidebar/sd-sidebar.control.ts +67 -0
- package/src/ui/navigation/tab/sd-tab-item.control.ts +55 -0
- package/src/ui/navigation/tab/sd-tab.control.ts +25 -0
- package/src/ui/navigation/tab/sd-tabview-item.control.ts +48 -0
- package/src/ui/navigation/tab/sd-tabview.control.ts +39 -0
- package/src/ui/navigation/topbar/sd-topbar-container.control.ts +22 -0
- package/src/ui/navigation/topbar/sd-topbar-menu.control.ts +165 -0
- package/src/ui/navigation/topbar/sd-topbar-user.control.ts +58 -0
- package/src/ui/navigation/topbar/sd-topbar.control.ts +94 -0
- package/src/ui/overlay/busy/sd-busy-container.control.ts +243 -0
- package/src/ui/overlay/busy/sd-busy.provider.ts +55 -0
- package/src/ui/overlay/dropdown/sd-dropdown-popup.control.ts +110 -0
- package/src/ui/overlay/dropdown/sd-dropdown.control.ts +310 -0
- package/src/ui/overlay/modal/sd-confirm-modal.control.ts +66 -0
- package/src/ui/overlay/modal/sd-modal.control.ts +362 -0
- package/src/ui/overlay/modal/sd-modal.provider.ts +216 -0
- package/src/ui/overlay/modal/sd-prompt-modal.control.ts +92 -0
- package/src/ui/overlay/toast/sd-toast-container.control.ts +58 -0
- package/src/ui/overlay/toast/sd-toast.control.ts +123 -0
- package/src/ui/overlay/toast/sd-toast.provider.ts +302 -0
- package/src/ui/visual/sd-barcode.control.ts +62 -0
- package/src/ui/visual/sd-calendar.control.ts +188 -0
- package/src/ui/visual/sd-echarts.control.ts +73 -0
- package/src/ui/visual/sd-label.control.ts +66 -0
- package/src/ui/visual/sd-note.control.ts +66 -0
- package/src/ui/visual/sd-progress.control.ts +88 -0
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, input, output, signal, ViewEncapsulation, } from "@angular/core";
|
|
2
|
+
import { SdButtonControl } from "../../form/button/sd-button.control";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* 범용 프롬프트 모달.
|
|
6
|
+
* ISdModal<string> 구현. message를 표시하고, 텍스트 입력 후 확인/취소.
|
|
7
|
+
* 확인 시 입력값 emit, 취소 시 undefined emit.
|
|
8
|
+
*/
|
|
9
|
+
export class SdPromptModalControl {
|
|
10
|
+
initialized = signal(true, ...(ngDevMode ? [{ debugName: "initialized" }] : /* istanbul ignore next */ []));
|
|
11
|
+
close = output();
|
|
12
|
+
message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
|
|
13
|
+
_inputValue = signal("", ...(ngDevMode ? [{ debugName: "_inputValue" }] : /* istanbul ignore next */ []));
|
|
14
|
+
onInputChange(event) {
|
|
15
|
+
const inputEl = event.target;
|
|
16
|
+
this._inputValue.set(inputEl.value);
|
|
17
|
+
}
|
|
18
|
+
onConfirm() {
|
|
19
|
+
const val = this._inputValue();
|
|
20
|
+
if (val !== "") {
|
|
21
|
+
this.close.emit(val);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
onCancel() {
|
|
25
|
+
this.close.emit(undefined);
|
|
26
|
+
}
|
|
27
|
+
static ɵfac = function SdPromptModalControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPromptModalControl)(); };
|
|
28
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdPromptModalControl, selectors: [["sd-prompt-modal"]], inputs: { message: [1, "message"] }, outputs: { close: "close" }, decls: 9, vars: 3, consts: [[1, "_sd-prompt-modal"], [1, "_message"], ["type", "text", 1, "_input", 3, "input", "keydown.enter", "value"], [1, "_actions"], [3, "click", "theme"], [3, "click"]], template: function SdPromptModalControl_Template(rf, ctx) { if (rf & 1) {
|
|
29
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
|
|
30
|
+
i0.ɵɵtext(2);
|
|
31
|
+
i0.ɵɵelementEnd();
|
|
32
|
+
i0.ɵɵelementStart(3, "input", 2);
|
|
33
|
+
i0.ɵɵlistener("input", function SdPromptModalControl_Template_input_input_3_listener($event) { return ctx.onInputChange($event); })("keydown.enter", function SdPromptModalControl_Template_input_keydown_enter_3_listener() { return ctx.onConfirm(); });
|
|
34
|
+
i0.ɵɵelementEnd();
|
|
35
|
+
i0.ɵɵelementStart(4, "div", 3)(5, "sd-button", 4);
|
|
36
|
+
i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_5_listener() { return ctx.onConfirm(); });
|
|
37
|
+
i0.ɵɵtext(6, "\uD655\uC778");
|
|
38
|
+
i0.ɵɵelementEnd();
|
|
39
|
+
i0.ɵɵelementStart(7, "sd-button", 5);
|
|
40
|
+
i0.ɵɵlistener("click", function SdPromptModalControl_Template_sd_button_click_7_listener() { return ctx.onCancel(); });
|
|
41
|
+
i0.ɵɵtext(8, "\uCDE8\uC18C");
|
|
42
|
+
i0.ɵɵelementEnd()()();
|
|
43
|
+
} if (rf & 2) {
|
|
44
|
+
i0.ɵɵadvance(2);
|
|
45
|
+
i0.ɵɵtextInterpolate(ctx.message());
|
|
46
|
+
i0.ɵɵadvance();
|
|
47
|
+
i0.ɵɵproperty("value", ctx._inputValue());
|
|
48
|
+
i0.ɵɵadvance(2);
|
|
49
|
+
i0.ɵɵproperty("theme", "primary");
|
|
50
|
+
} }, dependencies: [SdButtonControl], styles: ["sd-prompt-modal {\n display: block;\n padding: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._message {\n margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._input {\n display: block;\n width: 100%;\n padding: var(--gap-sm) var(--gap-default);\n border: 1px solid var(--trans-lighter);\n border-radius: var(--border-radius-default);\n margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--gap-sm);\n}"], encapsulation: 2, changeDetection: 0 });
|
|
51
|
+
}
|
|
52
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPromptModalControl, [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: "sd-prompt-modal", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [SdButtonControl], template: `
|
|
55
|
+
<div class="_sd-prompt-modal">
|
|
56
|
+
<p class="_message">{{ message() }}</p>
|
|
57
|
+
<input
|
|
58
|
+
class="_input"
|
|
59
|
+
type="text"
|
|
60
|
+
[value]="_inputValue()"
|
|
61
|
+
(input)="onInputChange($event)"
|
|
62
|
+
(keydown.enter)="onConfirm()"
|
|
63
|
+
/>
|
|
64
|
+
<div class="_actions">
|
|
65
|
+
<sd-button [theme]="'primary'" (click)="onConfirm()">확인</sd-button>
|
|
66
|
+
<sd-button (click)="onCancel()">취소</sd-button>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
`, styles: ["sd-prompt-modal {\n display: block;\n padding: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._message {\n margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._input {\n display: block;\n width: 100%;\n padding: var(--gap-sm) var(--gap-default);\n border: 1px solid var(--trans-lighter);\n border-radius: var(--border-radius-default);\n margin-bottom: var(--gap-default);\n}\nsd-prompt-modal > ._sd-prompt-modal > ._actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--gap-sm);\n}"] }]
|
|
70
|
+
}], null, { close: [{ type: i0.Output, args: ["close"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] }); })();
|
|
71
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdPromptModalControl, { className: "SdPromptModalControl", filePath: "packages/angular/src/ui/overlay/modal/sd-prompt-modal.control.ts", lineNumber: 69 }); })();
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SdToastContainerControl {
|
|
3
|
+
overlap: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdToastContainerControl, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdToastContainerControl, "sd-toast-container", never, { "overlap": { "alias": "overlap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=sd-toast-container.control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-toast-container.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\toast\\sd-toast-container.control.ts"],"names":[],"mappings":";AAQA,qBA+Ca,uBAAuB;IAClC,OAAO,qEAAiD;yCAD7C,uBAAuB;2CAAvB,uBAAuB;CAEnC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation, } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
const _c0 = ["*"];
|
|
4
|
+
export class SdToastContainerControl {
|
|
5
|
+
overlap = input(false, { ...(ngDevMode ? { debugName: "overlap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
6
|
+
static ɵfac = function SdToastContainerControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastContainerControl)(); };
|
|
7
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastContainerControl, selectors: [["sd-toast-container"]], hostVars: 1, hostBindings: function SdToastContainerControl_HostBindings(rf, ctx) { if (rf & 2) {
|
|
8
|
+
i0.ɵɵattribute("data-sd-overlap", ctx.overlap() || undefined);
|
|
9
|
+
} }, inputs: { overlap: [1, "overlap"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdToastContainerControl_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
+
i0.ɵɵprojectionDef();
|
|
11
|
+
i0.ɵɵprojection(0);
|
|
12
|
+
} }, styles: ["sd-toast-container {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index: 9999;\n pointer-events: none;\n}\n@media all and (max-width: 520px) {\n sd-toast-container {\n flex-direction: column-reverse;\n }\n}\nsd-toast-container[data-sd-overlap] {\n display: block;\n bottom: 0;\n height: 100%;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n position: absolute;\n bottom: var(--gap-xxl);\n left: var(--gap-xxl);\n right: var(--gap-xxl);\n width: auto;\n max-width: none;\n}"], encapsulation: 2, changeDetection: 0 });
|
|
13
|
+
}
|
|
14
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastContainerControl, [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: "sd-toast-container", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, host: {
|
|
17
|
+
"[attr.data-sd-overlap]": "overlap() || undefined",
|
|
18
|
+
}, template: `<ng-content />`, styles: ["sd-toast-container {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n z-index: 9999;\n pointer-events: none;\n}\n@media all and (max-width: 520px) {\n sd-toast-container {\n flex-direction: column-reverse;\n }\n}\nsd-toast-container[data-sd-overlap] {\n display: block;\n bottom: 0;\n height: 100%;\n}\nsd-toast-container[data-sd-overlap] > sd-toast {\n position: absolute;\n bottom: var(--gap-xxl);\n left: var(--gap-xxl);\n right: var(--gap-xxl);\n width: auto;\n max-width: none;\n}"] }]
|
|
19
|
+
}], null, { overlap: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlap", required: false }] }] }); })();
|
|
20
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToastContainerControl, { className: "SdToastContainerControl", filePath: "packages/angular/src/ui/overlay/toast/sd-toast-container.control.ts", lineNumber: 56 }); })();
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { TSdToastTheme } from "./sd-toast.provider";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SdToastControl {
|
|
4
|
+
open: import("@angular/core").ModelSignal<boolean>;
|
|
5
|
+
useProgress: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
6
|
+
theme: import("@angular/core").InputSignal<TSdToastTheme>;
|
|
7
|
+
progress: import("@angular/core").ModelSignal<number>;
|
|
8
|
+
message: import("@angular/core").ModelSignal<string | undefined>;
|
|
9
|
+
ariaRole: import("@angular/core").Signal<"status" | "alert" | undefined>;
|
|
10
|
+
ariaLive: import("@angular/core").Signal<"polite" | "assertive" | undefined>;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdToastControl, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdToastControl, "sd-toast", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "useProgress": { "alias": "useProgress"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "progress": "progressChange"; "message": "messageChange"; }, never, ["*"], true, never>;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=sd-toast.control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-toast.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\toast\\sd-toast.control.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;;AAKzD,qBAwFa,cAAc;IACzB,IAAI,+CAAgB;IACpB,WAAW,qEAAiD;IAC5D,KAAK,qDAAgC;IACrC,QAAQ,8CAAY;IACpB,OAAO,0DAAwC;IAE/C,QAAQ,iEAKL;IAEH,QAAQ,qEAKL;yCAnBQ,cAAc;2CAAd,cAAc;CAoB1B"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
const _c0 = ["*"];
|
|
4
|
+
function SdToastControl_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
5
|
+
i0.ɵɵdomElementStart(0, "div", 0);
|
|
6
|
+
i0.ɵɵtext(1);
|
|
7
|
+
i0.ɵɵdomElementEnd();
|
|
8
|
+
} if (rf & 2) {
|
|
9
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
10
|
+
i0.ɵɵadvance();
|
|
11
|
+
i0.ɵɵtextInterpolate(ctx_r0.message());
|
|
12
|
+
} }
|
|
13
|
+
function SdToastControl_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
14
|
+
i0.ɵɵdomElementStart(0, "div", 1);
|
|
15
|
+
i0.ɵɵdomElement(1, "div", 2);
|
|
16
|
+
i0.ɵɵdomElementEnd();
|
|
17
|
+
} if (rf & 2) {
|
|
18
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
19
|
+
i0.ɵɵadvance();
|
|
20
|
+
i0.ɵɵstyleProp("width", ctx_r0.progress(), "%");
|
|
21
|
+
} }
|
|
22
|
+
const POLITE_THEMES = new Set(["info", "success"]);
|
|
23
|
+
const ASSERTIVE_THEMES = new Set(["warning", "danger"]);
|
|
24
|
+
export class SdToastControl {
|
|
25
|
+
open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
|
|
26
|
+
useProgress = input(false, { ...(ngDevMode ? { debugName: "useProgress" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
27
|
+
theme = input("info", ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
|
|
28
|
+
progress = model(0, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
|
|
29
|
+
message = model(undefined, ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
|
|
30
|
+
ariaRole = computed(() => {
|
|
31
|
+
const t = this.theme();
|
|
32
|
+
if (POLITE_THEMES.has(t))
|
|
33
|
+
return "status";
|
|
34
|
+
if (ASSERTIVE_THEMES.has(t))
|
|
35
|
+
return "alert";
|
|
36
|
+
return undefined;
|
|
37
|
+
}, ...(ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []));
|
|
38
|
+
ariaLive = computed(() => {
|
|
39
|
+
const t = this.theme();
|
|
40
|
+
if (POLITE_THEMES.has(t))
|
|
41
|
+
return "polite";
|
|
42
|
+
if (ASSERTIVE_THEMES.has(t))
|
|
43
|
+
return "assertive";
|
|
44
|
+
return undefined;
|
|
45
|
+
}, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
|
|
46
|
+
static ɵfac = function SdToastControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastControl)(); };
|
|
47
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdToastControl, selectors: [["sd-toast"]], hostVars: 4, hostBindings: function SdToastControl_HostBindings(rf, ctx) { if (rf & 2) {
|
|
48
|
+
i0.ɵɵattribute("data-sd-open", ctx.open() || undefined)("data-sd-theme", ctx.theme())("role", ctx.ariaRole())("aria-live", ctx.ariaLive());
|
|
49
|
+
} }, inputs: { open: [1, "open"], useProgress: [1, "useProgress"], theme: [1, "theme"], progress: [1, "progress"], message: [1, "message"] }, outputs: { open: "openChange", progress: "progressChange", message: "messageChange" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "_message"], [1, "_progress"], [1, "_progress-bar"]], template: function SdToastControl_Template(rf, ctx) { if (rf & 1) {
|
|
50
|
+
i0.ɵɵprojectionDef();
|
|
51
|
+
i0.ɵɵconditionalCreate(0, SdToastControl_Conditional_0_Template, 2, 1, "div", 0);
|
|
52
|
+
i0.ɵɵprojection(1);
|
|
53
|
+
i0.ɵɵconditionalCreate(2, SdToastControl_Conditional_2_Template, 2, 2, "div", 1);
|
|
54
|
+
} if (rf & 2) {
|
|
55
|
+
i0.ɵɵconditional(ctx.message() !== undefined ? 0 : -1);
|
|
56
|
+
i0.ɵɵadvance(2);
|
|
57
|
+
i0.ɵɵconditional(ctx.useProgress() ? 2 : -1);
|
|
58
|
+
} }, styles: ["sd-toast {\n display: block;\n position: relative;\n max-width: 32.5rem;\n width: 100%;\n margin: var(--gap-sm);\n padding: var(--gap-default) var(--gap-lg);\n border-radius: var(--border-radius-default);\n color: var(--text-trans-rev-default);\n pointer-events: auto;\n transform: translateY(-100%);\n opacity: 0;\n transition: transform var(--animation-duration) ease, opacity var(--animation-duration) ease;\n box-shadow: 0 calc(12 * var(--elevation-size)) calc(12 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-toast[data-sd-open] {\n transform: translateY(0);\n opacity: 1;\n}\nsd-toast[data-sd-theme=gray] {\n background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=blue-gray] {\n background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=primary] {\n background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] {\n background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=info] {\n background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=success] {\n background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=warning] {\n background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=danger] {\n background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast > ._message {\n word-break: break-all;\n white-space: pre-wrap;\n}\nsd-toast > ._progress {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 0.25rem;\n background: var(--trans-lighter);\n border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);\n overflow: hidden;\n}\nsd-toast > ._progress > ._progress-bar {\n height: 100%;\n background: var(--trans-default);\n transition: width 0.3s ease;\n}\n@media all and (max-width: 520px) {\n sd-toast {\n max-width: none;\n margin: var(--gap-xs);\n border-radius: 0;\n }\n}"], encapsulation: 2, changeDetection: 0 });
|
|
59
|
+
}
|
|
60
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastControl, [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{ selector: "sd-toast", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, host: {
|
|
63
|
+
"[attr.data-sd-open]": "open() || undefined",
|
|
64
|
+
"[attr.data-sd-theme]": "theme()",
|
|
65
|
+
"[attr.role]": "ariaRole()",
|
|
66
|
+
"[attr.aria-live]": "ariaLive()",
|
|
67
|
+
}, template: `
|
|
68
|
+
@if (message() !== undefined) {
|
|
69
|
+
<div class="_message">{{ message() }}</div>
|
|
70
|
+
}
|
|
71
|
+
<ng-content />
|
|
72
|
+
@if (useProgress()) {
|
|
73
|
+
<div class="_progress">
|
|
74
|
+
<div class="_progress-bar" [style.width.%]="progress()"></div>
|
|
75
|
+
</div>
|
|
76
|
+
}
|
|
77
|
+
`, styles: ["sd-toast {\n display: block;\n position: relative;\n max-width: 32.5rem;\n width: 100%;\n margin: var(--gap-sm);\n padding: var(--gap-default) var(--gap-lg);\n border-radius: var(--border-radius-default);\n color: var(--text-trans-rev-default);\n pointer-events: auto;\n transform: translateY(-100%);\n opacity: 0;\n transition: transform var(--animation-duration) ease, opacity var(--animation-duration) ease;\n box-shadow: 0 calc(12 * var(--elevation-size)) calc(12 * 4 * var(--elevation-size)) var(--trans-lighter), 0 var(--elevation-size) var(--elevation-size) var(--trans-lighter);\n}\nsd-toast[data-sd-open] {\n transform: translateY(0);\n opacity: 1;\n}\nsd-toast[data-sd-theme=gray] {\n background: rgb(153.0022463699, 161.0057700366, 174.7317580236);\n}\nsd-toast[data-sd-theme=blue-gray] {\n background: rgb(144.0364277624, 161.0825504589, 184.9359809919);\n}\nsd-toast[data-sd-theme=primary] {\n background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=secondary] {\n background: hsl(212.7907636992, 106.3271487689%, 66.8390389975%);\n}\nsd-toast[data-sd-theme=info] {\n background: hsl(186.1271591177, 175.0224558865%, 34.577706736%);\n}\nsd-toast[data-sd-theme=success] {\n background: hsl(76.4778453101, 152.6473732821%, 35.6889214867%);\n}\nsd-toast[data-sd-theme=warning] {\n background: hsl(31.4330872217, 102.5675912326%, 51.3170331393%);\n}\nsd-toast[data-sd-theme=danger] {\n background: hsl(358.7593862564, 101.8439024907%, 69.8357359211%);\n}\nsd-toast > ._message {\n word-break: break-all;\n white-space: pre-wrap;\n}\nsd-toast > ._progress {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 0.25rem;\n background: var(--trans-lighter);\n border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);\n overflow: hidden;\n}\nsd-toast > ._progress > ._progress-bar {\n height: 100%;\n background: var(--trans-default);\n transition: width 0.3s ease;\n}\n@media all and (max-width: 520px) {\n sd-toast {\n max-width: none;\n margin: var(--gap-xs);\n border-radius: 0;\n }\n}"] }]
|
|
78
|
+
}], null, { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], useProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "useProgress", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }, { type: i0.Output, args: ["progressChange"] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }, { type: i0.Output, args: ["messageChange"] }] }); })();
|
|
79
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdToastControl, { className: "SdToastControl", filePath: "packages/angular/src/ui/overlay/toast/sd-toast.control.ts", lineNumber: 103 }); })();
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { type OutputEmitterRef, type Type, type WritableSignal } from "@angular/core";
|
|
2
|
+
import type { TDirectiveInputSignals } from "../../../core/utils/TDirectiveInputSignals";
|
|
3
|
+
import "@simplysm/core-browser";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export type TSdToastSeverity = "info" | "success" | "warning" | "danger";
|
|
6
|
+
export type TSdToastTheme = "primary" | "secondary" | TSdToastSeverity | "gray" | "blue-gray";
|
|
7
|
+
export interface ISdToast<O> {
|
|
8
|
+
close: OutputEmitterRef<O | undefined>;
|
|
9
|
+
}
|
|
10
|
+
export interface ISdToastInput<T extends ISdToast<any>> {
|
|
11
|
+
type: Type<T>;
|
|
12
|
+
inputs: Omit<TDirectiveInputSignals<T>, "close">;
|
|
13
|
+
}
|
|
14
|
+
export declare class SdToastProvider {
|
|
15
|
+
private readonly _appRef;
|
|
16
|
+
private readonly _envInjector;
|
|
17
|
+
private readonly _injector;
|
|
18
|
+
private readonly _systemLog;
|
|
19
|
+
alertThemes: WritableSignal<TSdToastSeverity[]>;
|
|
20
|
+
overlap: WritableSignal<boolean>;
|
|
21
|
+
beforeShowFn?: (theme: TSdToastSeverity) => void;
|
|
22
|
+
private _containerRef;
|
|
23
|
+
private readonly _toastRefs;
|
|
24
|
+
private readonly _contentRefs;
|
|
25
|
+
private get containerRef();
|
|
26
|
+
info(message: string, useProgress?: true): WritableSignal<number>;
|
|
27
|
+
info(message: string, useProgress?: false): void;
|
|
28
|
+
success(message: string, useProgress?: true): WritableSignal<number>;
|
|
29
|
+
success(message: string, useProgress?: false): void;
|
|
30
|
+
warning(message: string, useProgress?: true): WritableSignal<number>;
|
|
31
|
+
warning(message: string, useProgress?: false): void;
|
|
32
|
+
danger(message: string, useProgress?: true): WritableSignal<number>;
|
|
33
|
+
danger(message: string, useProgress?: false): void;
|
|
34
|
+
notify<T extends ISdToast<any>>(input: ISdToastInput<T>): Promise<Parameters<T["close"]["emit"]>[0] | undefined>;
|
|
35
|
+
try<R>(fn: () => Promise<R>): Promise<R | undefined>;
|
|
36
|
+
try<R>(fn: () => Promise<R>, messageFn: (err: unknown) => string): Promise<R | undefined>;
|
|
37
|
+
private _show;
|
|
38
|
+
private _setupAutoDismiss;
|
|
39
|
+
private _dismissToast;
|
|
40
|
+
private _destroyToast;
|
|
41
|
+
private _removeAllToasts;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdToastProvider, never>;
|
|
43
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SdToastProvider>;
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=sd-toast.provider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-toast.provider.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\ui\\overlay\\toast\\sd-toast.provider.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,gBAAgB,EACrB,KAAK,IAAI,EACT,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAIzF,OAAO,wBAAwB,CAAC;;AAEhC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,gBAAgB,GAAG,MAAM,GAAG,WAAW,CAAC;AAE9F,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,KAAK,EAAE,gBAAgB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC;IACpD,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,MAAM,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;CAClD;AAED,qBACa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA0B;IAClD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA+B;IAC5D,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA+B;IAE1D,WAAW,qCAAkC;IAC7C,OAAO,0BAAiB;IACxB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD,OAAO,CAAC,aAAa,CAAoD;IACzE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsC;IACjE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA8D;IAE3F,OAAO,KAAK,YAAY,GAUvB;IAED,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC;IACjE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI;IAKhD,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC;IACpE,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI;IAKnD,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC;IACpE,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI;IAKnD,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC;IACnE,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI;IAKlD,MAAM,CAAC,CAAC,SAAS,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAuD1G,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IACpD,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,GAAG,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAmB/F,OAAO,CAAC,KAAK;IA8Db,OAAO,CAAC,iBAAiB;IAqCzB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,gBAAgB;yCAtQb,eAAe;6CAAf,eAAe;CA2Q3B"}
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
import { ApplicationRef, createComponent, effect, EnvironmentInjector, inject, Injectable, Injector, signal, } from "@angular/core";
|
|
2
|
+
import { outputToObservable } from "@angular/core/rxjs-interop";
|
|
3
|
+
import { SdToastControl } from "./sd-toast.control";
|
|
4
|
+
import { SdToastContainerControl } from "./sd-toast-container.control";
|
|
5
|
+
import { SdSystemLogProvider } from "../../../core/providers/sd-system-log.provider";
|
|
6
|
+
import "@simplysm/core-browser";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class SdToastProvider {
|
|
9
|
+
_appRef = inject(ApplicationRef);
|
|
10
|
+
_envInjector = inject(EnvironmentInjector);
|
|
11
|
+
_injector = inject(Injector);
|
|
12
|
+
_systemLog = inject(SdSystemLogProvider);
|
|
13
|
+
alertThemes = signal([], ...(ngDevMode ? [{ debugName: "alertThemes" }] : /* istanbul ignore next */ []));
|
|
14
|
+
overlap = signal(false, ...(ngDevMode ? [{ debugName: "overlap" }] : /* istanbul ignore next */ []));
|
|
15
|
+
beforeShowFn;
|
|
16
|
+
_containerRef;
|
|
17
|
+
_toastRefs = [];
|
|
18
|
+
_contentRefs = new Map();
|
|
19
|
+
get containerRef() {
|
|
20
|
+
if (this._containerRef === undefined) {
|
|
21
|
+
this._containerRef = createComponent(SdToastContainerControl, {
|
|
22
|
+
environmentInjector: this._envInjector,
|
|
23
|
+
});
|
|
24
|
+
this._appRef.attachView(this._containerRef.hostView);
|
|
25
|
+
document.body.appendChild(this._containerRef.location.nativeElement);
|
|
26
|
+
}
|
|
27
|
+
this._containerRef.setInput("overlap", this.overlap());
|
|
28
|
+
return this._containerRef;
|
|
29
|
+
}
|
|
30
|
+
info(message, useProgress = false) {
|
|
31
|
+
return this._show("info", message, useProgress);
|
|
32
|
+
}
|
|
33
|
+
success(message, useProgress = false) {
|
|
34
|
+
return this._show("success", message, useProgress);
|
|
35
|
+
}
|
|
36
|
+
warning(message, useProgress = false) {
|
|
37
|
+
return this._show("warning", message, useProgress);
|
|
38
|
+
}
|
|
39
|
+
danger(message, useProgress = false) {
|
|
40
|
+
return this._show("danger", message, useProgress);
|
|
41
|
+
}
|
|
42
|
+
notify(input) {
|
|
43
|
+
return new Promise((resolve) => {
|
|
44
|
+
// overlap 모드: 기존 토스트 모두 제거
|
|
45
|
+
if (this.overlap()) {
|
|
46
|
+
this._removeAllToasts();
|
|
47
|
+
}
|
|
48
|
+
const containerEl = this.containerRef.location.nativeElement;
|
|
49
|
+
// 토스트 래퍼 생성
|
|
50
|
+
const toastRef = createComponent(SdToastControl, {
|
|
51
|
+
environmentInjector: this._envInjector,
|
|
52
|
+
});
|
|
53
|
+
this._appRef.attachView(toastRef.hostView);
|
|
54
|
+
// 커스텀 컴포넌트 생성 (projectableNodes로 토스트 래퍼 안에 삽입)
|
|
55
|
+
const contentRef = createComponent(input.type, {
|
|
56
|
+
environmentInjector: this._envInjector,
|
|
57
|
+
elementInjector: this._injector,
|
|
58
|
+
});
|
|
59
|
+
this._appRef.attachView(contentRef.hostView);
|
|
60
|
+
// inputs 바인딩
|
|
61
|
+
for (const [key, value] of Object.entries(input.inputs)) {
|
|
62
|
+
contentRef.setInput(key, value);
|
|
63
|
+
}
|
|
64
|
+
// 컨텐츠를 토스트 래퍼 안에 삽입
|
|
65
|
+
const toastEl = toastRef.location.nativeElement;
|
|
66
|
+
toastEl.appendChild(contentRef.location.nativeElement);
|
|
67
|
+
containerEl.appendChild(toastEl);
|
|
68
|
+
this._toastRefs.push(toastRef);
|
|
69
|
+
// repaint 후 open 설정
|
|
70
|
+
toastEl.repaint();
|
|
71
|
+
toastRef.instance.open.set(true);
|
|
72
|
+
// contentRef를 추적하여 토스트 파괴 시 함께 정리
|
|
73
|
+
this._contentRefs.set(toastRef, contentRef);
|
|
74
|
+
// close output 구독
|
|
75
|
+
const closeSub = outputToObservable(contentRef.instance.close).subscribe((result) => {
|
|
76
|
+
closeSub.unsubscribe();
|
|
77
|
+
this._dismissToast(toastRef);
|
|
78
|
+
resolve(result);
|
|
79
|
+
});
|
|
80
|
+
// 5초 후 자동 해제 (resolve 연동)
|
|
81
|
+
this._setupAutoDismiss(toastRef, 5000, () => {
|
|
82
|
+
closeSub.unsubscribe();
|
|
83
|
+
resolve(undefined);
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
async try(fn, messageFn) {
|
|
88
|
+
try {
|
|
89
|
+
return await fn();
|
|
90
|
+
}
|
|
91
|
+
catch (err) {
|
|
92
|
+
if (!(err instanceof Error)) {
|
|
93
|
+
throw err;
|
|
94
|
+
}
|
|
95
|
+
const message = messageFn !== undefined ? messageFn(err) : err.message;
|
|
96
|
+
this.danger(message);
|
|
97
|
+
await this._systemLog.writeAsync("error", err.stack ?? err.message);
|
|
98
|
+
return undefined;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
_show(theme, message, useProgress) {
|
|
102
|
+
// alertThemes 체크
|
|
103
|
+
if (this.alertThemes().includes(theme)) {
|
|
104
|
+
window.alert(message);
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
// beforeShowFn 콜백
|
|
108
|
+
if (this.beforeShowFn !== undefined) {
|
|
109
|
+
this.beforeShowFn(theme);
|
|
110
|
+
}
|
|
111
|
+
// overlap 모드: 기존 토스트 모두 제거
|
|
112
|
+
if (this.overlap()) {
|
|
113
|
+
this._removeAllToasts();
|
|
114
|
+
}
|
|
115
|
+
// 토스트 컴포넌트 생성
|
|
116
|
+
const containerEl = this.containerRef.location.nativeElement;
|
|
117
|
+
const toastRef = createComponent(SdToastControl, {
|
|
118
|
+
environmentInjector: this._envInjector,
|
|
119
|
+
});
|
|
120
|
+
this._appRef.attachView(toastRef.hostView);
|
|
121
|
+
toastRef.setInput("theme", theme);
|
|
122
|
+
toastRef.setInput("useProgress", useProgress);
|
|
123
|
+
toastRef.instance.message.set(message);
|
|
124
|
+
containerEl.appendChild(toastRef.location.nativeElement);
|
|
125
|
+
this._toastRefs.push(toastRef);
|
|
126
|
+
// repaint 후 open 설정
|
|
127
|
+
toastRef.location.nativeElement.repaint();
|
|
128
|
+
toastRef.instance.open.set(true);
|
|
129
|
+
if (useProgress) {
|
|
130
|
+
// progress 모드: effect로 100% 감지 후 1초 뒤 자동 해제
|
|
131
|
+
const progressSignal = toastRef.instance.progress;
|
|
132
|
+
effect(() => {
|
|
133
|
+
const val = progressSignal();
|
|
134
|
+
if (val >= 100) {
|
|
135
|
+
setTimeout(() => {
|
|
136
|
+
this._dismissToast(toastRef);
|
|
137
|
+
}, 1000);
|
|
138
|
+
}
|
|
139
|
+
}, { injector: toastRef.injector });
|
|
140
|
+
return progressSignal;
|
|
141
|
+
}
|
|
142
|
+
else {
|
|
143
|
+
// 일반 모드: 3초 후 자동 해제 (호버 중이면 1초 지연)
|
|
144
|
+
this._setupAutoDismiss(toastRef, 3000);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
_setupAutoDismiss(toastRef, delayMs, onDismiss) {
|
|
148
|
+
const el = toastRef.location.nativeElement;
|
|
149
|
+
let isHovering = false;
|
|
150
|
+
let dismissPending = false;
|
|
151
|
+
const dismiss = () => {
|
|
152
|
+
onDismiss?.();
|
|
153
|
+
this._dismissToast(toastRef);
|
|
154
|
+
};
|
|
155
|
+
const dismissAfterDelay = (ms) => {
|
|
156
|
+
setTimeout(() => {
|
|
157
|
+
if (isHovering) {
|
|
158
|
+
dismissPending = true;
|
|
159
|
+
}
|
|
160
|
+
else {
|
|
161
|
+
dismiss();
|
|
162
|
+
}
|
|
163
|
+
}, ms);
|
|
164
|
+
};
|
|
165
|
+
el.addEventListener("mouseenter", () => {
|
|
166
|
+
isHovering = true;
|
|
167
|
+
});
|
|
168
|
+
el.addEventListener("mouseleave", () => {
|
|
169
|
+
isHovering = false;
|
|
170
|
+
if (dismissPending) {
|
|
171
|
+
dismissAfterDelay(1000);
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
dismissAfterDelay(delayMs);
|
|
175
|
+
}
|
|
176
|
+
_dismissToast(toastRef) {
|
|
177
|
+
toastRef.instance.open.set(false);
|
|
178
|
+
const el = toastRef.location.nativeElement;
|
|
179
|
+
const onTransitionEnd = () => {
|
|
180
|
+
el.removeEventListener("transitionend", onTransitionEnd);
|
|
181
|
+
this._destroyToast(toastRef);
|
|
182
|
+
};
|
|
183
|
+
el.addEventListener("transitionend", onTransitionEnd);
|
|
184
|
+
// fallback: transition이 없는 경우 300ms 후 파괴
|
|
185
|
+
setTimeout(() => {
|
|
186
|
+
this._destroyToast(toastRef);
|
|
187
|
+
}, 300);
|
|
188
|
+
}
|
|
189
|
+
_destroyToast(toastRef) {
|
|
190
|
+
const idx = this._toastRefs.indexOf(toastRef);
|
|
191
|
+
if (idx === -1)
|
|
192
|
+
return; // 이미 파괴됨
|
|
193
|
+
this._toastRefs.splice(idx, 1);
|
|
194
|
+
// 연결된 contentRef 파괴
|
|
195
|
+
const contentRef = this._contentRefs.get(toastRef);
|
|
196
|
+
if (contentRef !== undefined) {
|
|
197
|
+
this._contentRefs.delete(toastRef);
|
|
198
|
+
this._appRef.detachView(contentRef.hostView);
|
|
199
|
+
contentRef.destroy();
|
|
200
|
+
}
|
|
201
|
+
const el = toastRef.location.nativeElement;
|
|
202
|
+
if (el.parentNode !== null) {
|
|
203
|
+
el.parentNode.removeChild(el);
|
|
204
|
+
}
|
|
205
|
+
this._appRef.detachView(toastRef.hostView);
|
|
206
|
+
toastRef.destroy();
|
|
207
|
+
}
|
|
208
|
+
_removeAllToasts() {
|
|
209
|
+
for (const ref of [...this._toastRefs]) {
|
|
210
|
+
this._destroyToast(ref);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
static ɵfac = function SdToastProvider_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdToastProvider)(); };
|
|
214
|
+
static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SdToastProvider, factory: SdToastProvider.ɵfac, providedIn: "root" });
|
|
215
|
+
}
|
|
216
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdToastProvider, [{
|
|
217
|
+
type: Injectable,
|
|
218
|
+
args: [{ providedIn: "root" }]
|
|
219
|
+
}], null, null); })();
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SdBarcodeControl {
|
|
3
|
+
private readonly _elRef;
|
|
4
|
+
type: import("@angular/core").InputSignal<TBarcodeType>;
|
|
5
|
+
value: import("@angular/core").InputSignal<string | undefined>;
|
|
6
|
+
constructor();
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdBarcodeControl, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdBarcodeControl, "sd-barcode", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
|
+
}
|
|
10
|
+
export type TBarcodeType = "auspost" | "azteccode" | "azteccodecompact" | "aztecrune" | "bc412" | "channelcode" | "codablockf" | "code11" | "code128" | "code16k" | "code2of5" | "code32" | "code39" | "code39ext" | "code49" | "code93" | "code93ext" | "codeone" | "coop2of5" | "daft" | "databarexpanded" | "databarexpandedcomposite" | "databarexpandedstacked" | "databarexpandedstackedcomposite" | "databarlimited" | "databarlimitedcomposite" | "databaromni" | "databaromnicomposite" | "databarstacked" | "databarstackedcomposite" | "databarstackedomni" | "databarstackedomnicomposite" | "databartruncated" | "databartruncatedcomposite" | "datalogic2of5" | "datamatrix" | "datamatrixrectangular" | "datamatrixrectangularextension" | "dotcode" | "ean13" | "ean13composite" | "ean14" | "ean2" | "ean5" | "ean8" | "ean8composite" | "flattermarken" | "gs1-128" | "gs1-128composite" | "gs1-cc" | "gs1datamatrix" | "gs1datamatrixrectangular" | "gs1dldatamatrix" | "gs1dlqrcode" | "gs1dotcode" | "gs1northamericancoupon" | "gs1qrcode" | "hanxin" | "hibcazteccode" | "hibccodablockf" | "hibccode128" | "hibccode39" | "hibcdatamatrix" | "hibcdatamatrixrectangular" | "hibcmicropdf417" | "hibcpdf417" | "hibcqrcode" | "iata2of5" | "identcode" | "industrial2of5" | "interleaved2of5" | "isbn" | "ismn" | "issn" | "itf14" | "japanpost" | "kix" | "leitcode" | "mailmark" | "mands" | "matrix2of5" | "maxicode" | "micropdf417" | "microqrcode" | "msi" | "onecode" | "pdf417" | "pdf417compact" | "pharmacode" | "pharmacode2" | "planet" | "plessey" | "posicode" | "postnet" | "pzn" | "qrcode" | "rationalizedCodabar" | "raw" | "rectangularmicroqrcode" | "royalmail" | "sscc18" | "swissqrcode" | "symbol" | "telepen" | "telepennumeric" | "ultracode" | "upca" | "upcacomposite" | "upce" | "upcecomposite";
|
|
11
|
+
//# sourceMappingURL=sd-barcode.control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-barcode.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\visual\\sd-barcode.control.ts"],"names":[],"mappings":";AAWA,qBAQa,gBAAgB;IAC3B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+C;IAEtE,IAAI,oDAAkC;IACtC,KAAK,0DAAmB;;yCAJb,gBAAgB;2CAAhB,gBAAgB;CAmB5B;AAED,MAAM,MAAM,YAAY,GACpB,SAAS,GAAG,WAAW,GAAG,kBAAkB,GAAG,WAAW,GAAG,OAAO,GACpE,aAAa,GAAG,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAC/D,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GACpE,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,GACjE,0BAA0B,GAAG,wBAAwB,GAAG,iCAAiC,GACzF,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,GAAG,sBAAsB,GACrF,gBAAgB,GAAG,yBAAyB,GAAG,oBAAoB,GAAG,6BAA6B,GACnG,kBAAkB,GAAG,2BAA2B,GAAG,eAAe,GAAG,YAAY,GACjF,uBAAuB,GAAG,gCAAgC,GAAG,SAAS,GAAG,OAAO,GAChF,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,GAAG,eAAe,GACzF,SAAS,GAAG,kBAAkB,GAAG,QAAQ,GAAG,eAAe,GAAG,0BAA0B,GACxF,iBAAiB,GAAG,aAAa,GAAG,YAAY,GAAG,wBAAwB,GAAG,WAAW,GACzF,QAAQ,GAAG,eAAe,GAAG,gBAAgB,GAAG,aAAa,GAAG,YAAY,GAAG,gBAAgB,GAC/F,2BAA2B,GAAG,iBAAiB,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAC1F,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GACvF,WAAW,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GACnF,aAAa,GAAG,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,eAAe,GAC9E,YAAY,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GACpF,QAAQ,GAAG,qBAAqB,GAAG,KAAK,GAAG,wBAAwB,GAAG,WAAW,GACjF,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,GAChF,MAAM,GAAG,eAAe,GAAG,MAAM,GAAG,eAAe,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, ViewEncapsulation, } from "@angular/core";
|
|
2
|
+
import bwipjs from "bwip-js";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class SdBarcodeControl {
|
|
5
|
+
_elRef = inject(ElementRef);
|
|
6
|
+
type = input.required(...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
7
|
+
value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
8
|
+
constructor() {
|
|
9
|
+
effect(() => {
|
|
10
|
+
const text = this.value();
|
|
11
|
+
if (text == null || text === "") {
|
|
12
|
+
this._elRef.nativeElement.innerHTML = "";
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
this._elRef.nativeElement.innerHTML = bwipjs.toSVG({
|
|
16
|
+
bcid: this.type(),
|
|
17
|
+
text,
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
static ɵfac = function SdBarcodeControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdBarcodeControl)(); };
|
|
22
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdBarcodeControl, selectors: [["sd-barcode"]], inputs: { type: [1, "type"], value: [1, "value"] }, decls: 0, vars: 0, template: function SdBarcodeControl_Template(rf, ctx) { }, encapsulation: 2, changeDetection: 0 });
|
|
23
|
+
}
|
|
24
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdBarcodeControl, [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: "sd-barcode",
|
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
29
|
+
encapsulation: ViewEncapsulation.None,
|
|
30
|
+
standalone: true,
|
|
31
|
+
imports: [],
|
|
32
|
+
template: ``,
|
|
33
|
+
}]
|
|
34
|
+
}], () => [], { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] }); })();
|
|
35
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdBarcodeControl, { className: "SdBarcodeControl", filePath: "packages/angular/src/ui/visual/sd-barcode.control.ts", lineNumber: 20 }); })();
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import { DateOnly } from "@simplysm/core-common";
|
|
3
|
+
import { type SdItemOfTemplateContext } from "../../core/directives/sd-item-of-template.directive";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class SdCalendarControl<T> {
|
|
6
|
+
items: import("@angular/core").InputSignal<T[]>;
|
|
7
|
+
getItemDateFn: import("@angular/core").InputSignal<(item: T, index: number) => DateOnly>;
|
|
8
|
+
yearMonth: import("@angular/core").InputSignal<DateOnly>;
|
|
9
|
+
itemTplRef: import("@angular/core").Signal<TemplateRef<SdItemOfTemplateContext<T>>>;
|
|
10
|
+
weekStartDay: import("@angular/core").InputSignal<number>;
|
|
11
|
+
minDaysInFirstWeek: import("@angular/core").InputSignal<number>;
|
|
12
|
+
weeks: string[];
|
|
13
|
+
dataTable: import("@angular/core").Signal<{
|
|
14
|
+
date: DateOnly;
|
|
15
|
+
items: T[];
|
|
16
|
+
}[][]>;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdCalendarControl<any>, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdCalendarControl<any>, "sd-calendar", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "getItemDateFn": { "alias": "getItemDateFn"; "required": true; "isSignal": true; }; "yearMonth": { "alias": "yearMonth"; "required": false; "isSignal": true; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; "isSignal": true; }; "minDaysInFirstWeek": { "alias": "minDaysInFirstWeek"; "required": false; "isSignal": true; }; }, {}, ["itemTplRef"], never, true, never>;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=sd-calendar.control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sd-calendar.control.d.ts","sourceRoot":"","sources":["..\\..\\..\\src\\ui\\visual\\sd-calendar.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,WAAW,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EACL,KAAK,uBAAuB,EAE7B,MAAM,qDAAqD,CAAC;;AAG7D,qBAiHa,iBAAiB,CAAC,CAAC;IAC9B,KAAK,2CAAyB;IAC9B,aAAa,6CAAyB,CAAC,SAAS,MAAM,KAAK,QAAQ,EAAI;IAEvE,SAAS,gDAAmC;IAE5C,UAAU,0EAGR;IAEF,YAAY,8CAAY;IACxB,kBAAkB,8CAAY;IAE9B,KAAK,WAAuC;IAE5C,SAAS;cAEC,QAAQ;eACP,CAAC,EAAE;WAqCX;yCAxDQ,iBAAiB;2CAAjB,iBAAiB;CAyD7B"}
|