@simplysm/angular 14.0.7 → 14.0.9
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 +234 -246
- package/dist/core/commons.d.ts.map +1 -1
- package/dist/core/directives/sd-events.directive.d.ts.map +1 -1
- package/dist/core/directives/sd-invalid.directive.d.ts.map +1 -1
- package/dist/core/directives/sd-item-of-template.directive.d.ts.map +1 -1
- package/dist/core/directives/sd-ripple.directive.d.ts.map +1 -1
- package/dist/core/directives/sd-router-link.directive.d.ts.map +1 -1
- package/dist/core/directives/sd-show-effect.directive.d.ts.map +1 -1
- package/dist/core/directives/sd-typed-template.directive.d.ts.map +1 -1
- package/dist/core/pipes/format.pipe.d.ts.map +1 -1
- package/dist/core/plugins/commands/findTopOpenModalEl.d.ts.map +1 -1
- package/dist/core/plugins/commands/sd-insert-command-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/commands/sd-refresh-command-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/commands/sd-save-command-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/events/sd-intersection-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/events/sd-option-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/events/sd-resize-event.plugin.d.ts.map +1 -1
- package/dist/core/plugins/sd-global-error-handler.plugin.d.ts.map +1 -1
- package/dist/core/provideSdAngular.d.ts.map +1 -1
- package/dist/core/providers/sd-angular-config.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-app-structure.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-file-dialog.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-local-storage.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-navigate-window.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-print.provider.d.ts +7 -2
- package/dist/core/providers/sd-print.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-service-client-factory.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-shared-data.provider.d.ts +3 -0
- package/dist/core/providers/sd-shared-data.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-system-config.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-system-log.provider.d.ts.map +1 -1
- package/dist/core/providers/sd-theme-provider.d.ts.map +1 -1
- package/dist/core/utils/TDirectiveInputSignals.d.ts +4 -0
- package/dist/core/utils/TDirectiveInputSignals.d.ts.map +1 -1
- package/dist/core/utils/injectParent.d.ts +7 -0
- package/dist/core/utils/injectParent.d.ts.map +1 -0
- package/dist/core/utils/injectParent.js +26 -0
- package/dist/core/utils/setSafeStyle.d.ts.map +1 -1
- package/dist/core/utils/setups/setupBgTheme.d.ts.map +1 -1
- package/dist/core/utils/setups/setupCanDeactivate.d.ts.map +1 -1
- package/dist/core/utils/setups/setupCloserWhenSingleSelectionChange.d.ts +9 -0
- package/dist/core/utils/setups/setupCloserWhenSingleSelectionChange.d.ts.map +1 -0
- package/dist/core/utils/setups/setupCloserWhenSingleSelectionChange.js +20 -0
- package/dist/core/utils/setups/setupCumulateSelectedKeys.d.ts +9 -0
- package/dist/core/utils/setups/setupCumulateSelectedKeys.d.ts.map +1 -0
- package/dist/core/utils/setups/setupCumulateSelectedKeys.js +27 -0
- package/dist/core/utils/setups/setupInvalid.d.ts.map +1 -1
- package/dist/core/utils/setups/setupModelHook.d.ts.map +1 -1
- package/dist/core/utils/setups/setupRevealOnShow.d.ts.map +1 -1
- package/dist/core/utils/setups/setupRipple.d.ts.map +1 -1
- package/dist/core/utils/useCurrentPageCodeSignal.d.ts.map +1 -1
- package/dist/core/utils/useExpandingManager.d.ts.map +1 -1
- package/dist/core/utils/useFullPageCodeSignal.d.ts.map +1 -1
- package/dist/core/utils/useSdSystemConfigResource.d.ts.map +1 -1
- package/dist/core/utils/useSelectionManager.d.ts.map +1 -1
- package/dist/core/utils/useSortingManager.d.ts.map +1 -1
- package/dist/core/utils/useViewTitleSignal.d.ts.map +1 -1
- package/dist/core/utils/useViewTypeSignal.d.ts.map +1 -1
- package/dist/features/address/sd-address-search.modal.d.ts +19 -0
- package/dist/features/address/sd-address-search.modal.d.ts.map +1 -0
- package/dist/features/address/sd-address-search.modal.js +88 -0
- package/dist/features/base/sd-base-container.control.d.ts +26 -0
- package/dist/features/base/sd-base-container.control.d.ts.map +1 -0
- package/dist/features/base/sd-base-container.control.js +183 -0
- package/dist/features/data-view/sd-data-detail.control.d.ts +70 -0
- package/dist/features/data-view/sd-data-detail.control.d.ts.map +1 -0
- package/dist/features/data-view/sd-data-detail.control.js +606 -0
- package/dist/features/data-view/sd-data-select-button.control.d.ts +35 -0
- package/dist/features/data-view/sd-data-select-button.control.d.ts.map +1 -0
- package/dist/features/data-view/sd-data-select-button.control.js +219 -0
- package/dist/features/data-view/sd-data-sheet-column.directive.d.ts +8 -0
- package/dist/features/data-view/sd-data-sheet-column.directive.d.ts.map +1 -0
- package/dist/features/data-view/sd-data-sheet-column.directive.js +15 -0
- package/dist/features/data-view/sd-data-sheet.control.d.ts +131 -0
- package/dist/features/data-view/sd-data-sheet.control.d.ts.map +1 -0
- package/dist/features/data-view/sd-data-sheet.control.js +1152 -0
- package/dist/features/shared-data/sd-shared-data-select-button.control.d.ts +16 -0
- package/dist/features/shared-data/sd-shared-data-select-button.control.d.ts.map +1 -0
- package/dist/features/shared-data/sd-shared-data-select-button.control.js +66 -0
- package/dist/features/shared-data/sd-shared-data-select-list.control.d.ts +33 -0
- package/dist/features/shared-data/sd-shared-data-select-list.control.d.ts.map +1 -0
- package/dist/features/shared-data/sd-shared-data-select-list.control.js +346 -0
- package/dist/features/shared-data/sd-shared-data-select.control.d.ts +50 -0
- package/dist/features/shared-data/sd-shared-data-select.control.d.ts.map +1 -0
- package/dist/features/shared-data/sd-shared-data-select.control.js +425 -0
- package/dist/index.d.ts +13 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15 -0
- package/dist/ui/data/list/sd-list-item.control.d.ts +3 -1
- package/dist/ui/data/list/sd-list-item.control.d.ts.map +1 -1
- package/dist/ui/data/list/sd-list-item.control.js +9 -5
- package/dist/ui/data/list/sd-list.control.d.ts.map +1 -1
- package/dist/ui/data/list/sd-list.control.js +1 -1
- package/dist/ui/data/sheet/sd-sheet-column.directive.d.ts +8 -1
- package/dist/ui/data/sheet/sd-sheet-column.directive.d.ts.map +1 -1
- package/dist/ui/data/sheet/sd-sheet-config.modal.d.ts.map +1 -1
- package/dist/ui/data/sheet/sd-sheet-config.modal.js +1 -1
- package/dist/ui/data/sheet/sd-sheet.control.d.ts +6 -5
- package/dist/ui/data/sheet/sd-sheet.control.d.ts.map +1 -1
- package/dist/ui/data/sheet/sd-sheet.control.js +19 -17
- package/dist/ui/data/sheet/types.d.ts.map +1 -1
- package/dist/ui/data/sheet/useSheetCellAgent.d.ts.map +1 -1
- package/dist/ui/data/sheet/useSheetCellAgent.js +1 -2
- package/dist/ui/data/sheet/useSheetColumnFixing.d.ts.map +1 -1
- package/dist/ui/data/sheet/useSheetDomAccessor.d.ts.map +1 -1
- package/dist/ui/data/sheet/useSheetLayoutEngine.d.ts.map +1 -1
- package/dist/ui/data/sheet/useSheetLayoutEngine.js +1 -0
- package/dist/ui/form/button/sd-additional-button.control.d.ts.map +1 -1
- package/dist/ui/form/button/sd-additional-button.control.js +1 -1
- package/dist/ui/form/button/sd-anchor.control.d.ts.map +1 -1
- package/dist/ui/form/button/sd-anchor.control.js +1 -1
- package/dist/ui/form/button/sd-button.control.d.ts.map +1 -1
- package/dist/ui/form/button/sd-button.control.js +1 -1
- package/dist/ui/form/button/sd-modal-select-button.control.d.ts +16 -18
- package/dist/ui/form/button/sd-modal-select-button.control.d.ts.map +1 -1
- package/dist/ui/form/button/sd-modal-select-button.control.js +22 -39
- package/dist/ui/form/checkbox/sd-checkbox-group-item.control.d.ts.map +1 -1
- package/dist/ui/form/checkbox/sd-checkbox-group-item.control.js +1 -1
- package/dist/ui/form/checkbox/sd-checkbox-group.control.d.ts.map +1 -1
- package/dist/ui/form/checkbox/sd-checkbox-group.control.js +1 -1
- package/dist/ui/form/checkbox/sd-checkbox.control.d.ts.map +1 -1
- package/dist/ui/form/checkbox/sd-checkbox.control.js +1 -1
- package/dist/ui/form/checkbox/sd-switch.control.d.ts.map +1 -1
- package/dist/ui/form/checkbox/sd-switch.control.js +1 -1
- package/dist/ui/form/choice/sd-state-preset.control.d.ts.map +1 -1
- package/dist/ui/form/choice/sd-state-preset.control.js +1 -1
- package/dist/ui/form/editor/sd-tiptap-editor.control.d.ts +18 -1
- package/dist/ui/form/editor/sd-tiptap-editor.control.d.ts.map +1 -1
- package/dist/ui/form/editor/sd-tiptap-editor.control.js +18 -2
- package/dist/ui/form/input/sd-date-range.picker.d.ts.map +1 -1
- package/dist/ui/form/input/sd-date-range.picker.js +1 -1
- package/dist/ui/form/input/sd-numpad.control.d.ts.map +1 -1
- package/dist/ui/form/input/sd-numpad.control.js +1 -1
- package/dist/ui/form/input/sd-range.control.d.ts.map +1 -1
- package/dist/ui/form/input/sd-range.control.js +1 -1
- package/dist/ui/form/input/sd-textarea.control.d.ts.map +1 -1
- package/dist/ui/form/input/sd-textarea.control.js +1 -1
- package/dist/ui/form/input/sd-textfield-type-handlers.d.ts.map +1 -1
- package/dist/ui/form/input/sd-textfield.control.d.ts.map +1 -1
- package/dist/ui/form/input/sd-textfield.control.js +1 -1
- package/dist/ui/form/sd-form.control.d.ts.map +1 -1
- package/dist/ui/form/sd-form.control.js +1 -1
- package/dist/ui/form/select/sd-select-button.control.d.ts.map +1 -1
- package/dist/ui/form/select/sd-select-button.control.js +1 -1
- package/dist/ui/form/select/sd-select-item.control.d.ts +1 -1
- package/dist/ui/form/select/sd-select-item.control.d.ts.map +1 -1
- package/dist/ui/form/select/sd-select-item.control.js +1 -1
- package/dist/ui/form/select/sd-select.control.d.ts +9 -6
- package/dist/ui/form/select/sd-select.control.d.ts.map +1 -1
- package/dist/ui/form/select/sd-select.control.js +1 -1
- package/dist/ui/layout/dock/sd-dock-container.control.d.ts.map +1 -1
- package/dist/ui/layout/dock/sd-dock-container.control.js +1 -1
- package/dist/ui/layout/dock/sd-dock.control.d.ts +2 -0
- package/dist/ui/layout/dock/sd-dock.control.d.ts.map +1 -1
- package/dist/ui/layout/dock/sd-dock.control.js +13 -4
- package/dist/ui/layout/kanban/sd-kanban-board.control.d.ts.map +1 -1
- package/dist/ui/layout/kanban/sd-kanban-board.control.js +1 -1
- package/dist/ui/layout/kanban/sd-kanban-lane.control.d.ts.map +1 -1
- package/dist/ui/layout/kanban/sd-kanban-lane.control.js +8 -2
- package/dist/ui/layout/kanban/sd-kanban.control.d.ts.map +1 -1
- package/dist/ui/layout/kanban/sd-kanban.control.js +1 -1
- package/dist/ui/layout/sd-card.directive.d.ts.map +1 -1
- package/dist/ui/layout/sd-gap.control.d.ts +2 -2
- package/dist/ui/layout/sd-gap.control.d.ts.map +1 -1
- package/dist/ui/layout/sd-gap.control.js +1 -1
- package/dist/ui/layout/sd-pane.directive.d.ts.map +1 -1
- package/dist/ui/layout/view/sd-view-item.control.d.ts.map +1 -1
- package/dist/ui/layout/view/sd-view-item.control.js +1 -1
- package/dist/ui/layout/view/sd-view.control.d.ts.map +1 -1
- package/dist/ui/layout/view/sd-view.control.js +1 -1
- package/dist/ui/navigation/collapse/sd-collapse-icon.control.d.ts.map +1 -1
- package/dist/ui/navigation/collapse/sd-collapse-icon.control.js +1 -1
- package/dist/ui/navigation/collapse/sd-collapse.control.d.ts.map +1 -1
- package/dist/ui/navigation/collapse/sd-collapse.control.js +1 -1
- package/dist/ui/navigation/menu-utils.d.ts.map +1 -1
- package/dist/ui/navigation/pagination/sd-pagination.control.d.ts.map +1 -1
- package/dist/ui/navigation/pagination/sd-pagination.control.js +8 -4
- package/dist/ui/navigation/sidebar/sd-sidebar-container.control.d.ts.map +1 -1
- package/dist/ui/navigation/sidebar/sd-sidebar-container.control.js +2 -2
- package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.d.ts.map +1 -1
- package/dist/ui/navigation/sidebar/sd-sidebar-menu.control.js +1 -1
- package/dist/ui/navigation/sidebar/sd-sidebar-user.control.d.ts.map +1 -1
- package/dist/ui/navigation/sidebar/sd-sidebar-user.control.js +1 -1
- package/dist/ui/navigation/sidebar/sd-sidebar.control.d.ts.map +1 -1
- package/dist/ui/navigation/sidebar/sd-sidebar.control.js +1 -1
- package/dist/ui/navigation/tab/sd-tab-item.control.d.ts.map +1 -1
- package/dist/ui/navigation/tab/sd-tab-item.control.js +1 -1
- package/dist/ui/navigation/tab/sd-tab.control.d.ts.map +1 -1
- package/dist/ui/navigation/tab/sd-tab.control.js +1 -1
- package/dist/ui/navigation/tab/sd-tabview-item.control.d.ts.map +1 -1
- package/dist/ui/navigation/tab/sd-tabview-item.control.js +1 -1
- package/dist/ui/navigation/tab/sd-tabview.control.d.ts.map +1 -1
- package/dist/ui/navigation/tab/sd-tabview.control.js +1 -1
- package/dist/ui/navigation/topbar/sd-topbar-container.control.d.ts.map +1 -1
- package/dist/ui/navigation/topbar/sd-topbar-container.control.js +1 -1
- package/dist/ui/navigation/topbar/sd-topbar-menu.control.d.ts.map +1 -1
- package/dist/ui/navigation/topbar/sd-topbar-menu.control.js +1 -1
- package/dist/ui/navigation/topbar/sd-topbar-user.control.d.ts.map +1 -1
- package/dist/ui/navigation/topbar/sd-topbar-user.control.js +1 -1
- package/dist/ui/navigation/topbar/sd-topbar.control.d.ts.map +1 -1
- package/dist/ui/navigation/topbar/sd-topbar.control.js +1 -1
- package/dist/ui/overlay/busy/sd-busy-container.control.d.ts.map +1 -1
- package/dist/ui/overlay/busy/sd-busy-container.control.js +1 -1
- package/dist/ui/overlay/busy/sd-busy.provider.d.ts.map +1 -1
- package/dist/ui/overlay/dropdown/sd-dropdown-popup.control.d.ts.map +1 -1
- package/dist/ui/overlay/dropdown/sd-dropdown-popup.control.js +2 -2
- package/dist/ui/overlay/dropdown/sd-dropdown.control.d.ts.map +1 -1
- package/dist/ui/overlay/dropdown/sd-dropdown.control.js +1 -1
- package/dist/ui/overlay/modal/sd-confirm-modal.control.d.ts.map +1 -1
- package/dist/ui/overlay/modal/sd-confirm-modal.control.js +1 -1
- package/dist/ui/overlay/modal/sd-modal.control.d.ts +1 -0
- package/dist/ui/overlay/modal/sd-modal.control.d.ts.map +1 -1
- package/dist/ui/overlay/modal/sd-modal.control.js +10 -2
- package/dist/ui/overlay/modal/sd-modal.provider.d.ts +9 -3
- package/dist/ui/overlay/modal/sd-modal.provider.d.ts.map +1 -1
- package/dist/ui/overlay/modal/sd-prompt-modal.control.d.ts.map +1 -1
- package/dist/ui/overlay/modal/sd-prompt-modal.control.js +1 -1
- package/dist/ui/overlay/toast/sd-toast-container.control.d.ts.map +1 -1
- package/dist/ui/overlay/toast/sd-toast-container.control.js +1 -1
- package/dist/ui/overlay/toast/sd-toast.control.d.ts.map +1 -1
- package/dist/ui/overlay/toast/sd-toast.control.js +1 -1
- package/dist/ui/overlay/toast/sd-toast.provider.d.ts.map +1 -1
- package/dist/ui/overlay/toast/sd-toast.provider.js +7 -3
- package/dist/ui/visual/sd-barcode.control.d.ts.map +1 -1
- package/dist/ui/visual/sd-barcode.control.js +1 -1
- package/dist/ui/visual/sd-calendar.control.d.ts.map +1 -1
- package/dist/ui/visual/sd-calendar.control.js +1 -1
- package/dist/ui/visual/sd-echarts.control.d.ts.map +1 -1
- package/dist/ui/visual/sd-echarts.control.js +1 -1
- package/dist/ui/visual/sd-label.control.d.ts.map +1 -1
- package/dist/ui/visual/sd-label.control.js +1 -1
- package/dist/ui/visual/sd-note.control.d.ts.map +1 -1
- package/dist/ui/visual/sd-note.control.js +1 -1
- package/dist/ui/visual/sd-progress.control.d.ts +1 -0
- package/dist/ui/visual/sd-progress.control.d.ts.map +1 -1
- package/dist/ui/visual/sd-progress.control.js +5 -4
- package/docs/core.md +877 -0
- package/docs/features.md +377 -0
- package/docs/styling.md +309 -0
- package/docs/ui-data.md +233 -0
- package/docs/ui-form.md +421 -0
- package/docs/ui-layout.md +216 -0
- package/docs/ui-navigation.md +279 -0
- package/docs/ui-overlay.md +330 -0
- package/docs/ui-visual.md +131 -0
- package/package.json +5 -5
- package/src/core/providers/sd-print.provider.ts +10 -2
- package/src/core/providers/sd-shared-data.provider.ts +3 -0
- package/src/core/utils/TDirectiveInputSignals.ts +5 -0
- package/src/core/utils/injectParent.ts +41 -0
- package/src/core/utils/setups/setupCloserWhenSingleSelectionChange.ts +29 -0
- package/src/core/utils/setups/setupCumulateSelectedKeys.ts +38 -0
- package/src/features/address/sd-address-search.modal.ts +119 -0
- package/src/features/base/sd-base-container.control.ts +113 -0
- package/src/features/data-view/sd-data-detail.control.ts +394 -0
- package/src/features/data-view/sd-data-select-button.control.ts +210 -0
- package/src/features/data-view/sd-data-sheet-column.directive.ts +10 -0
- package/src/features/data-view/sd-data-sheet.control.ts +850 -0
- package/src/features/shared-data/sd-shared-data-select-button.control.ts +64 -0
- package/src/features/shared-data/sd-shared-data-select-list.control.ts +245 -0
- package/src/features/shared-data/sd-shared-data-select.control.ts +364 -0
- package/src/index.ts +39 -1
- package/src/scss.d.ts +5 -0
- package/src/ui/data/list/sd-list-item.control.ts +4 -2
- package/src/ui/data/sheet/sd-sheet-column.directive.ts +9 -1
- package/src/ui/data/sheet/sd-sheet.control.ts +23 -19
- package/src/ui/data/sheet/useSheetCellAgent.ts +1 -2
- package/src/ui/data/sheet/useSheetLayoutEngine.ts +1 -0
- package/src/ui/form/button/sd-modal-select-button.control.ts +41 -59
- package/src/ui/form/editor/sd-tiptap-editor.control.ts +35 -1
- package/src/ui/form/select/sd-select-item.control.ts +1 -1
- package/src/ui/form/select/sd-select.control.ts +7 -4
- package/src/ui/layout/dock/sd-dock.control.ts +15 -2
- package/src/ui/layout/kanban/sd-kanban-lane.control.ts +6 -3
- package/src/ui/navigation/pagination/sd-pagination.control.ts +5 -3
- package/src/ui/navigation/sidebar/sd-sidebar-container.control.ts +1 -1
- package/src/ui/overlay/dropdown/sd-dropdown-popup.control.ts +1 -1
- package/src/ui/overlay/modal/sd-modal.control.ts +9 -0
- package/src/ui/overlay/modal/sd-modal.provider.ts +15 -3
- package/src/ui/overlay/toast/sd-toast.provider.ts +9 -3
- package/src/ui/visual/sd-progress.control.ts +4 -1
- package/docs/commons-and-configuration.md +0 -34
- package/docs/data-display-components.md +0 -146
- package/docs/directives.md +0 -158
- package/docs/event-plugins.md +0 -109
- package/docs/form-components.md +0 -362
- package/docs/hooks-and-utilities.md +0 -175
- package/docs/layout-components.md +0 -140
- package/docs/navigation-components.md +0 -200
- package/docs/overlay-components.md +0 -193
- package/docs/pipes.md +0 -25
- package/docs/providers.md +0 -448
- package/docs/setup-functions.md +0 -66
- package/docs/visual-components.md +0 -89
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import { TemplateRef } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
export interface SdSheetCellContext {
|
|
4
|
+
$implicit: unknown;
|
|
5
|
+
item: unknown;
|
|
6
|
+
index: number;
|
|
7
|
+
depth: number;
|
|
8
|
+
edit: boolean;
|
|
9
|
+
}
|
|
3
10
|
export declare class SdSheetColumnDirective {
|
|
4
11
|
key: import("@angular/core").InputSignal<string>;
|
|
5
12
|
header: import("@angular/core").InputSignal<string | string[]>;
|
|
@@ -10,7 +17,7 @@ export declare class SdSheetColumnDirective {
|
|
|
10
17
|
disableSorting: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
11
18
|
disableResizing: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
12
19
|
ordering: import("@angular/core").InputSignal<number>;
|
|
13
|
-
cellTplRef: import("@angular/core").Signal<TemplateRef<
|
|
20
|
+
cellTplRef: import("@angular/core").Signal<TemplateRef<SdSheetCellContext> | undefined>;
|
|
14
21
|
summaryTplRef: import("@angular/core").Signal<TemplateRef<void> | undefined>;
|
|
15
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdSheetColumnDirective, never>;
|
|
16
23
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SdSheetColumnDirective, "sd-sheet-column", never, { "key": { "alias": "key"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; "disableSorting": { "alias": "disableSorting"; "required": false; "isSignal": true; }; "disableResizing": { "alias": "disableResizing"; "required": false; "isSignal": true; }; "ordering": { "alias": "ordering"; "required": false; "isSignal": true; }; }, {}, ["cellTplRef", "summaryTplRef"], never, true, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-sheet-column.directive.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-sheet-column.directive.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/sd-sheet-column.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACZ,MAAM,eAAe,CAAC;;AAEvB,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAED,qBAIa,sBAAsB;IACjC,GAAG,8CAA4B;IAC/B,MAAM,yDAAgC;IACtC,KAAK,0DAAmB;IACxB,KAAK,qEAAiD;IACtD,MAAM,qEAAiD;IACvD,QAAQ,qEAAiD;IACzD,cAAc,qEAAiD;IAC/D,eAAe,qEAAiD;IAChE,QAAQ,8CAAY;IAEpB,UAAU,8EAA4D;IACtE,aAAa,gEAAiD;yCAZnD,sBAAsB;2CAAtB,sBAAsB;CAalC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-sheet-config.modal.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-sheet-config.modal.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/sd-sheet-config.modal.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;;AAM1E,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,qBAoHa,kBAAmB,YAAW,QAAQ,CAAC,cAAc,GAAG,SAAS,CAAC;IAC7E,WAAW,kDAAgB;IAC3B,KAAK,uEAAwC;IAE7C,QAAQ,yEAAuD;IAC/D,MAAM,kEAAgD;IAEtD,MAAM;;;MAAsC;IAE5C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAiB3B;IAEH,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgD;IAE3E,MAAM,gDAEH;IAEH,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMhC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAMjC,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAO9C,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAU/B,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAUjC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO3B,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAO7B,IAAI,IAAI,IAAI;IAeZ,QAAQ,IAAI,IAAI;IAIhB,OAAO,IAAI,IAAI;yCA1GJ,kBAAkB;2CAAlB,kBAAkB;CA6G9B"}
|
|
@@ -255,4 +255,4 @@ export class SdSheetConfigModal {
|
|
|
255
255
|
</div>
|
|
256
256
|
`, styles: ["sd-sheet-config-modal {\n display: block;\n padding: var(--gap-default);\n}\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._config-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: var(--gap-default);\n}\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._config-table th,\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._config-table td {\n border: 1px solid var(--trans-lighter);\n padding: var(--gap-sm) var(--gap-default);\n text-align: left;\n}\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._config-table th {\n background: var(--theme-secondary-lightest);\n font-weight: bold;\n}\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._config-table ._order-col {\n white-space: nowrap;\n}\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._config-table ._width-input {\n width: 80px;\n padding: 2px 4px;\n border: 1px solid var(--trans-lighter);\n}\nsd-sheet-config-modal > ._sd-sheet-config-modal > ._actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--gap-sm);\n}"] }]
|
|
257
257
|
}], null, { close: [{ type: i0.Output, args: ["close"] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] }); })();
|
|
258
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetConfigModal, { className: "SdSheetConfigModal", filePath: "packages/angular/src/ui/data/sheet/sd-sheet-config.modal.ts", lineNumber: 143 }); })();
|
|
258
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetConfigModal, { className: "SdSheetConfigModal", filePath: "packages/angular/src/ui/data/sheet/sd-sheet-config.modal.ts", lineNumber: 143, forbidOrphanRendering: true }); })();
|
|
@@ -18,7 +18,7 @@ export declare class SdSheetControl<T> {
|
|
|
18
18
|
inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
19
19
|
contentStyle: import("@angular/core").InputSignal<string | undefined>;
|
|
20
20
|
getItemCellClassFn: import("@angular/core").InputSignal<((item: T, colKey: string) => string) | undefined>;
|
|
21
|
-
getItemCellStyleFn: import("@angular/core").InputSignal<((item: T, colKey: string) => string) | undefined>;
|
|
21
|
+
getItemCellStyleFn: import("@angular/core").InputSignal<((item: T, colKey: string) => string | undefined) | undefined>;
|
|
22
22
|
hideConfigBar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
23
23
|
itemKeydown: import("@angular/core").OutputEmitterRef<ISdSheetItemKeydownEventParam<T>>;
|
|
24
24
|
cellKeydown: import("@angular/core").OutputEmitterRef<ISdSheetItemKeydownEventParam<T>>;
|
|
@@ -59,7 +59,7 @@ export declare class SdSheetControl<T> {
|
|
|
59
59
|
constructor();
|
|
60
60
|
_isResizing: import("@angular/core").WritableSignal<boolean>;
|
|
61
61
|
_resizeIndicatorLeft: import("@angular/core").WritableSignal<number>;
|
|
62
|
-
private
|
|
62
|
+
private _lastResizeEndTimeStamp;
|
|
63
63
|
private _resizingCleanup;
|
|
64
64
|
private readonly _configResource;
|
|
65
65
|
layout: {
|
|
@@ -114,7 +114,8 @@ export declare class SdSheetControl<T> {
|
|
|
114
114
|
toggleAll(): void;
|
|
115
115
|
isSelected(item: T): boolean;
|
|
116
116
|
};
|
|
117
|
-
|
|
117
|
+
private readonly _columnControlMap;
|
|
118
|
+
getColumnCellTpl(key: string): import("@angular/core").TemplateRef<import("./sd-sheet-column.directive").SdSheetCellContext> | null;
|
|
118
119
|
getColumnSummaryTpl(key: string): import("@angular/core").TemplateRef<void> | null;
|
|
119
120
|
getHeaderCellStyle(cell: ISdSheetHeaderDef): string | null;
|
|
120
121
|
getCellStyle(item: T, colDef: ISdSheetColumnDef): string | null;
|
|
@@ -138,9 +139,9 @@ export declare class SdSheetControl<T> {
|
|
|
138
139
|
private _getColDefStyle;
|
|
139
140
|
private _getFixedStyle;
|
|
140
141
|
getDataCellClass(item: T, colDef: ISdSheetColumnDef, r: number, c: number): string | null;
|
|
141
|
-
onKeydownCapture(event:
|
|
142
|
+
onKeydownCapture(event: Event): Promise<void>;
|
|
142
143
|
onDblClick(event: MouseEvent): void;
|
|
143
|
-
onBlurCapture(event:
|
|
144
|
+
onBlurCapture(event: Event): void;
|
|
144
145
|
onItemKeydown(event: KeyboardEvent, item: T): void;
|
|
145
146
|
onCellKeydown(event: KeyboardEvent, item: T, colKey: string): void;
|
|
146
147
|
onConfigButtonClick(): Promise<void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-sheet.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-sheet.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/sd-sheet.control.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAerE,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAK5F,OAAO,KAAK,EACV,iBAAiB,EAEjB,iBAAiB,EACjB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;;AAOjB,qBAiSa,cAAc,CAAC,CAAC;IAE3B,GAAG,0DAAmB;IACtB,KAAK,2CAAkB;IACvB,SAAS,8CAAgB,CAAC,SAAS,MAAM,KAAK,OAAO,eAAI;IACzD,UAAU,sEAA+B;IACzC,UAAU,qEAA8B;IACxC,mBAAmB,8CAAgB,CAAC,KAAK,OAAO,GAAG,MAAM,eAAI;IAC7D,aAAa,8CAAgB,CAAC,SAAS,MAAM,KAAK,CAAC,EAAE,GAAG,SAAS,eAAI;IACrE,WAAW,qEAAiD;IAC5D,gBAAgB,8CAAa;IAC7B,cAAc,8CAAY;IAC1B,YAAY,8CAAY;IACxB,SAAS,sDAAiC;IAC1C,KAAK,qEAAiD;IACtD,YAAY,0DAAmB;IAC/B,kBAAkB,8CAAgB,CAAC,UAAU,MAAM,KAAK,MAAM,eAAI;IAClE,kBAAkB,8CAAgB,CAAC,UAAU,MAAM,KAAK,MAAM,GAAG,SAAS,eAAI;IAC9E,aAAa,qEAAiD;IAG9D,WAAW,6EAA8C;IACzD,WAAW,6EAA8C;IAGzD,aAAa,2CAAkB;IAC/B,aAAa,2CAAkB;IAC/B,KAAK,qDAA4B;IACjC,WAAW,8CAAY;IAGvB,cAAc,oEAA2C;IAGzD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA2B;IAC1D,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAsB;IAGlD,WAAW;;;;;;;;;MAAyB;IACpC,SAAS;;;;;;;;;;;;;;;;MAAwD;;IASjE,WAAW,kDAAiB;IAC5B,oBAAoB,iDAAa;IACjC,OAAO,CAAC,uBAAuB,CAAK;IACpC,OAAO,CAAC,gBAAgB,CAA6B;IAGrD,OAAO,CAAC,QAAQ,CAAC,eAAe,CAE7B;IAGH,MAAM;;;;;;MAGH;IAGH,MAAM;;;MAEH;IAGH,OAAO;;qBAvYsC,CAAC;;;;;MAyY3C;IAGH,kBAAkB,yCAMf;IAGH,KAAK;;;;;;;;MAQH;IAGF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAM1B;IAGH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAOzB;IAGH,SAAS;;;;;;;;MAUN;IAGH,YAAY,sCAOT;IAGH,SAAS;;;;;;;;;;MAKN;IAEH,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAM/B;IAEH,gBAAgB,CAAC,GAAG,EAAE,MAAM;IAK5B,mBAAmB,CAAC,GAAG,EAAE,MAAM;IAK/B,kBAAkB,CAAC,IAAI,EAAE,iBAAiB;IAe1C,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,iBAAiB;IAkB/C,iBAAiB,CAAC,MAAM,EAAE,iBAAiB;IAI3C,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,IAAI;IAM5C,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAMzB,qBAAqB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAKlD,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAMxC,WAAW,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI;IAM1B,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAO/D,UAAU,CAAC,GAAG,EAAE,MAAM;;;;IAItB,sBAAsB,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;IAgBzE,UAAU,CAAC,IAAI,EAAE,CAAC;IAIlB,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,OAAO;IAI5B,eAAe,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,GAAG,IAAI;IAOvC,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAK1C,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,IAAI;IAOxD,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,cAAc;IAatB,gBAAgB,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAanF,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAInD,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAInC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAIjC,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI;IAIlD,aAAa,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAI5D,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC;IAkB1C,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IA4CtE,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAarE,OAAO,CAAC,iBAAiB;yCArad,cAAc;2CAAd,cAAc;CA8a1B;AAGD,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC"}
|
|
@@ -168,11 +168,10 @@ function SdSheetControl_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
168
168
|
i0.ɵɵconditionalCreate(1, SdSheetControl_For_8_Conditional_1_Conditional_1_Template, 2, 1, "sd-anchor");
|
|
169
169
|
i0.ɵɵelementEnd();
|
|
170
170
|
} if (rf & 2) {
|
|
171
|
-
let tmp_12_0;
|
|
172
171
|
const item_r13 = i0.ɵɵnextContext().$implicit;
|
|
173
172
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
174
173
|
i0.ɵɵadvance();
|
|
175
|
-
i0.ɵɵconditional(
|
|
174
|
+
i0.ɵɵconditional(ctx_r1.getItemDef(item_r13).hasChildren ? 1 : -1);
|
|
176
175
|
} }
|
|
177
176
|
function SdSheetControl_For_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
178
177
|
const _r15 = i0.ɵɵgetCurrentView();
|
|
@@ -319,7 +318,7 @@ export class SdSheetControl {
|
|
|
319
318
|
// Resizing state
|
|
320
319
|
_isResizing = signal(false, ...(ngDevMode ? [{ debugName: "_isResizing" }] : /* istanbul ignore next */ []));
|
|
321
320
|
_resizeIndicatorLeft = signal(0, ...(ngDevMode ? [{ debugName: "_resizeIndicatorLeft" }] : /* istanbul ignore next */ []));
|
|
322
|
-
|
|
321
|
+
_lastResizeEndTimeStamp = 0;
|
|
323
322
|
_resizingCleanup = null;
|
|
324
323
|
// Config resource
|
|
325
324
|
_configResource = useSdSystemConfigResource({
|
|
@@ -404,12 +403,19 @@ export class SdSheetControl {
|
|
|
404
403
|
selectMode: this.selectMode,
|
|
405
404
|
getItemSelectableFn: this.getItemSelectableFn,
|
|
406
405
|
});
|
|
406
|
+
_columnControlMap = computed(() => {
|
|
407
|
+
const map = new Map();
|
|
408
|
+
for (const col of this.columnControls()) {
|
|
409
|
+
map.set(col.key(), col);
|
|
410
|
+
}
|
|
411
|
+
return map;
|
|
412
|
+
}, ...(ngDevMode ? [{ debugName: "_columnControlMap" }] : /* istanbul ignore next */ []));
|
|
407
413
|
getColumnCellTpl(key) {
|
|
408
|
-
const col = this.
|
|
414
|
+
const col = this._columnControlMap().get(key);
|
|
409
415
|
return col?.cellTplRef() ?? null;
|
|
410
416
|
}
|
|
411
417
|
getColumnSummaryTpl(key) {
|
|
412
|
-
const col = this.
|
|
418
|
+
const col = this._columnControlMap().get(key);
|
|
413
419
|
return col?.summaryTplRef() ?? null;
|
|
414
420
|
}
|
|
415
421
|
getHeaderCellStyle(cell) {
|
|
@@ -436,9 +442,8 @@ export class SdSheetControl {
|
|
|
436
442
|
if (fixedStyle != null) {
|
|
437
443
|
parts.push(fixedStyle);
|
|
438
444
|
}
|
|
439
|
-
const
|
|
440
|
-
|
|
441
|
-
: undefined;
|
|
445
|
+
const styleFn = this.getItemCellStyleFn();
|
|
446
|
+
const customStyle = styleFn != null ? styleFn(item, colDef.key) : undefined;
|
|
442
447
|
if (customStyle != null) {
|
|
443
448
|
parts.push(customStyle);
|
|
444
449
|
}
|
|
@@ -473,7 +478,7 @@ export class SdSheetControl {
|
|
|
473
478
|
}
|
|
474
479
|
}
|
|
475
480
|
onHeaderClick(event, cell) {
|
|
476
|
-
if (this.
|
|
481
|
+
if (event.timeStamp - this._lastResizeEndTimeStamp < 50)
|
|
477
482
|
return;
|
|
478
483
|
if (cell.colDef == null)
|
|
479
484
|
return;
|
|
@@ -556,7 +561,8 @@ export class SdSheetControl {
|
|
|
556
561
|
}
|
|
557
562
|
getDataCellClass(item, colDef, r, c) {
|
|
558
563
|
const parts = [];
|
|
559
|
-
const
|
|
564
|
+
const classFn = this.getItemCellClassFn();
|
|
565
|
+
const customClass = classFn != null ? classFn(item, colDef.key) : undefined;
|
|
560
566
|
if (customClass != null) {
|
|
561
567
|
parts.push(customClass);
|
|
562
568
|
}
|
|
@@ -602,7 +608,6 @@ export class SdSheetControl {
|
|
|
602
608
|
const th = event.target.parentElement;
|
|
603
609
|
const startWidth = th.offsetWidth;
|
|
604
610
|
this._isResizing.set(true);
|
|
605
|
-
this._isOnResizing = true;
|
|
606
611
|
this._resizeIndicatorLeft.set(th.offsetLeft + th.offsetWidth - container.scrollLeft);
|
|
607
612
|
const onMouseMove = (e) => {
|
|
608
613
|
const deltaX = e.clientX - startX;
|
|
@@ -617,10 +622,7 @@ export class SdSheetControl {
|
|
|
617
622
|
const newWidth = Math.max(startWidth + deltaX, 5);
|
|
618
623
|
this._isResizing.set(false);
|
|
619
624
|
this._saveColumnConfig(colDef.key, { width: `${newWidth}px` });
|
|
620
|
-
|
|
621
|
-
setTimeout(() => {
|
|
622
|
-
this._isOnResizing = false;
|
|
623
|
-
}, 300);
|
|
625
|
+
this._lastResizeEndTimeStamp = e.timeStamp;
|
|
624
626
|
};
|
|
625
627
|
document.addEventListener("mousemove", onMouseMove);
|
|
626
628
|
document.addEventListener("mouseup", onMouseUp);
|
|
@@ -767,7 +769,7 @@ export class SdSheetControl {
|
|
|
767
769
|
>
|
|
768
770
|
@if (expanding.hasExpandable()) {
|
|
769
771
|
<td class="_expand-col">
|
|
770
|
-
@if (getItemDef(item)
|
|
772
|
+
@if (getItemDef(item).hasChildren) {
|
|
771
773
|
<sd-anchor (click)="onExpandClick($event, item)">
|
|
772
774
|
<ng-icon [svg]="isExpanded(item) ? icons.tablerChevronDown : icons.tablerChevronRight" />
|
|
773
775
|
</sd-anchor>
|
|
@@ -843,4 +845,4 @@ export class SdSheetControl {
|
|
|
843
845
|
"(blur.capture)": "onBlurCapture($event)",
|
|
844
846
|
}, styles: ["sd-sheet {\n display: block;\n position: relative;\n overflow: hidden;\n border: 1px solid var(--trans-lighter);\n}\nsd-sheet[data-sd-inset=true] {\n border: none;\n}\nsd-sheet > ._tool {\n display: flex;\n align-items: center;\n gap: var(--gap-sm);\n padding: var(--gap-sm) var(--gap-default);\n border-bottom: 1px solid var(--trans-lighter);\n background: var(--theme-secondary-lightest);\n}\nsd-sheet > ._container {\n overflow: auto;\n width: 100%;\n height: 100%;\n}\nsd-sheet > ._container > table {\n width: 100%;\n border-collapse: collapse;\n table-layout: fixed;\n}\nsd-sheet > ._container > table > thead > tr > th {\n position: sticky;\n top: 0;\n z-index: 2;\n background: var(--theme-secondary-lightest);\n border: 1px solid var(--trans-lighter);\n padding: var(--gap-sm) var(--gap-default);\n text-align: left;\n font-weight: bold;\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n}\nsd-sheet > ._container > table > thead > tr > th:not(._select-col):not(._expand-col) {\n position: relative;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-icon {\n font-size: 0.85em;\n vertical-align: middle;\n margin-left: 0.25em;\n}\nsd-sheet > ._container > table > thead > tr > th > ._sort-index {\n font-size: 0.75em;\n vertical-align: super;\n}\nsd-sheet > ._container > table > thead > tr > th > ._resizer {\n position: absolute;\n top: 0;\n right: -2px;\n width: 5px;\n height: 100%;\n cursor: col-resize;\n z-index: 3;\n}\nsd-sheet > ._container > table > tbody > tr > td {\n border: 1px solid var(--trans-lighter);\n padding: var(--gap-sm) var(--gap-default);\n white-space: nowrap;\n}\nsd-sheet > ._container > table > tbody > tr > td:focus {\n outline: 2px solid var(--theme-primary-default);\n outline-offset: -2px;\n}\nsd-sheet > ._container > table > thead > tr > th._select-col,\nsd-sheet > ._container > table > tbody > tr > td._select-col {\n width: 2em;\n min-width: 2em;\n max-width: 2em;\n text-align: center;\n padding: 0;\n}\nsd-sheet > ._container > table > thead > tr > th._expand-col,\nsd-sheet > ._container > table > tbody > tr > td._expand-col {\n width: 2em;\n min-width: 2em;\n max-width: 2em;\n text-align: center;\n padding: 0;\n}\nsd-sheet > ._container > table > tfoot > tr > td {\n position: sticky;\n bottom: 0;\n z-index: 2;\n background: var(--theme-secondary-lightest);\n border: 1px solid var(--trans-lighter);\n padding: var(--gap-sm) var(--gap-default);\n}\nsd-sheet > ._container > ._resize-indicator {\n position: absolute;\n top: 0;\n width: 2px;\n height: 100%;\n background: var(--theme-primary-default);\n z-index: 10;\n pointer-events: none;\n}"] }]
|
|
845
847
|
}], () => [], { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], autoSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSelect", required: false }] }], getItemSelectableFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemSelectableFn", required: false }] }], getChildrenFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getChildrenFn", required: false }] }], useAutoSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "useAutoSort", required: false }] }], visiblePageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "visiblePageCount", required: false }] }], totalPageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPageCount", required: false }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }], focusMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusMode", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], contentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentStyle", required: false }] }], getItemCellClassFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellClassFn", required: false }] }], getItemCellStyleFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "getItemCellStyleFn", required: false }] }], hideConfigBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideConfigBar", required: false }] }], itemKeydown: [{ type: i0.Output, args: ["itemKeydown"] }], cellKeydown: [{ type: i0.Output, args: ["cellKeydown"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], expandedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedItems", required: false }] }, { type: i0.Output, args: ["expandedItemsChange"] }], sorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "sorts", required: false }] }, { type: i0.Output, args: ["sortsChange"] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdSheetColumnDirective), { isSignal: true }] }] }); })();
|
|
846
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetControl, { className: "SdSheetControl", filePath: "packages/angular/src/ui/data/sheet/sd-sheet.control.ts", lineNumber: 337 }); })();
|
|
848
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdSheetControl, { className: "SdSheetControl", filePath: "packages/angular/src/ui/data/sheet/sd-sheet.control.ts", lineNumber: 337, forbidOrphanRendering: true }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAClB,MAAM,EACN;QACE,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CACF,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;CACtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetCellAgent.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"useSheetCellAgent.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetCellAgent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE;IACzC,WAAW,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;CACrD;;WACsC,MAAM;WAAK,MAAM;;2BAGxB;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAG,OAAO;sBAMvC,oBAAoB,KAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;kCAwD7B,aAAa,KAAG,OAAO,CAAC,IAAI,CAAC;mCA2JlC,UAAU,KAAG,IAAI;+BAQrB,UAAU,KAAG,IAAI;EA+BpD"}
|
|
@@ -175,8 +175,7 @@ export function useSheetCellAgent(options) {
|
|
|
175
175
|
return;
|
|
176
176
|
}
|
|
177
177
|
event.preventDefault();
|
|
178
|
-
|
|
179
|
-
await navigator.clipboard.writeText(text);
|
|
178
|
+
await navigator.clipboard.writeText(td.textContent);
|
|
180
179
|
return;
|
|
181
180
|
}
|
|
182
181
|
// Ctrl+V (paste)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"useSheetColumnFixing.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetColumnFixing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC;CACzC;;;EA+BA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetDomAccessor.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"useSheetDomAccessor.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetDomAccessor.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB;qBAGX,WAAW;wBAIR,WAAW;oBAIf,gBAAgB;oBAIhB,uBAAuB;gBAIzB,MAAM,KAAG,mBAAmB,GAAG,IAAI;iBAOlC,MAAM,KAAK,MAAM,KAAG,oBAAoB,GAAG,IAAI;oCAY9B,WAAW;oCAIX,WAAW,EAAE;EAiBnD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetLayoutEngine.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"useSheetLayoutEngine.d.ts","sourceRoot":"","sources":["../../../../src/ui/data/sheet/useSheetLayoutEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEpF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,cAAc,EAAE,MAAM,CAAC,SAAS,sBAAsB,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;CAC5C;;;;;;EAwIA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-additional-button.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-additional-button.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-additional-button.control.ts"],"names":[],"mappings":";AAQA,qBAwFa,yBAAyB;IACpC,IAAI,+DAAwB;IAC5B,KAAK,qEAAiD;yCAF3C,yBAAyB;2CAAzB,yBAAyB;CAGrC"}
|
|
@@ -35,4 +35,4 @@ export class SdAdditionalButtonControl {
|
|
|
35
35
|
"[attr.data-sd-inset]": "inset()",
|
|
36
36
|
}, styles: ["sd-additional-button {\n border: 1px solid var(--trans-light);\n border-radius: var(--border-radius-default);\n overflow: hidden;\n}\nsd-additional-button > ._content {\n padding: var(--gap-sm) var(--gap-default);\n}\nsd-additional-button > ._button {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n}\n@supports not (appearance: auto) {\n sd-additional-button > ._button.gap-xxs {\n gap: 0;\n }\n sd-additional-button > ._button.gap-xxs > * + * {\n margin-left: var(--gap-xxs);\n }\n sd-additional-button > ._button.gap-xs {\n gap: 0;\n }\n sd-additional-button > ._button.gap-xs > * + * {\n margin-left: var(--gap-xs);\n }\n sd-additional-button > ._button.gap-sm {\n gap: 0;\n }\n sd-additional-button > ._button.gap-sm > * + * {\n margin-left: var(--gap-sm);\n }\n sd-additional-button > ._button.gap-default {\n gap: 0;\n }\n sd-additional-button > ._button.gap-default > * + * {\n margin-left: var(--gap-default);\n }\n sd-additional-button > ._button.gap-lg {\n gap: 0;\n }\n sd-additional-button > ._button.gap-lg > * + * {\n margin-left: var(--gap-lg);\n }\n sd-additional-button > ._button.gap-xl {\n gap: 0;\n }\n sd-additional-button > ._button.gap-xl > * + * {\n margin-left: var(--gap-xl);\n }\n sd-additional-button > ._button.gap-xxl {\n gap: 0;\n }\n sd-additional-button > ._button.gap-xxl > * + * {\n margin-left: var(--gap-xxl);\n }\n sd-additional-button > ._button.gap-0 {\n gap: 0;\n }\n sd-additional-button > ._button.gap-0 > * + * {\n margin-left: var(--gap-0);\n }\n sd-additional-button > ._button.gap-auto {\n gap: 0;\n }\n sd-additional-button > ._button.gap-auto > * + * {\n margin-left: var(--gap-auto);\n }\n}\nsd-additional-button > ._button > sd-anchor {\n padding: var(--gap-sm) !important;\n}\nsd-additional-button > ._button > sd-button > button {\n border-left: 1px solid var(--trans-lighter) !important;\n padding: var(--gap-sm) !important;\n height: 100%;\n}\nsd-additional-button[data-sd-inset=true] {\n border-radius: 0;\n border: none;\n}\nsd-additional-button[data-sd-size=sm] > ._content {\n padding: var(--gap-xs) var(--gap-default);\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-anchor {\n padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=sm] > ._button > sd-button > button {\n padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._content {\n padding: var(--gap-default) var(--gap-xl);\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-anchor {\n padding: var(--gap-default) !important;\n}\nsd-additional-button[data-sd-size=lg] > ._button > sd-button > button {\n padding: var(--gap-default) !important;\n}"] }]
|
|
37
37
|
}], null, { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
|
|
38
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButtonControl, { className: "SdAdditionalButtonControl", filePath: "packages/angular/src/ui/form/button/sd-additional-button.control.ts", lineNumber: 97 }); })();
|
|
38
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAdditionalButtonControl, { className: "SdAdditionalButtonControl", filePath: "packages/angular/src/ui/form/button/sd-additional-button.control.ts", lineNumber: 97, forbidOrphanRendering: true }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-anchor.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-anchor.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-anchor.control.ts"],"names":[],"mappings":";AAQA,qBAqDa,eAAe;IAC1B,QAAQ,qEAAiD;IACzD,KAAK,kIAEQ;yCAJF,eAAe;2CAAf,eAAe;CAK3B"}
|
|
@@ -22,4 +22,4 @@ export class SdAnchorControl {
|
|
|
22
22
|
"[attr.tabindex]": "disabled() ? undefined : 0",
|
|
23
23
|
}, styles: ["sd-anchor {\n display: inline-block;\n cursor: pointer;\n}\nsd-anchor[data-sd-theme=gray] {\n color: var(--theme-gray-default);\n}\nsd-anchor[data-sd-theme=gray]:hover {\n color: var(--theme-gray-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=gray]:active {\n color: var(--theme-gray-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=gray]:hover {\n color: var(--theme-gray-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=blue-gray] {\n color: var(--theme-blue-gray-default);\n}\nsd-anchor[data-sd-theme=blue-gray]:hover {\n color: var(--theme-blue-gray-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=blue-gray]:active {\n color: var(--theme-blue-gray-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=blue-gray]:hover {\n color: var(--theme-blue-gray-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=primary] {\n color: var(--theme-primary-default);\n}\nsd-anchor[data-sd-theme=primary]:hover {\n color: var(--theme-primary-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=primary]:active {\n color: var(--theme-primary-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=primary]:hover {\n color: var(--theme-primary-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=secondary] {\n color: var(--theme-secondary-default);\n}\nsd-anchor[data-sd-theme=secondary]:hover {\n color: var(--theme-secondary-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=secondary]:active {\n color: var(--theme-secondary-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=secondary]:hover {\n color: var(--theme-secondary-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=info] {\n color: var(--theme-info-default);\n}\nsd-anchor[data-sd-theme=info]:hover {\n color: var(--theme-info-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=info]:active {\n color: var(--theme-info-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=info]:hover {\n color: var(--theme-info-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=success] {\n color: var(--theme-success-default);\n}\nsd-anchor[data-sd-theme=success]:hover {\n color: var(--theme-success-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=success]:active {\n color: var(--theme-success-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=success]:hover {\n color: var(--theme-success-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=warning] {\n color: var(--theme-warning-default);\n}\nsd-anchor[data-sd-theme=warning]:hover {\n color: var(--theme-warning-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=warning]:active {\n color: var(--theme-warning-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=warning]:hover {\n color: var(--theme-warning-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-theme=danger] {\n color: var(--theme-danger-default);\n}\nsd-anchor[data-sd-theme=danger]:hover {\n color: var(--theme-danger-darker);\n text-decoration: underline;\n}\nsd-anchor[data-sd-theme=danger]:active {\n color: var(--theme-danger-default);\n}\n@media all and (pointer: coarse) {\n sd-anchor[data-sd-theme=danger]:hover {\n color: var(--theme-danger-default);\n text-decoration: none;\n }\n}\nsd-anchor[data-sd-disabled=true] {\n opacity: 0.3;\n pointer-events: none;\n}"] }]
|
|
24
24
|
}], null, { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }] }); })();
|
|
25
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchorControl, { className: "SdAnchorControl", filePath: "packages/angular/src/ui/form/button/sd-anchor.control.ts", lineNumber: 62 }); })();
|
|
25
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdAnchorControl, { className: "SdAnchorControl", filePath: "packages/angular/src/ui/form/button/sd-anchor.control.ts", lineNumber: 62, forbidOrphanRendering: true }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-button.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-button.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-button.control.ts"],"names":[],"mappings":";AASA,qBA2Ka,eAAe;IAC1B,IAAI,2DAAwC;IAC5C,KAAK,ySAmBD;IACJ,MAAM,qEAAiD;IACvD,KAAK,qEAAiD;IACtD,IAAI,+DAAwB;IAC5B,QAAQ,qEAAiD;IACzD,WAAW,0DAAmB;IAC9B,WAAW,0DAAmB;yCA3BnB,eAAe;2CAAf,eAAe;CA4B3B"}
|
|
@@ -46,4 +46,4 @@ export class SdButtonControl {
|
|
|
46
46
|
"[attr.data-sd-disabled]": "disabled()",
|
|
47
47
|
}, styles: ["sd-button > button {\n display: block;\n padding: var(--gap-sm) var(--gap-default);\n border: 1px solid transparent;\n font-size: var(--font-size-default);\n font-family: var(--font-family);\n font-variant-numeric: tabular-nums;\n line-height: var(--line-height);\n color: var(--text-trans-default);\n user-select: none;\n padding: var(--gap-sm) var(--gap-lg);\n width: 100%;\n background: var(--control-color);\n border-color: var(--border-color-default);\n border-radius: var(--border-radius-default);\n font-weight: bold;\n text-align: center;\n cursor: pointer;\n transition: 0.1s linear;\n transition-property: border, background;\n}\nsd-button > button:hover {\n background: var(--theme-gray-lightest);\n}\nsd-button > button:disabled {\n background: var(--control-color);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-inset=true] > button {\n border-radius: 0;\n border: none;\n color: var(--theme-primary-default);\n}\nsd-button[data-sd-inset=true] > button:hover {\n color: var(--theme-primary-darker);\n}\nsd-button[data-sd-inset=true] > button:disabled {\n background: var(--control-color);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-default);\n cursor: default;\n}\nsd-button[data-sd-theme=gray] > button {\n background: var(--theme-gray-default);\n border-color: var(--theme-gray-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:hover {\n background: var(--theme-gray-dark);\n border-color: var(--theme-gray-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=gray] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=blue-gray] > button {\n background: var(--theme-blue-gray-default);\n border-color: var(--theme-blue-gray-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:hover {\n background: var(--theme-blue-gray-dark);\n border-color: var(--theme-blue-gray-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=blue-gray] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=primary] > button {\n background: var(--theme-primary-default);\n border-color: var(--theme-primary-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:hover {\n background: var(--theme-primary-dark);\n border-color: var(--theme-primary-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=primary] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=secondary] > button {\n background: var(--theme-secondary-default);\n border-color: var(--theme-secondary-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:hover {\n background: var(--theme-secondary-dark);\n border-color: var(--theme-secondary-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=secondary] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=info] > button {\n background: var(--theme-info-default);\n border-color: var(--theme-info-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:hover {\n background: var(--theme-info-dark);\n border-color: var(--theme-info-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=info] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=success] > button {\n background: var(--theme-success-default);\n border-color: var(--theme-success-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:hover {\n background: var(--theme-success-dark);\n border-color: var(--theme-success-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=success] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=warning] > button {\n background: var(--theme-warning-default);\n border-color: var(--theme-warning-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:hover {\n background: var(--theme-warning-dark);\n border-color: var(--theme-warning-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=warning] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=danger] > button {\n background: var(--theme-danger-default);\n border-color: var(--theme-danger-default);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:hover {\n background: var(--theme-danger-dark);\n border-color: var(--theme-danger-dark);\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=danger] > button:disabled {\n background: var(--theme-gray-lighter);\n border-color: var(--theme-gray-lighter);\n color: var(--text-trans-lighter);\n cursor: default;\n}\nsd-button[data-sd-theme=link] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link] > button:hover {\n color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-gray] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-gray-default);\n}\nsd-button[data-sd-theme=link-gray] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-gray-darker);\n}\nsd-button[data-sd-theme=link-gray] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-blue-gray] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-blue-gray-default);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-blue-gray-darker);\n}\nsd-button[data-sd-theme=link-blue-gray] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-primary] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-primary-default);\n}\nsd-button[data-sd-theme=link-primary] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-primary-darker);\n}\nsd-button[data-sd-theme=link-primary] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-secondary] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-secondary-default);\n}\nsd-button[data-sd-theme=link-secondary] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-secondary-darker);\n}\nsd-button[data-sd-theme=link-secondary] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-info] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-info-default);\n}\nsd-button[data-sd-theme=link-info] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-info-darker);\n}\nsd-button[data-sd-theme=link-info] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-success] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-success-default);\n}\nsd-button[data-sd-theme=link-success] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-success-darker);\n}\nsd-button[data-sd-theme=link-success] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-warning] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-warning-default);\n}\nsd-button[data-sd-theme=link-warning] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-warning-darker);\n}\nsd-button[data-sd-theme=link-warning] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-danger] > button {\n border-color: transparent;\n background: transparent;\n color: var(--theme-danger-default);\n}\nsd-button[data-sd-theme=link-danger] > button:hover {\n background: var(--trans-lighter);\n color: var(--theme-danger-darker);\n}\nsd-button[data-sd-theme=link-danger] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-lighter);\n}\nsd-button[data-sd-theme=link-rev] > button {\n border-color: transparent;\n background: transparent;\n color: var(--text-trans-rev-default);\n}\nsd-button[data-sd-theme=link-rev] > button:hover {\n color: var(--text-trans-rev-dark);\n}\nsd-button[data-sd-theme=link-rev] > button:disabled {\n border-color: transparent;\n color: var(--text-trans-rev-darker);\n}\nsd-button[data-sd-inline=true] > button {\n display: inline-block;\n width: auto;\n vertical-align: top;\n}\nsd-button[data-sd-size=sm] > button {\n padding: var(--gap-xs) var(--gap-default);\n}\nsd-button[data-sd-size=lg] > button {\n padding: var(--gap-default) var(--gap-xl);\n}\nsd-button[data-sd-disabled=true]:active {\n pointer-events: none;\n}"] }]
|
|
48
48
|
}], null, { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], buttonStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonStyle", required: false }] }], buttonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonClass", required: false }] }] }); })();
|
|
49
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButtonControl, { className: "SdButtonControl", filePath: "packages/angular/src/ui/form/button/sd-button.control.ts", lineNumber: 181 }); })();
|
|
49
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdButtonControl, { className: "SdButtonControl", filePath: "packages/angular/src/ui/form/button/sd-button.control.ts", lineNumber: 181, forbidOrphanRendering: true }); })();
|
|
@@ -1,46 +1,44 @@
|
|
|
1
1
|
import { type InputSignal } from "@angular/core";
|
|
2
2
|
import { type ISdModal, type ISdModalInfo, type ISdModalOptions } from "../../overlay/modal/sd-modal.provider";
|
|
3
|
-
import type {
|
|
3
|
+
import type { TSelectModeValue } from "../select/sd-select.control";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
6
|
* 모달 선택 컴포넌트가 구현해야 하는 인터페이스
|
|
7
7
|
* ISdModal을 확장하여 selectMode와 selectedItemKeys를 추가한다.
|
|
8
8
|
*/
|
|
9
9
|
export interface ISdSelectModal<T> extends ISdModal<ISelectModalOutputResult<T>> {
|
|
10
|
-
selectMode: InputSignal<"single" | "multi">;
|
|
11
|
-
selectedItemKeys: InputSignal<
|
|
10
|
+
selectMode: InputSignal<"single" | "multi" | undefined>;
|
|
11
|
+
selectedItemKeys: InputSignal<any[]>;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
14
|
* 모달 선택 결과
|
|
15
15
|
*/
|
|
16
16
|
export interface ISelectModalOutputResult<T> {
|
|
17
|
-
selectedItemKeys:
|
|
18
|
-
selectedItems:
|
|
17
|
+
selectedItemKeys: any[];
|
|
18
|
+
selectedItems: T[];
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
21
|
* 모달 선택 정보 (selectMode/selectedItemKeys를 제외한 inputs)
|
|
22
22
|
*/
|
|
23
|
-
export type TSdSelectModalInfo<T extends ISdSelectModal<any>> =
|
|
24
|
-
|
|
25
|
-
};
|
|
26
|
-
export declare class SdModalSelectButtonControl {
|
|
23
|
+
export type TSdSelectModalInfo<T extends ISdSelectModal<any>> = ISdModalInfo<T, "selectMode" | "selectedItemKeys">;
|
|
24
|
+
export declare class SdModalSelectButtonControl<T extends object, K, M extends keyof TSelectModeValue<K> = keyof TSelectModeValue<K>> {
|
|
27
25
|
private readonly _sdModal;
|
|
28
|
-
|
|
29
|
-
value: import("@angular/core").ModelSignal<
|
|
30
|
-
selectedItems: import("@angular/core").ModelSignal<
|
|
26
|
+
modal: InputSignal<TSdSelectModalInfo<ISdSelectModal<T>>>;
|
|
27
|
+
value: import("@angular/core").ModelSignal<TSelectModeValue<K>[M] | undefined>;
|
|
28
|
+
selectedItems: import("@angular/core").ModelSignal<T[]>;
|
|
31
29
|
disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
32
30
|
required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
33
|
-
modal: InputSignal<TSdSelectModalInfo<any> | undefined>;
|
|
34
|
-
modalOptions: InputSignal<ISdModalOptions | undefined>;
|
|
35
|
-
size: InputSignal<"sm" | "lg" | undefined>;
|
|
36
31
|
inset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
37
|
-
|
|
32
|
+
size: InputSignal<"sm" | "lg" | undefined>;
|
|
33
|
+
selectMode: InputSignal<M>;
|
|
34
|
+
modalOptions: InputSignal<ISdModalOptions | undefined>;
|
|
35
|
+
searchIcon: InputSignal<string>;
|
|
38
36
|
protected readonly tablerEraser = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"stroke-width:var(--ng-icon__stroke-width, 2)\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path><path d=\"M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3\"></path><path d=\"M18 13.3l-6.3 -6.3\"></path></svg>";
|
|
39
37
|
_hasValue: import("@angular/core").Signal<boolean>;
|
|
40
38
|
constructor();
|
|
41
39
|
onEraseClick(): void;
|
|
42
40
|
onSearchClick(): Promise<void>;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SdModalSelectButtonControl, never>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SdModalSelectButtonControl, "sd-modal-select-button", never, { "
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdModalSelectButtonControl<any, any, any>, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdModalSelectButtonControl<any, any, any>, "sd-modal-select-button", never, { "modal": { "alias": "modal"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectMode": { "alias": "selectMode"; "required": false; "isSignal": true; }; "modalOptions": { "alias": "modalOptions"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selectedItems": "selectedItemsChange"; }, never, ["*"], true, never>;
|
|
45
43
|
}
|
|
46
44
|
//# sourceMappingURL=sd-modal-select-button.control.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-modal-select-button.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-modal-select-button.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/button/sd-modal-select-button.control.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAEjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;;AAOpE;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;IAC9E,UAAU,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACxD,gBAAgB,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,gBAAgB,EAAE,GAAG,EAAE,CAAC;IACxB,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,IAAI,YAAY,CAC1E,CAAC,EACD,YAAY,GAAG,kBAAkB,CAClC,CAAC;AAEF,qBAuGa,0BAA0B,CACrC,CAAC,SAAS,MAAM,EAChB,CAAC,EACD,CAAC,SAAS,MAAM,gBAAgB,CAAC,CAAC,CAAC,GAAG,MAAM,gBAAgB,CAAC,CAAC,CAAC;IAE/D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2B;IAEpD,KAAK,qDAA2D;IAEhE,KAAK,0EAAmC;IACxC,aAAa,2CAAkB;IAE/B,QAAQ,qEAAiD;IACzD,QAAQ,qEAAiD;IACzD,KAAK,qEAAiD;IACtD,IAAI,uCAAwB;IAC5B,UAAU,iBAA2B;IACrC,YAAY,2CAA4B;IAExC,UAAU,sBAAuB;IAEjC,SAAS,CAAC,QAAQ,CAAC,YAAY,obAAgB;IAE/C,SAAS,0CAKN;;IAYH,YAAY,IAAI,IAAI;IAKd,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;yCA7CzB,0BAA0B;2CAA1B,0BAA0B;CAkEtC"}
|
|
@@ -29,20 +29,20 @@ function SdModalSelectButtonControl_Conditional_4_Template(rf, ctx) { if (rf & 1
|
|
|
29
29
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
30
30
|
i0.ɵɵproperty("inset", true);
|
|
31
31
|
i0.ɵɵadvance();
|
|
32
|
-
i0.ɵɵproperty("svg", ctx_r1.
|
|
32
|
+
i0.ɵɵproperty("svg", ctx_r1.searchIcon());
|
|
33
33
|
} }
|
|
34
34
|
export class SdModalSelectButtonControl {
|
|
35
35
|
_sdModal = inject(SdModalProvider);
|
|
36
|
-
|
|
36
|
+
modal = input.required(...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
|
|
37
37
|
value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
|
|
38
38
|
selectedItems = model([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
|
|
39
39
|
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
40
40
|
required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
41
|
-
modal = input(...(ngDevMode ? [undefined, { debugName: "modal" }] : /* istanbul ignore next */ []));
|
|
42
|
-
modalOptions = input(...(ngDevMode ? [undefined, { debugName: "modalOptions" }] : /* istanbul ignore next */ []));
|
|
43
|
-
size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
44
41
|
inset = input(false, { ...(ngDevMode ? { debugName: "inset" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
45
|
-
|
|
42
|
+
size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
|
|
43
|
+
selectMode = input("single", ...(ngDevMode ? [{ debugName: "selectMode" }] : /* istanbul ignore next */ []));
|
|
44
|
+
modalOptions = input(...(ngDevMode ? [undefined, { debugName: "modalOptions" }] : /* istanbul ignore next */ []));
|
|
45
|
+
searchIcon = input(tablerSearch, ...(ngDevMode ? [{ debugName: "searchIcon" }] : /* istanbul ignore next */ []));
|
|
46
46
|
tablerEraser = tablerEraser;
|
|
47
47
|
_hasValue = computed(() => {
|
|
48
48
|
const v = this.value();
|
|
@@ -65,48 +65,31 @@ export class SdModalSelectButtonControl {
|
|
|
65
65
|
});
|
|
66
66
|
}
|
|
67
67
|
onEraseClick() {
|
|
68
|
-
|
|
69
|
-
this.value.set([]);
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
this.value.set(undefined);
|
|
73
|
-
}
|
|
68
|
+
this.value.set((this.selectMode() === "multi" ? [] : undefined));
|
|
74
69
|
this.selectedItems.set([]);
|
|
75
70
|
}
|
|
76
71
|
async onSearchClick() {
|
|
77
|
-
const
|
|
78
|
-
if (modalInfo == null)
|
|
79
|
-
return;
|
|
80
|
-
const currentValue = this.value();
|
|
81
|
-
const selectedItemKeys = this.selectMode() === "multi"
|
|
82
|
-
? currentValue ?? []
|
|
83
|
-
: currentValue != null
|
|
84
|
-
? [currentValue]
|
|
85
|
-
: [];
|
|
72
|
+
const modal = this.modal();
|
|
86
73
|
const result = await this._sdModal.showAsync({
|
|
87
|
-
|
|
88
|
-
type: modalInfo.type,
|
|
74
|
+
...modal,
|
|
89
75
|
inputs: {
|
|
90
|
-
...modalInfo.inputs,
|
|
91
76
|
selectMode: this.selectMode(),
|
|
92
|
-
selectedItemKeys
|
|
77
|
+
selectedItemKeys: (this.selectMode() === "multi"
|
|
78
|
+
? (this.value() ?? [])
|
|
79
|
+
: [this.value()]).filterExists(),
|
|
80
|
+
...modal.inputs,
|
|
93
81
|
},
|
|
94
|
-
}
|
|
95
|
-
if (result
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
this.value.set(typedResult.selectedItemKeys);
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
this.value.set(typedResult.selectedItemKeys[0]);
|
|
82
|
+
});
|
|
83
|
+
if (result) {
|
|
84
|
+
const newValue = this.selectMode() === "multi" ? result.selectedItemKeys : result.selectedItemKeys[0];
|
|
85
|
+
this.value.set(newValue);
|
|
86
|
+
this.selectedItems.set(result.selectedItems);
|
|
103
87
|
}
|
|
104
|
-
this.selectedItems.set(typedResult.selectedItems);
|
|
105
88
|
}
|
|
106
89
|
static ɵfac = function SdModalSelectButtonControl_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdModalSelectButtonControl)(); };
|
|
107
90
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdModalSelectButtonControl, selectors: [["sd-modal-select-button"]], hostVars: 3, hostBindings: function SdModalSelectButtonControl_HostBindings(rf, ctx) { if (rf & 2) {
|
|
108
91
|
i0.ɵɵattribute("data-sd-size", ctx.size())("data-sd-inset", ctx.inset())("data-sd-disabled", ctx.disabled());
|
|
109
|
-
} }, inputs: {
|
|
92
|
+
} }, inputs: { modal: [1, "modal"], value: [1, "value"], selectedItems: [1, "selectedItems"], disabled: [1, "disabled"], required: [1, "required"], inset: [1, "inset"], size: [1, "size"], selectMode: [1, "selectMode"], modalOptions: [1, "modalOptions"], searchIcon: [1, "searchIcon"] }, outputs: { value: "valueChange", selectedItems: "selectedItemsChange" }, ngContentSelectors: _c0, decls: 5, vars: 2, consts: [[1, "_content"], [1, "_button"], ["data-sd-eraser", "", 3, "theme"], [3, "inset"], ["data-sd-eraser", "", 3, "click", "theme"], [3, "svg"], [3, "click", "inset"]], template: function SdModalSelectButtonControl_Template(rf, ctx) { if (rf & 1) {
|
|
110
93
|
i0.ɵɵprojectionDef();
|
|
111
94
|
i0.ɵɵelementStart(0, "div", 0);
|
|
112
95
|
i0.ɵɵprojection(1);
|
|
@@ -136,7 +119,7 @@ export class SdModalSelectButtonControl {
|
|
|
136
119
|
}
|
|
137
120
|
@if (!disabled()) {
|
|
138
121
|
<sd-button [inset]="true" (click)="onSearchClick()">
|
|
139
|
-
<ng-icon [svg]="
|
|
122
|
+
<ng-icon [svg]="searchIcon()" />
|
|
140
123
|
</sd-button>
|
|
141
124
|
}
|
|
142
125
|
</div>
|
|
@@ -145,5 +128,5 @@ export class SdModalSelectButtonControl {
|
|
|
145
128
|
"[attr.data-sd-inset]": "inset()",
|
|
146
129
|
"[attr.data-sd-disabled]": "disabled()",
|
|
147
130
|
}, styles: ["sd-modal-select-button {\n display: flex;\n flex-direction: row;\n gap: var(--gap-sm);\n position: relative;\n border: 1px solid var(--trans-light);\n border-radius: var(--border-radius-default);\n overflow: hidden;\n}\nsd-modal-select-button > ._content {\n flex: 1;\n padding: var(--gap-sm) var(--gap-default);\n}\nsd-modal-select-button > ._button {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n}\n@supports not (appearance: auto) {\n sd-modal-select-button > ._button.gap-xxs {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-xxs > * + * {\n margin-left: var(--gap-xxs);\n }\n sd-modal-select-button > ._button.gap-xs {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-xs > * + * {\n margin-left: var(--gap-xs);\n }\n sd-modal-select-button > ._button.gap-sm {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-sm > * + * {\n margin-left: var(--gap-sm);\n }\n sd-modal-select-button > ._button.gap-default {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-default > * + * {\n margin-left: var(--gap-default);\n }\n sd-modal-select-button > ._button.gap-lg {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-lg > * + * {\n margin-left: var(--gap-lg);\n }\n sd-modal-select-button > ._button.gap-xl {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-xl > * + * {\n margin-left: var(--gap-xl);\n }\n sd-modal-select-button > ._button.gap-xxl {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-xxl > * + * {\n margin-left: var(--gap-xxl);\n }\n sd-modal-select-button > ._button.gap-0 {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-0 > * + * {\n margin-left: var(--gap-0);\n }\n sd-modal-select-button > ._button.gap-auto {\n gap: 0;\n }\n sd-modal-select-button > ._button.gap-auto > * + * {\n margin-left: var(--gap-auto);\n }\n}\nsd-modal-select-button > ._button > sd-anchor {\n padding: var(--gap-sm) !important;\n}\nsd-modal-select-button > ._button > sd-button > button {\n border-left: 1px solid var(--trans-lighter) !important;\n padding: var(--gap-sm) !important;\n height: 100%;\n}\nsd-modal-select-button[data-sd-inset=true] {\n border-radius: 0;\n border: none;\n}\nsd-modal-select-button[data-sd-size=sm] > ._content {\n padding: var(--gap-xs) var(--gap-default);\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-anchor {\n padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=sm] > ._button > sd-button > button {\n padding: var(--gap-xs) var(--gap-sm) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._content {\n padding: var(--gap-default) var(--gap-xl);\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-anchor {\n padding: var(--gap-default) !important;\n}\nsd-modal-select-button[data-sd-size=lg] > ._button > sd-button > button {\n padding: var(--gap-default) !important;\n}"] }]
|
|
148
|
-
}], () => [], {
|
|
149
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButtonControl, { className: "SdModalSelectButtonControl", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.control.ts", lineNumber:
|
|
131
|
+
}], () => [], { modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], selectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItems", required: false }] }, { type: i0.Output, args: ["selectedItemsChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selectMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectMode", required: false }] }], modalOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalOptions", required: false }] }], searchIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchIcon", required: false }] }] }); })();
|
|
132
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdModalSelectButtonControl, { className: "SdModalSelectButtonControl", filePath: "packages/angular/src/ui/form/button/sd-modal-select-button.control.ts", lineNumber: 153, forbidOrphanRendering: true }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-checkbox-group-item.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-checkbox-group-item.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/checkbox/sd-checkbox-group-item.control.ts"],"names":[],"mappings":";AAaA,qBAiBa,0BAA0B,CAAC,CAAC;IACvC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,KAAK,yCAAuB;IAC5B,MAAM,qEAAiD;IAEvD,UAAU,0CAAsE;IAChF,QAAQ,0CAAkD;IAE1D,gBAAgB,CAAC,QAAQ,EAAE,OAAO;yCAXvB,0BAA0B;2CAA1B,0BAA0B;CAoBtC"}
|
|
@@ -50,4 +50,4 @@ export class SdCheckboxGroupItemControl {
|
|
|
50
50
|
`,
|
|
51
51
|
}]
|
|
52
52
|
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] }); })();
|
|
53
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItemControl, { className: "SdCheckboxGroupItemControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group-item.control.ts", lineNumber: 31 }); })();
|
|
53
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupItemControl, { className: "SdCheckboxGroupItemControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group-item.control.ts", lineNumber: 31, forbidOrphanRendering: true }); })();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-checkbox-group.control.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"sd-checkbox-group.control.d.ts","sourceRoot":"","sources":["../../../../src/ui/form/checkbox/sd-checkbox-group.control.ts"],"names":[],"mappings":";AASA,qBAUa,sBAAsB,CAAC,CAAC;IACnC,KAAK,2CAAkB;IAEvB,QAAQ,qEAAiD;yCAH9C,sBAAsB;2CAAtB,sBAAsB;CAIlC"}
|
|
@@ -23,4 +23,4 @@ export class SdCheckboxGroupControl {
|
|
|
23
23
|
`,
|
|
24
24
|
}]
|
|
25
25
|
}], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
|
|
26
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupControl, { className: "SdCheckboxGroupControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group.control.ts", lineNumber: 20 }); })();
|
|
26
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdCheckboxGroupControl, { className: "SdCheckboxGroupControl", filePath: "packages/angular/src/ui/form/checkbox/sd-checkbox-group.control.ts", lineNumber: 20, forbidOrphanRendering: true }); })();
|