@rt-tools/ui-kit-v2 0.23.3 → 0.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/rt-tools-ui-kit-v2-accordion.mjs +142 -71
- package/fesm2022/rt-tools-ui-kit-v2-accordion.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-action-bar.mjs +467 -231
- package/fesm2022/rt-tools-ui-kit-v2-action-bar.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-ai-run-status.mjs +260 -91
- package/fesm2022/rt-tools-ui-kit-v2-ai-run-status.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-aside-section.mjs +80 -46
- package/fesm2022/rt-tools-ui-kit-v2-aside-section.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-aside.mjs +984 -697
- package/fesm2022/rt-tools-ui-kit-v2-aside.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs +452 -210
- package/fesm2022/rt-tools-ui-kit-v2-autocomplete.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-bar-list.mjs +143 -52
- package/fesm2022/rt-tools-ui-kit-v2-bar-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs +158 -83
- package/fesm2022/rt-tools-ui-kit-v2-bottom-sheet.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-breadcrumbs.mjs +335 -0
- package/fesm2022/rt-tools-ui-kit-v2-breadcrumbs.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-button.mjs +437 -363
- package/fesm2022/rt-tools-ui-kit-v2-button.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-calendar.mjs +430 -149
- package/fesm2022/rt-tools-ui-kit-v2-calendar.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-card.mjs +155 -71
- package/fesm2022/rt-tools-ui-kit-v2-card.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-carousel.mjs +155 -0
- package/fesm2022/rt-tools-ui-kit-v2-carousel.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-checkbox.mjs +215 -110
- package/fesm2022/rt-tools-ui-kit-v2-checkbox.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-collapsible-text.mjs +158 -75
- package/fesm2022/rt-tools-ui-kit-v2-collapsible-text.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-color-palette.mjs +769 -0
- package/fesm2022/rt-tools-ui-kit-v2-color-palette.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-confirm-popover.mjs +462 -253
- package/fesm2022/rt-tools-ui-kit-v2-confirm-popover.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-container.mjs +1276 -1316
- package/fesm2022/rt-tools-ui-kit-v2-container.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-copy-value.mjs +185 -80
- package/fesm2022/rt-tools-ui-kit-v2-copy-value.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-core.mjs +2321 -2619
- package/fesm2022/rt-tools-ui-kit-v2-core.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-counter-row.mjs +100 -44
- package/fesm2022/rt-tools-ui-kit-v2-counter-row.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-counter.mjs +290 -155
- package/fesm2022/rt-tools-ui-kit-v2-counter.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs +2097 -858
- package/fesm2022/rt-tools-ui-kit-v2-data-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs +2247 -1176
- package/fesm2022/rt-tools-ui-kit-v2-data-table.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs +1043 -705
- package/fesm2022/rt-tools-ui-kit-v2-date-picker.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs +810 -525
- package/fesm2022/rt-tools-ui-kit-v2-date-range.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-delta-view.mjs +158 -138
- package/fesm2022/rt-tools-ui-kit-v2-delta-view.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-detail-list.mjs +177 -67
- package/fesm2022/rt-tools-ui-kit-v2-detail-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-dialog.mjs +550 -477
- package/fesm2022/rt-tools-ui-kit-v2-dialog.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-dot-field.mjs +185 -168
- package/fesm2022/rt-tools-ui-kit-v2-dot-field.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-download-link.mjs +116 -43
- package/fesm2022/rt-tools-ui-kit-v2-download-link.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-draggable-tree.mjs +585 -0
- package/fesm2022/rt-tools-ui-kit-v2-draggable-tree.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-dynamic-list.mjs +755 -259
- package/fesm2022/rt-tools-ui-kit-v2-dynamic-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-dynamic-selector.mjs +3266 -1115
- package/fesm2022/rt-tools-ui-kit-v2-dynamic-selector.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-empty-state.mjs +190 -55
- package/fesm2022/rt-tools-ui-kit-v2-empty-state.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-expansion-panel.mjs +283 -103
- package/fesm2022/rt-tools-ui-kit-v2-expansion-panel.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-field.mjs +393 -177
- package/fesm2022/rt-tools-ui-kit-v2-field.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-file-card.mjs +399 -207
- package/fesm2022/rt-tools-ui-kit-v2-file-card.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-file-drop.mjs +288 -212
- package/fesm2022/rt-tools-ui-kit-v2-file-drop.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-file-input.mjs +262 -116
- package/fesm2022/rt-tools-ui-kit-v2-file-input.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-file-list.mjs +57 -31
- package/fesm2022/rt-tools-ui-kit-v2-file-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-filter-control.mjs +258 -90
- package/fesm2022/rt-tools-ui-kit-v2-filter-control.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs +249 -215
- package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-header.mjs +199 -71
- package/fesm2022/rt-tools-ui-kit-v2-header.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-hybrid-tree-selector.mjs +231 -0
- package/fesm2022/rt-tools-ui-kit-v2-hybrid-tree-selector.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-hybrid-tree.mjs +336 -0
- package/fesm2022/rt-tools-ui-kit-v2-hybrid-tree.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-icon-button.mjs +451 -162
- package/fesm2022/rt-tools-ui-kit-v2-icon-button.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-icon.mjs +931 -686
- package/fesm2022/rt-tools-ui-kit-v2-icon.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-image-cropper.mjs +664 -491
- package/fesm2022/rt-tools-ui-kit-v2-image-cropper.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-image-upload.mjs +574 -222
- package/fesm2022/rt-tools-ui-kit-v2-image-upload.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-info-item.mjs +150 -36
- package/fesm2022/rt-tools-ui-kit-v2-info-item.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-inline-edit.mjs +606 -0
- package/fesm2022/rt-tools-ui-kit-v2-inline-edit.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs +461 -355
- package/fesm2022/rt-tools-ui-kit-v2-input-number.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-input.mjs +338 -143
- package/fesm2022/rt-tools-ui-kit-v2-input.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-live-badge.mjs +135 -48
- package/fesm2022/rt-tools-ui-kit-v2-live-badge.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-logo.mjs +166 -92
- package/fesm2022/rt-tools-ui-kit-v2-logo.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs +118 -56
- package/fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-menu.mjs +1054 -527
- package/fesm2022/rt-tools-ui-kit-v2-menu.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-message.mjs +230 -104
- package/fesm2022/rt-tools-ui-kit-v2-message.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-money-list.mjs +210 -70
- package/fesm2022/rt-tools-ui-kit-v2-money-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs +532 -311
- package/fesm2022/rt-tools-ui-kit-v2-multiselect.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-night-grid.mjs +125 -50
- package/fesm2022/rt-tools-ui-kit-v2-night-grid.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-note.mjs +73 -43
- package/fesm2022/rt-tools-ui-kit-v2-note.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-notifications-bell.mjs +161 -53
- package/fesm2022/rt-tools-ui-kit-v2-notifications-bell.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-page-header.mjs +491 -310
- package/fesm2022/rt-tools-ui-kit-v2-page-header.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-pagination.mjs +374 -174
- package/fesm2022/rt-tools-ui-kit-v2-pagination.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-photo-viewer.mjs +202 -159
- package/fesm2022/rt-tools-ui-kit-v2-photo-viewer.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-popover.mjs +438 -309
- package/fesm2022/rt-tools-ui-kit-v2-popover.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs +295 -0
- package/fesm2022/rt-tools-ui-kit-v2-profile-menu.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-prompt-suggestion.mjs +135 -45
- package/fesm2022/rt-tools-ui-kit-v2-prompt-suggestion.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-radio-button.mjs +293 -171
- package/fesm2022/rt-tools-ui-kit-v2-radio-button.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-radius.mjs +62 -55
- package/fesm2022/rt-tools-ui-kit-v2-radius.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs +3379 -1466
- package/fesm2022/rt-tools-ui-kit-v2-rich-editor.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-ripple.mjs +114 -116
- package/fesm2022/rt-tools-ui-kit-v2-ripple.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-scroll-area.mjs +406 -299
- package/fesm2022/rt-tools-ui-kit-v2-scroll-area.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-section-nav.mjs +137 -36
- package/fesm2022/rt-tools-ui-kit-v2-section-nav.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-select.mjs +687 -468
- package/fesm2022/rt-tools-ui-kit-v2-select.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-side-menu.mjs +2195 -1569
- package/fesm2022/rt-tools-ui-kit-v2-side-menu.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-skeleton-wrapper.mjs +187 -48
- package/fesm2022/rt-tools-ui-kit-v2-skeleton-wrapper.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-skeleton.mjs +242 -122
- package/fesm2022/rt-tools-ui-kit-v2-skeleton.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-speed-menu.mjs +439 -0
- package/fesm2022/rt-tools-ui-kit-v2-speed-menu.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-spinner.mjs +218 -69
- package/fesm2022/rt-tools-ui-kit-v2-spinner.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-split-button.mjs +292 -91
- package/fesm2022/rt-tools-ui-kit-v2-split-button.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-stat-tile.mjs +225 -138
- package/fesm2022/rt-tools-ui-kit-v2-stat-tile.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-stepper.mjs +150 -116
- package/fesm2022/rt-tools-ui-kit-v2-stepper.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-table.mjs +2462 -1583
- package/fesm2022/rt-tools-ui-kit-v2-table.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-tabs.mjs +647 -346
- package/fesm2022/rt-tools-ui-kit-v2-tabs.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-tag.mjs +335 -121
- package/fesm2022/rt-tools-ui-kit-v2-tag.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-textarea.mjs +217 -84
- package/fesm2022/rt-tools-ui-kit-v2-textarea.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs +151 -72
- package/fesm2022/rt-tools-ui-kit-v2-theme-toggle.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-thread-list.mjs +697 -226
- package/fesm2022/rt-tools-ui-kit-v2-thread-list.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-timeline.mjs +92 -38
- package/fesm2022/rt-tools-ui-kit-v2-timeline.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-toast.mjs +752 -338
- package/fesm2022/rt-tools-ui-kit-v2-toast.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-toggle-button-group.mjs +310 -129
- package/fesm2022/rt-tools-ui-kit-v2-toggle-button-group.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-toggle-switch.mjs +286 -158
- package/fesm2022/rt-tools-ui-kit-v2-toggle-switch.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-toolbar.mjs +270 -134
- package/fesm2022/rt-tools-ui-kit-v2-toolbar.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-tooltip.mjs +322 -202
- package/fesm2022/rt-tools-ui-kit-v2-tooltip.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-tree-selector.mjs +908 -0
- package/fesm2022/rt-tools-ui-kit-v2-tree-selector.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-tree.mjs +785 -0
- package/fesm2022/rt-tools-ui-kit-v2-tree.mjs.map +1 -0
- package/fesm2022/rt-tools-ui-kit-v2-welcome-dialog.mjs +118 -63
- package/fesm2022/rt-tools-ui-kit-v2-welcome-dialog.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs +783 -262
- package/fesm2022/rt-tools-ui-kit-v2-workspace-details.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2-workspace.mjs +633 -294
- package/fesm2022/rt-tools-ui-kit-v2-workspace.mjs.map +1 -1
- package/fesm2022/rt-tools-ui-kit-v2.mjs +100 -103
- package/package.json +45 -1
- package/src/assets/icons/collapse-all.svg +9 -0
- package/src/assets/icons/expand-all.svg +9 -0
- package/src/assets/icons-material/collapse-all.fill.svg +5 -0
- package/src/assets/icons-material/collapse-all.svg +5 -0
- package/src/assets/icons-material/expand-all.fill.svg +5 -0
- package/src/assets/icons-material/expand-all.svg +5 -0
- package/src/assets/icons-material/undo.fill.svg +5 -0
- package/src/assets/icons-material/undo.svg +5 -0
- package/src/lib/components/bottom-sheet/CONTEXT.md +20 -2
- package/src/lib/components/bottom-sheet/rt-bottom-sheet.component.scss +36 -1
- package/src/lib/components/breadcrumbs/CONTEXT.md +37 -0
- package/src/lib/components/breadcrumbs/rt-breadcrumbs.component.scss +205 -0
- package/src/lib/components/carousel/CONTEXT.md +42 -0
- package/src/lib/components/carousel/rt-carousel.component.scss +117 -0
- package/src/lib/components/checkbox/CONTEXT.md +3 -0
- package/src/lib/components/checkbox/rt-checkbox.component.scss +9 -3
- package/src/lib/components/color-palette/CONTEXT.md +49 -0
- package/src/lib/components/color-palette/picker/rt-color-picker.component.scss +161 -0
- package/src/lib/components/color-palette/rt-color-palette.component.scss +132 -0
- package/src/lib/components/draggable-tree/CONTEXT.md +54 -0
- package/src/lib/components/draggable-tree/rt-draggable-tree.component.scss +219 -0
- package/src/lib/components/hybrid-tree/CONTEXT.md +31 -0
- package/src/lib/components/hybrid-tree-selector/CONTEXT.md +25 -0
- package/src/lib/components/icon-button/CONTEXT.md +3 -0
- package/src/lib/components/inline-edit/CONTEXT.md +41 -0
- package/src/lib/components/inline-edit/rt-inline-edit.component.scss +274 -0
- package/src/lib/components/popover/CONTEXT.md +3 -0
- package/src/lib/components/profile-menu/CONTEXT.md +32 -0
- package/src/lib/components/profile-menu/rt-profile-menu.component.scss +104 -0
- package/src/lib/components/speed-menu/CONTEXT.md +34 -0
- package/src/lib/components/speed-menu/rt-speed-menu.component.scss +118 -0
- package/src/lib/components/tag/rt-tag.component.scss +12 -0
- package/src/lib/components/thread-list/CONTEXT.md +1 -0
- package/src/lib/components/thread-list/rt-thread-list.component.scss +2 -1
- package/src/lib/components/toolbar/CONTEXT.md +9 -4
- package/src/lib/components/toolbar/rt-toolbar.component.scss +10 -2
- package/src/lib/components/tooltip/CONTEXT.md +8 -1
- package/src/lib/components/tree/CONTEXT.md +66 -0
- package/src/lib/components/tree/rt-tree.component.scss +313 -0
- package/src/lib/components/tree-selector/CONTEXT.md +47 -0
- package/src/lib/components/tree-selector/rt-tree-selector.component.scss +121 -0
- package/src/styles/_primitives.scss +4 -0
- package/src/styles/_semantic.scss +5 -0
- package/styles/tokens.css +43 -0
- package/types/rt-tools-ui-kit-v2-accordion.d.ts +31 -24
- package/types/rt-tools-ui-kit-v2-action-bar.d.ts +112 -91
- package/types/rt-tools-ui-kit-v2-ai-run-status.d.ts +64 -40
- package/types/rt-tools-ui-kit-v2-aside-section.d.ts +13 -10
- package/types/rt-tools-ui-kit-v2-aside.d.ts +268 -206
- package/types/rt-tools-ui-kit-v2-autocomplete.d.ts +102 -61
- package/types/rt-tools-ui-kit-v2-bar-list.d.ts +39 -27
- package/types/rt-tools-ui-kit-v2-bottom-sheet.d.ts +31 -20
- package/types/rt-tools-ui-kit-v2-breadcrumbs.d.ts +89 -0
- package/types/rt-tools-ui-kit-v2-button.d.ts +119 -59
- package/types/rt-tools-ui-kit-v2-calendar.d.ts +151 -86
- package/types/rt-tools-ui-kit-v2-card.d.ts +42 -21
- package/types/rt-tools-ui-kit-v2-carousel.d.ts +76 -0
- package/types/rt-tools-ui-kit-v2-checkbox.d.ts +48 -24
- package/types/rt-tools-ui-kit-v2-collapsible-text.d.ts +28 -20
- package/types/rt-tools-ui-kit-v2-color-palette.d.ts +208 -0
- package/types/rt-tools-ui-kit-v2-confirm-popover.d.ts +104 -47
- package/types/rt-tools-ui-kit-v2-container.d.ts +278 -221
- package/types/rt-tools-ui-kit-v2-copy-value.d.ts +39 -24
- package/types/rt-tools-ui-kit-v2-core.d.ts +862 -865
- package/types/rt-tools-ui-kit-v2-counter-row.d.ts +20 -12
- package/types/rt-tools-ui-kit-v2-counter.d.ts +70 -38
- package/types/rt-tools-ui-kit-v2-data-list.d.ts +429 -264
- package/types/rt-tools-ui-kit-v2-data-table.d.ts +500 -351
- package/types/rt-tools-ui-kit-v2-date-picker.d.ts +164 -138
- package/types/rt-tools-ui-kit-v2-date-range.d.ts +102 -84
- package/types/rt-tools-ui-kit-v2-delta-view.d.ts +16 -13
- package/types/rt-tools-ui-kit-v2-detail-list.d.ts +23 -16
- package/types/rt-tools-ui-kit-v2-dialog.d.ts +130 -101
- package/types/rt-tools-ui-kit-v2-dot-field.d.ts +10 -13
- package/types/rt-tools-ui-kit-v2-download-link.d.ts +22 -17
- package/types/rt-tools-ui-kit-v2-draggable-tree.d.ts +132 -0
- package/types/rt-tools-ui-kit-v2-dynamic-list.d.ts +185 -96
- package/types/rt-tools-ui-kit-v2-dynamic-selector.d.ts +904 -404
- package/types/rt-tools-ui-kit-v2-empty-state.d.ts +48 -19
- package/types/rt-tools-ui-kit-v2-expansion-panel.d.ts +67 -39
- package/types/rt-tools-ui-kit-v2-field.d.ts +90 -49
- package/types/rt-tools-ui-kit-v2-file-card.d.ts +115 -75
- package/types/rt-tools-ui-kit-v2-file-drop.d.ts +75 -48
- package/types/rt-tools-ui-kit-v2-file-input.d.ts +53 -36
- package/types/rt-tools-ui-kit-v2-file-list.d.ts +5 -8
- package/types/rt-tools-ui-kit-v2-filter-control.d.ts +83 -49
- package/types/rt-tools-ui-kit-v2-form-control.d.ts +102 -74
- package/types/rt-tools-ui-kit-v2-header.d.ts +40 -22
- package/types/rt-tools-ui-kit-v2-hybrid-tree-selector.d.ts +14 -0
- package/types/rt-tools-ui-kit-v2-hybrid-tree.d.ts +72 -0
- package/types/rt-tools-ui-kit-v2-icon-button.d.ts +190 -90
- package/types/rt-tools-ui-kit-v2-icon.d.ts +160 -129
- package/types/rt-tools-ui-kit-v2-image-cropper.d.ts +151 -111
- package/types/rt-tools-ui-kit-v2-image-upload.d.ts +159 -85
- package/types/rt-tools-ui-kit-v2-info-item.d.ts +26 -13
- package/types/rt-tools-ui-kit-v2-inline-edit.d.ts +194 -0
- package/types/rt-tools-ui-kit-v2-input-number.d.ts +102 -53
- package/types/rt-tools-ui-kit-v2-input.d.ts +82 -43
- package/types/rt-tools-ui-kit-v2-live-badge.d.ts +30 -17
- package/types/rt-tools-ui-kit-v2-logo.d.ts +49 -32
- package/types/rt-tools-ui-kit-v2-markdown-text.d.ts +26 -17
- package/types/rt-tools-ui-kit-v2-menu.d.ts +272 -155
- package/types/rt-tools-ui-kit-v2-message.d.ts +59 -33
- package/types/rt-tools-ui-kit-v2-money-list.d.ts +36 -18
- package/types/rt-tools-ui-kit-v2-multiselect.d.ts +114 -80
- package/types/rt-tools-ui-kit-v2-night-grid.d.ts +34 -25
- package/types/rt-tools-ui-kit-v2-note.d.ts +12 -9
- package/types/rt-tools-ui-kit-v2-notifications-bell.d.ts +37 -16
- package/types/rt-tools-ui-kit-v2-page-header.d.ts +218 -150
- package/types/rt-tools-ui-kit-v2-pagination.d.ts +99 -63
- package/types/rt-tools-ui-kit-v2-photo-viewer.d.ts +61 -66
- package/types/rt-tools-ui-kit-v2-popover.d.ts +116 -55
- package/types/rt-tools-ui-kit-v2-profile-menu.d.ts +103 -0
- package/types/rt-tools-ui-kit-v2-prompt-suggestion.d.ts +26 -16
- package/types/rt-tools-ui-kit-v2-radio-button.d.ts +85 -43
- package/types/rt-tools-ui-kit-v2-radius.d.ts +18 -15
- package/types/rt-tools-ui-kit-v2-rich-editor.d.ts +931 -590
- package/types/rt-tools-ui-kit-v2-ripple.d.ts +28 -25
- package/types/rt-tools-ui-kit-v2-scroll-area.d.ts +60 -58
- package/types/rt-tools-ui-kit-v2-section-nav.d.ts +32 -22
- package/types/rt-tools-ui-kit-v2-select.d.ts +182 -139
- package/types/rt-tools-ui-kit-v2-side-menu.d.ts +452 -349
- package/types/rt-tools-ui-kit-v2-skeleton-wrapper.d.ts +53 -20
- package/types/rt-tools-ui-kit-v2-skeleton.d.ts +55 -26
- package/types/rt-tools-ui-kit-v2-speed-menu.d.ts +131 -0
- package/types/rt-tools-ui-kit-v2-spinner.d.ts +56 -28
- package/types/rt-tools-ui-kit-v2-split-button.d.ts +96 -55
- package/types/rt-tools-ui-kit-v2-stat-tile.d.ts +88 -60
- package/types/rt-tools-ui-kit-v2-stepper.d.ts +50 -37
- package/types/rt-tools-ui-kit-v2-table.d.ts +631 -480
- package/types/rt-tools-ui-kit-v2-tabs.d.ts +198 -113
- package/types/rt-tools-ui-kit-v2-tag.d.ts +106 -53
- package/types/rt-tools-ui-kit-v2-textarea.d.ts +48 -25
- package/types/rt-tools-ui-kit-v2-theme-toggle.d.ts +28 -26
- package/types/rt-tools-ui-kit-v2-thread-list.d.ts +154 -94
- package/types/rt-tools-ui-kit-v2-timeline.d.ts +30 -28
- package/types/rt-tools-ui-kit-v2-toast.d.ts +174 -98
- package/types/rt-tools-ui-kit-v2-toggle-button-group.d.ts +132 -86
- package/types/rt-tools-ui-kit-v2-toggle-switch.d.ts +88 -50
- package/types/rt-tools-ui-kit-v2-toolbar.d.ts +30 -27
- package/types/rt-tools-ui-kit-v2-tooltip.d.ts +65 -41
- package/types/rt-tools-ui-kit-v2-tree-selector.d.ts +257 -0
- package/types/rt-tools-ui-kit-v2-tree.d.ts +282 -0
- package/types/rt-tools-ui-kit-v2-welcome-dialog.d.ts +21 -24
- package/types/rt-tools-ui-kit-v2-workspace-details.d.ts +195 -124
- package/types/rt-tools-ui-kit-v2-workspace.d.ts +122 -79
- package/types/rt-tools-ui-kit-v2.d.ts +100 -90
- package/fesm2022/rt-tools-ui-kit-v2.mjs.map +0 -1
|
@@ -1,56 +1,54 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import * as i0 from
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
1
|
+
import { BooleanInput, NumberInput } from "@angular/cdk/coercion";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { ElementRef, InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, WritableSignal } from "@angular/core";
|
|
4
|
+
import { TRtKitLabelKey, TRtKitLabelMap } from "@rt-tools/ui-kit-v2/core";
|
|
6
5
|
/**
|
|
7
6
|
* Контракты обрезки изображения. Один корневой неймспейс с префиксом `I`.
|
|
8
7
|
*/
|
|
9
|
-
declare namespace IRtImageCropper {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
8
|
+
export declare namespace IRtImageCropper {
|
|
9
|
+
/** Прямоугольник в пикселях исходника: рамка, границы картинки */
|
|
10
|
+
interface Rect {
|
|
11
|
+
readonly x: number;
|
|
12
|
+
readonly y: number;
|
|
13
|
+
readonly width: number;
|
|
14
|
+
readonly height: number;
|
|
15
|
+
}
|
|
16
|
+
/** Размер исходника или поля */
|
|
17
|
+
interface Size {
|
|
18
|
+
readonly width: number;
|
|
19
|
+
readonly height: number;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Как исходник вписан в поле: масштаб — сколько пикселей поля приходится на
|
|
23
|
+
* пиксель исходника, отступы — где картинка начинается внутри поля.
|
|
24
|
+
*/
|
|
25
|
+
interface Fit {
|
|
26
|
+
readonly scale: number;
|
|
27
|
+
readonly offsetX: number;
|
|
28
|
+
readonly offsetY: number;
|
|
29
|
+
readonly width: number;
|
|
30
|
+
readonly height: number;
|
|
31
|
+
}
|
|
32
|
+
/** Сдвиг в пикселях исходника */
|
|
33
|
+
interface Delta {
|
|
34
|
+
readonly dx: number;
|
|
35
|
+
readonly dy: number;
|
|
36
|
+
}
|
|
37
|
+
/** Направление ручки по осям: −1 — к началу оси, 1 — к концу, 0 — ось ручкой не тянется */
|
|
38
|
+
interface Direction {
|
|
39
|
+
readonly x: number;
|
|
40
|
+
readonly y: number;
|
|
41
|
+
}
|
|
42
|
+
/** Ручка рамки: четыре угла и четыре стороны, по сторонам света */
|
|
43
|
+
type Handle = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
|
|
44
|
+
/** Форматы результата */
|
|
45
|
+
type Format = 'png' | 'jpeg' | 'webp';
|
|
46
|
+
/** Результат обрезки: файл и рамка, которой он вырезан */
|
|
47
|
+
interface Result {
|
|
48
|
+
readonly file: File;
|
|
49
|
+
readonly frame: Rect;
|
|
50
|
+
}
|
|
52
51
|
}
|
|
53
|
-
|
|
54
52
|
/** Состояние поля: пусто, читается, не прочиталось, готово */
|
|
55
53
|
type TCropperState = 'empty' | 'loading' | 'refusal' | 'ready';
|
|
56
54
|
/**
|
|
@@ -63,106 +61,148 @@ type TCropperState = 'empty' | 'loading' | 'refusal' | 'ready';
|
|
|
63
61
|
* `image-orientation: from-image`, и размеры, которые видит логика, уже
|
|
64
62
|
* повёрнутые.
|
|
65
63
|
*/
|
|
66
|
-
declare class RtImageCropperComponent {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
64
|
+
export declare class RtImageCropperComponent {
|
|
65
|
+
#private;
|
|
66
|
+
protected readonly field: Signal<ElementRef<HTMLElement>>;
|
|
67
|
+
protected readonly t: Signal<TRtKitLabelMap>;
|
|
68
|
+
protected readonly handles: readonly IRtImageCropper.Handle[];
|
|
69
|
+
protected readonly handleLabels: Readonly<Record<IRtImageCropper.Handle, TRtKitLabelKey>>;
|
|
70
|
+
protected readonly state: WritableSignal<TCropperState>;
|
|
71
|
+
/** Текст пустого поля: свой, если задан, иначе подпись кита */
|
|
72
|
+
protected readonly placeholderText: Signal<string>;
|
|
73
|
+
/** Адрес исходника для картинки в поле */
|
|
74
|
+
protected readonly url: WritableSignal<string | null>;
|
|
75
|
+
/** Где картинка лежит в поле, в пикселях поля */
|
|
76
|
+
protected readonly image: Signal<IRtImageCropper.Rect>;
|
|
77
|
+
/** Рамка в пикселях поля */
|
|
78
|
+
protected readonly frameBox: Signal<IRtImageCropper.Rect>;
|
|
79
|
+
/** Подсказка пустого поля; пусто — подпись кита `uiImageCropperPlaceholder` */
|
|
80
|
+
readonly placeholder: InputSignal<string>;
|
|
81
|
+
/** Исходник: файл, который надо обрезать; пусто — поле с подсказкой */
|
|
82
|
+
readonly file: InputSignal<Blob | null>;
|
|
83
|
+
/** Пропорция рамки, ширина к высоте; пусто — рамка свободная */
|
|
84
|
+
readonly ratio: InputSignalWithTransform<number | null, NumberInput>;
|
|
85
|
+
/** Круглый вид: маска на экране и пропорция один к одному; результат — квадрат */
|
|
86
|
+
readonly round: InputSignalWithTransform<boolean, BooleanInput>;
|
|
87
|
+
/** Наименьший размер рамки в пикселях исходника */
|
|
88
|
+
readonly minSize: InputSignalWithTransform<number, NumberInput>;
|
|
89
|
+
/** Формат результата; пусто — формат исходника, png, когда он не из трёх */
|
|
90
|
+
readonly format: InputSignal<IRtImageCropper.Format | null>;
|
|
91
|
+
/** Качество результата в процентах — для jpeg и webp */
|
|
92
|
+
readonly quality: InputSignalWithTransform<number, NumberInput>;
|
|
93
|
+
/** Недоступна: рамка видна, но не меняется ни указателем, ни клавишами */
|
|
94
|
+
readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
|
|
95
|
+
/** Файл, вырезанный рамкой: после прочтения исходника и после каждого законченного изменения */
|
|
96
|
+
readonly cropped: OutputEmitterRef<IRtImageCropper.Result>;
|
|
97
|
+
/** Исходник не прочитался */
|
|
98
|
+
readonly loadFailed: OutputEmitterRef<void>;
|
|
99
|
+
constructor();
|
|
100
|
+
protected onPointerDown(event: PointerEvent, handle: IRtImageCropper.Handle | null): void;
|
|
101
|
+
protected onPointerMove(event: PointerEvent): void;
|
|
102
|
+
protected onPointerUp(event: PointerEvent): void;
|
|
103
|
+
protected onKeyDown(event: KeyboardEvent, handle: IRtImageCropper.Handle | null): void;
|
|
104
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RtImageCropperComponent, never>;
|
|
105
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RtImageCropperComponent, "rt-image-cropper", never, {
|
|
106
|
+
"placeholder": {
|
|
107
|
+
"alias": "placeholder";
|
|
108
|
+
"required": false;
|
|
109
|
+
"isSignal": true;
|
|
110
|
+
};
|
|
111
|
+
"file": {
|
|
112
|
+
"alias": "file";
|
|
113
|
+
"required": false;
|
|
114
|
+
"isSignal": true;
|
|
115
|
+
};
|
|
116
|
+
"ratio": {
|
|
117
|
+
"alias": "ratio";
|
|
118
|
+
"required": false;
|
|
119
|
+
"isSignal": true;
|
|
120
|
+
};
|
|
121
|
+
"round": {
|
|
122
|
+
"alias": "round";
|
|
123
|
+
"required": false;
|
|
124
|
+
"isSignal": true;
|
|
125
|
+
};
|
|
126
|
+
"minSize": {
|
|
127
|
+
"alias": "minSize";
|
|
128
|
+
"required": false;
|
|
129
|
+
"isSignal": true;
|
|
130
|
+
};
|
|
131
|
+
"format": {
|
|
132
|
+
"alias": "format";
|
|
133
|
+
"required": false;
|
|
134
|
+
"isSignal": true;
|
|
135
|
+
};
|
|
136
|
+
"quality": {
|
|
137
|
+
"alias": "quality";
|
|
138
|
+
"required": false;
|
|
139
|
+
"isSignal": true;
|
|
140
|
+
};
|
|
141
|
+
"disabled": {
|
|
142
|
+
"alias": "disabled";
|
|
143
|
+
"required": false;
|
|
144
|
+
"isSignal": true;
|
|
145
|
+
};
|
|
146
|
+
}, {
|
|
147
|
+
"cropped": "cropped";
|
|
148
|
+
"loadFailed": "loadFailed";
|
|
149
|
+
}, never, never, true, never>;
|
|
108
150
|
}
|
|
109
|
-
|
|
110
151
|
/**
|
|
111
152
|
* Чистая логика обрезки: вписывание исходника в поле, рамка в пикселях
|
|
112
153
|
* исходника, её движение и растяжение, перевод клавиш и выбор формата.
|
|
113
154
|
* Компонент только переводит указатель в сдвиги и рисует то, что вернулось.
|
|
114
155
|
*/
|
|
115
156
|
/** Все восемь ручек по часовой стрелке от левого верхнего угла */
|
|
116
|
-
declare const RT_IMAGE_CROPPER_HANDLES: readonly IRtImageCropper.Handle[];
|
|
157
|
+
export declare const RT_IMAGE_CROPPER_HANDLES: readonly IRtImageCropper.Handle[];
|
|
117
158
|
/** Шаг клавиш в пикселях поля: стрелка и стрелка с Shift */
|
|
118
|
-
declare const RT_IMAGE_CROPPER_KEY_STEP: number;
|
|
119
|
-
declare const RT_IMAGE_CROPPER_KEY_STEP_LARGE: number;
|
|
159
|
+
export declare const RT_IMAGE_CROPPER_KEY_STEP: number;
|
|
160
|
+
export declare const RT_IMAGE_CROPPER_KEY_STEP_LARGE: number;
|
|
120
161
|
/** Качество по умолчанию — то же, что у загрузчика первого кита */
|
|
121
|
-
declare const RT_IMAGE_CROPPER_QUALITY: number;
|
|
162
|
+
export declare const RT_IMAGE_CROPPER_QUALITY: number;
|
|
122
163
|
/**
|
|
123
164
|
* Вписывает исходник в поле целиком, с его пропорциями, по центру. Ни одна часть
|
|
124
165
|
* картинки не срезается полем, и ни одна не растянута.
|
|
125
166
|
*/
|
|
126
|
-
declare function fitSource(source: IRtImageCropper.Size, field: IRtImageCropper.Size): IRtImageCropper.Fit;
|
|
167
|
+
export declare function fitSource(source: IRtImageCropper.Size, field: IRtImageCropper.Size): IRtImageCropper.Fit;
|
|
127
168
|
/**
|
|
128
169
|
* Пропорция, которую держит рамка. Круглый вид держит один к одному при любой
|
|
129
170
|
* заданной; заданная не числом или не больше нуля значит свободную рамку.
|
|
130
171
|
*/
|
|
131
|
-
declare function frameRatio(ratio: number | null | undefined, round: boolean): number | null;
|
|
172
|
+
export declare function frameRatio(ratio: number | null | undefined, round: boolean): number | null;
|
|
132
173
|
/**
|
|
133
174
|
* Начальная рамка — наибольшая, какую позволяет пропорция, по центру исходника.
|
|
134
175
|
* Свободная начинается как весь исходник.
|
|
135
176
|
*/
|
|
136
|
-
declare function initialFrame(source: IRtImageCropper.Size, ratio: number | null): IRtImageCropper.Rect;
|
|
177
|
+
export declare function initialFrame(source: IRtImageCropper.Size, ratio: number | null): IRtImageCropper.Rect;
|
|
137
178
|
/** Сдвиг рамки целиком: размер тот же, у края исходника рамка останавливается */
|
|
138
|
-
declare function moveFrame(frame: IRtImageCropper.Rect, delta: IRtImageCropper.Delta, source: IRtImageCropper.Size): IRtImageCropper.Rect;
|
|
179
|
+
export declare function moveFrame(frame: IRtImageCropper.Rect, delta: IRtImageCropper.Delta, source: IRtImageCropper.Size): IRtImageCropper.Rect;
|
|
139
180
|
/** По каким осям и в какую сторону тянет ручка */
|
|
140
|
-
declare function handleDirection(handle: IRtImageCropper.Handle): IRtImageCropper.Direction;
|
|
181
|
+
export declare function handleDirection(handle: IRtImageCropper.Handle): IRtImageCropper.Direction;
|
|
141
182
|
/**
|
|
142
183
|
* Растяжение рамки за ручку. Сторона или угол напротив ручки стоит на месте;
|
|
143
184
|
* рамка не выходит за исходник и не становится меньше наименьшего размера; рамка
|
|
144
185
|
* с пропорцией держит её, а боковая ручка тянет её вокруг центра второй оси.
|
|
145
186
|
*/
|
|
146
|
-
declare function resizeFrame(frame: IRtImageCropper.Rect, handle: IRtImageCropper.Handle, delta: IRtImageCropper.Delta, source: IRtImageCropper.Size, ratio: number | null, minSize: number): IRtImageCropper.Rect;
|
|
187
|
+
export declare function resizeFrame(frame: IRtImageCropper.Rect, handle: IRtImageCropper.Handle, delta: IRtImageCropper.Delta, source: IRtImageCropper.Size, ratio: number | null, minSize: number): IRtImageCropper.Rect;
|
|
147
188
|
/**
|
|
148
189
|
* Сдвиг от стрелки клавиатуры в пикселях исходника. Одно нажатие — пиксель поля,
|
|
149
190
|
* с Shift десять; не стрелка даёт `null`.
|
|
150
191
|
*/
|
|
151
|
-
declare function keyDelta(key: string, isLarge: boolean, scale: number): IRtImageCropper.Delta | null;
|
|
192
|
+
export declare function keyDelta(key: string, isLarge: boolean, scale: number): IRtImageCropper.Delta | null;
|
|
152
193
|
/** Сдвиг указателя в пикселях поля переводится в пиксели исходника */
|
|
153
|
-
declare function fieldDelta(dx: number, dy: number, scale: number): IRtImageCropper.Delta;
|
|
194
|
+
export declare function fieldDelta(dx: number, dy: number, scale: number): IRtImageCropper.Delta;
|
|
154
195
|
/** Рамка в пикселях поля — для рисования поверх вписанной картинки */
|
|
155
|
-
declare function frameInField(frame: IRtImageCropper.Rect, fit: IRtImageCropper.Fit): IRtImageCropper.Rect;
|
|
196
|
+
export declare function frameInField(frame: IRtImageCropper.Rect, fit: IRtImageCropper.Fit): IRtImageCropper.Rect;
|
|
156
197
|
/** Рамка в целых пикселях исходника — то, что вырезает холст; не меньше пикселя */
|
|
157
|
-
declare function cropArea(frame: IRtImageCropper.Rect, source: IRtImageCropper.Size): IRtImageCropper.Rect;
|
|
198
|
+
export declare function cropArea(frame: IRtImageCropper.Rect, source: IRtImageCropper.Size): IRtImageCropper.Rect;
|
|
158
199
|
/**
|
|
159
200
|
* Тип результата. Без выбранного формата берётся формат исходника, и png, когда
|
|
160
201
|
* он не из трёх.
|
|
161
202
|
*/
|
|
162
|
-
declare function resultType(format: IRtImageCropper.Format | null | undefined, sourceType: string): string;
|
|
203
|
+
export declare function resultType(format: IRtImageCropper.Format | null | undefined, sourceType: string): string;
|
|
163
204
|
/** Качество холста — доля единицы; вход берёт проценты */
|
|
164
|
-
declare function resultQuality(quality: number): number;
|
|
205
|
+
export declare function resultQuality(quality: number): number;
|
|
165
206
|
/** Имя файла результата: основа имени исходника и расширение по типу результата */
|
|
166
|
-
declare function resultFileName(sourceName: string, type: string): string;
|
|
167
|
-
|
|
168
|
-
export { IRtImageCropper, RT_IMAGE_CROPPER_HANDLES, RT_IMAGE_CROPPER_KEY_STEP, RT_IMAGE_CROPPER_KEY_STEP_LARGE, RT_IMAGE_CROPPER_QUALITY, RtImageCropperComponent, cropArea, fieldDelta, fitSource, frameInField, frameRatio, handleDirection, initialFrame, keyDelta, moveFrame, resizeFrame, resultFileName, resultQuality, resultType };
|
|
207
|
+
export declare function resultFileName(sourceName: string, type: string): string;
|
|
208
|
+
export {};
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
import { BooleanInput, NumberInput } from
|
|
2
|
-
import * as i0 from
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { IRtImageCropper } from
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
type DownloadShape = 'circle' | 'square';
|
|
1
|
+
import { BooleanInput, NumberInput } from "@angular/cdk/coercion";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { ElementRef, InputSignal, InputSignalWithTransform, OutputEmitterRef, Signal, WritableSignal } from "@angular/core";
|
|
4
|
+
import { IButton, IRtIcon, TRtKitLabelMap, TRtRadius } from "@rt-tools/ui-kit-v2/core";
|
|
5
|
+
import { IRtImageCropper } from "@rt-tools/ui-kit-v2/image-cropper";
|
|
6
|
+
export declare namespace IRtImageUpload {
|
|
7
|
+
/** Что стоит в месте загрузчика: одно состояние за раз */
|
|
8
|
+
type State = 'loading' | 'cropping' | 'image' | 'empty';
|
|
9
|
+
/** Форма кнопки скачивания: круглая, как у первого кита, или квадратная */
|
|
10
|
+
type DownloadShape = 'circle' | 'square';
|
|
12
11
|
}
|
|
13
|
-
|
|
14
12
|
/**
|
|
15
13
|
* Загрузчик одного изображения: одно место, в котором по очереди стоят зона загрузки, обрезка и
|
|
16
14
|
* сама картинка. Файл выбирают кнопкой зоны или бросают на неё; выбранный открывает обрезку, а
|
|
@@ -21,82 +19,158 @@ declare namespace IRtImageUpload {
|
|
|
21
19
|
* отпускает его, когда картинку сменили или компонент ушёл. Файл приложение получает в
|
|
22
20
|
* `imageChanged`.
|
|
23
21
|
*/
|
|
24
|
-
declare class RtImageUploadComponent {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
22
|
+
export declare class RtImageUploadComponent {
|
|
23
|
+
#private;
|
|
24
|
+
protected readonly picker: Signal<ElementRef<HTMLInputElement>>;
|
|
25
|
+
protected readonly t: Signal<TRtKitLabelMap>;
|
|
26
|
+
/** Выбранный файл, который сейчас режет обрезка */
|
|
27
|
+
protected readonly source: WritableSignal<File | null>;
|
|
28
|
+
/** Последний результат обрезки — его берёт «Применить» */
|
|
29
|
+
protected readonly result: WritableSignal<IRtImageCropper.Result | null>;
|
|
30
|
+
/** Что сейчас стоит в месте загрузчика */
|
|
31
|
+
protected readonly state: Signal<IRtImageUpload.State>;
|
|
32
|
+
/** Подсказка над картинкой: своя приложения или подпись кита */
|
|
33
|
+
protected readonly hint: Signal<string>;
|
|
34
|
+
/** Круглая ли кнопка скачивания: подложка под размытием повторяет её скругление */
|
|
35
|
+
protected readonly downloadRound: Signal<boolean>;
|
|
36
|
+
/** Шаг скругления кнопки скачивания: круг — полный шаг, квадрат — скругление кнопки по умолчанию */
|
|
37
|
+
protected readonly downloadRadius: Signal<TRtRadius | null>;
|
|
38
|
+
/**
|
|
39
|
+
* Адрес текущей картинки: данный приложением или сделанный под применённый файл. Новый адрес от
|
|
40
|
+
* приложения снова берёт верх над применённым.
|
|
41
|
+
*/
|
|
42
|
+
protected readonly image: WritableSignal<string | null>;
|
|
43
|
+
/** Адрес картинки от приложения */
|
|
44
|
+
readonly imageUrl: InputSignal<string | null>;
|
|
45
|
+
/** Имя файла, под которым картинку скачивают и отдают приложению */
|
|
46
|
+
readonly fileName: InputSignal<string>;
|
|
47
|
+
/** Подсказка над картинкой; пустая — подпись кита */
|
|
48
|
+
readonly tooltip: InputSignal<string>;
|
|
49
|
+
/** Кнопка скачивания рядом с картинкой */
|
|
50
|
+
readonly downloadable: InputSignalWithTransform<boolean, BooleanInput>;
|
|
51
|
+
/** Форма кнопки скачивания; она заходит за правый верхний угол картинки при любой форме */
|
|
52
|
+
readonly downloadShape: InputSignal<IRtImageUpload.DownloadShape>;
|
|
53
|
+
/** Размер значка кнопки скачивания; пусто — от размера кнопки */
|
|
54
|
+
readonly downloadIconSize: InputSignal<IRtIcon.Size | null>;
|
|
55
|
+
/** Вид кнопки выбора файла в пустом загрузчике */
|
|
56
|
+
readonly chooseAppearance: InputSignal<IButton.Appearance>;
|
|
57
|
+
/** Значок кнопки выбора файла; пусто — кнопка без значка */
|
|
58
|
+
readonly chooseIcon: InputSignal<string | null>;
|
|
59
|
+
/** Без кнопок «Отмена» и «Применить»: каждый результат обрезки применяется сразу */
|
|
60
|
+
readonly autoApply: InputSignalWithTransform<boolean, BooleanInput>;
|
|
61
|
+
/** Приложение загружает картинку: на месте стоит индикатор */
|
|
62
|
+
readonly loading: InputSignalWithTransform<boolean, BooleanInput>;
|
|
63
|
+
/** Недоступный загрузчик не берёт файлов и не отзывается на нажатие картинки */
|
|
64
|
+
readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
|
|
65
|
+
/** Соотношение рамки обрезки; пусто — свободная рамка */
|
|
66
|
+
readonly ratio: InputSignalWithTransform<number | null, NumberInput>;
|
|
67
|
+
/** Круглая маска обрезки для аватара */
|
|
68
|
+
readonly round: InputSignalWithTransform<boolean, BooleanInput>;
|
|
69
|
+
/** Формат результата; пусто — формат исходника */
|
|
70
|
+
readonly format: InputSignal<IRtImageCropper.Format | null>;
|
|
71
|
+
/** Качество результата, от 0 до 100 */
|
|
72
|
+
readonly quality: InputSignalWithTransform<number, NumberInput>;
|
|
73
|
+
/** Применённый файл — его приложение отправляет, куда ему надо */
|
|
74
|
+
readonly imageChanged: OutputEmitterRef<File>;
|
|
75
|
+
/** Картинку скачали */
|
|
76
|
+
readonly downloaded: OutputEmitterRef<void>;
|
|
77
|
+
constructor();
|
|
78
|
+
/** Открывает выбор файла, если загрузчик доступен */
|
|
79
|
+
pick(): void;
|
|
80
|
+
/** Файл выбран кнопкой или брошен: изображение открывает обрезку, остальное пропускается */
|
|
81
|
+
choose(file: File | null | undefined): void;
|
|
82
|
+
protected onPicked(event: Event): void;
|
|
83
|
+
protected onSpace(event: Event): void;
|
|
84
|
+
protected onCropped(result: IRtImageCropper.Result): void;
|
|
85
|
+
protected apply(): void;
|
|
86
|
+
protected cancel(): void;
|
|
87
|
+
protected download(): void;
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RtImageUploadComponent, never>;
|
|
89
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RtImageUploadComponent, "rt-image-upload", never, {
|
|
90
|
+
"imageUrl": {
|
|
91
|
+
"alias": "imageUrl";
|
|
92
|
+
"required": false;
|
|
93
|
+
"isSignal": true;
|
|
94
|
+
};
|
|
95
|
+
"fileName": {
|
|
96
|
+
"alias": "fileName";
|
|
97
|
+
"required": false;
|
|
98
|
+
"isSignal": true;
|
|
99
|
+
};
|
|
100
|
+
"tooltip": {
|
|
101
|
+
"alias": "tooltip";
|
|
102
|
+
"required": false;
|
|
103
|
+
"isSignal": true;
|
|
104
|
+
};
|
|
105
|
+
"downloadable": {
|
|
106
|
+
"alias": "downloadable";
|
|
107
|
+
"required": false;
|
|
108
|
+
"isSignal": true;
|
|
109
|
+
};
|
|
110
|
+
"downloadShape": {
|
|
111
|
+
"alias": "downloadShape";
|
|
112
|
+
"required": false;
|
|
113
|
+
"isSignal": true;
|
|
114
|
+
};
|
|
115
|
+
"downloadIconSize": {
|
|
116
|
+
"alias": "downloadIconSize";
|
|
117
|
+
"required": false;
|
|
118
|
+
"isSignal": true;
|
|
119
|
+
};
|
|
120
|
+
"chooseAppearance": {
|
|
121
|
+
"alias": "chooseAppearance";
|
|
122
|
+
"required": false;
|
|
123
|
+
"isSignal": true;
|
|
124
|
+
};
|
|
125
|
+
"chooseIcon": {
|
|
126
|
+
"alias": "chooseIcon";
|
|
127
|
+
"required": false;
|
|
128
|
+
"isSignal": true;
|
|
129
|
+
};
|
|
130
|
+
"autoApply": {
|
|
131
|
+
"alias": "autoApply";
|
|
132
|
+
"required": false;
|
|
133
|
+
"isSignal": true;
|
|
134
|
+
};
|
|
135
|
+
"loading": {
|
|
136
|
+
"alias": "loading";
|
|
137
|
+
"required": false;
|
|
138
|
+
"isSignal": true;
|
|
139
|
+
};
|
|
140
|
+
"disabled": {
|
|
141
|
+
"alias": "disabled";
|
|
142
|
+
"required": false;
|
|
143
|
+
"isSignal": true;
|
|
144
|
+
};
|
|
145
|
+
"ratio": {
|
|
146
|
+
"alias": "ratio";
|
|
147
|
+
"required": false;
|
|
148
|
+
"isSignal": true;
|
|
149
|
+
};
|
|
150
|
+
"round": {
|
|
151
|
+
"alias": "round";
|
|
152
|
+
"required": false;
|
|
153
|
+
"isSignal": true;
|
|
154
|
+
};
|
|
155
|
+
"format": {
|
|
156
|
+
"alias": "format";
|
|
157
|
+
"required": false;
|
|
158
|
+
"isSignal": true;
|
|
159
|
+
};
|
|
160
|
+
"quality": {
|
|
161
|
+
"alias": "quality";
|
|
162
|
+
"required": false;
|
|
163
|
+
"isSignal": true;
|
|
164
|
+
};
|
|
165
|
+
}, {
|
|
166
|
+
"imageChanged": "imageChanged";
|
|
167
|
+
"downloaded": "downloaded";
|
|
168
|
+
}, never, never, true, never>;
|
|
92
169
|
}
|
|
93
|
-
|
|
94
170
|
/**
|
|
95
171
|
* Какое состояние занимает место. Загрузка приложения важнее всего, выбранный исходник важнее
|
|
96
172
|
* картинки, картинка важнее зоны загрузки.
|
|
97
173
|
*/
|
|
98
|
-
declare function uploadState(loading: boolean, hasSource: boolean, image: string | null): IRtImageUpload.State;
|
|
174
|
+
export declare function uploadState(loading: boolean, hasSource: boolean, image: string | null): IRtImageUpload.State;
|
|
99
175
|
/** Берётся только файл изображения: брошенный файл другого типа загрузчик пропускает */
|
|
100
|
-
declare function isImageFile(file: File | null | undefined): file is File;
|
|
101
|
-
|
|
102
|
-
export { IRtImageUpload, RtImageUploadComponent, isImageFile, uploadState };
|
|
176
|
+
export declare function isImageFile(file: File | null | undefined): file is File;
|
|
@@ -1,13 +1,26 @@
|
|
|
1
|
-
import { BooleanInput } from
|
|
2
|
-
import * as i0 from
|
|
3
|
-
import { InputSignal, InputSignalWithTransform } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { BooleanInput } from "@angular/cdk/coercion";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import { InputSignal, InputSignalWithTransform } from "@angular/core";
|
|
4
|
+
export declare class RtInfoItemComponent {
|
|
5
|
+
readonly label: InputSignal<string>;
|
|
6
|
+
readonly loading: InputSignalWithTransform<boolean, BooleanInput>;
|
|
7
|
+
readonly grow: InputSignalWithTransform<boolean, BooleanInput>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RtInfoItemComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RtInfoItemComponent, "rt-info-item", never, {
|
|
10
|
+
"label": {
|
|
11
|
+
"alias": "label";
|
|
12
|
+
"required": true;
|
|
13
|
+
"isSignal": true;
|
|
14
|
+
};
|
|
15
|
+
"loading": {
|
|
16
|
+
"alias": "loading";
|
|
17
|
+
"required": false;
|
|
18
|
+
"isSignal": true;
|
|
19
|
+
};
|
|
20
|
+
"grow": {
|
|
21
|
+
"alias": "grow";
|
|
22
|
+
"required": false;
|
|
23
|
+
"isSignal": true;
|
|
24
|
+
};
|
|
25
|
+
}, {}, never, ["*"], true, never>;
|
|
26
|
+
}
|