@trebired/frontend 0.3.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/CHANGELOG.md +30 -0
- package/LICENSE +661 -0
- package/README.md +212 -0
- package/dist/actions/buttons.d.ts +8 -0
- package/dist/actions/buttons.d.ts.map +1 -0
- package/dist/actions/buttons.js +116 -0
- package/dist/actions/buttons.js.map +1 -0
- package/dist/actions/components/index.d.ts +26 -0
- package/dist/actions/components/index.d.ts.map +1 -0
- package/dist/actions/components/index.js +25 -0
- package/dist/actions/components/index.js.map +1 -0
- package/dist/actions/confetti.d.ts +12 -0
- package/dist/actions/confetti.d.ts.map +1 -0
- package/dist/actions/confetti.js +36 -0
- package/dist/actions/confetti.js.map +1 -0
- package/dist/actions/forms.d.ts +12 -0
- package/dist/actions/forms.d.ts.map +1 -0
- package/dist/actions/forms.js +159 -0
- package/dist/actions/forms.js.map +1 -0
- package/dist/actions/index.d.ts +8 -0
- package/dist/actions/index.d.ts.map +1 -0
- package/dist/actions/index.js +7 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/actions/request.d.ts +13 -0
- package/dist/actions/request.d.ts.map +1 -0
- package/dist/actions/request.js +83 -0
- package/dist/actions/request.js.map +1 -0
- package/dist/actions/response.d.ts +18 -0
- package/dist/actions/response.d.ts.map +1 -0
- package/dist/actions/response.js +104 -0
- package/dist/actions/response.js.map +1 -0
- package/dist/actions/styles/index.scss +42 -0
- package/dist/actions/triggers.d.ts +24 -0
- package/dist/actions/triggers.d.ts.map +1 -0
- package/dist/actions/triggers.js +107 -0
- package/dist/actions/triggers.js.map +1 -0
- package/dist/actions/types.d.ts +63 -0
- package/dist/actions/types.d.ts.map +1 -0
- package/dist/actions/types.js +2 -0
- package/dist/actions/types.js.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +11 -0
- package/dist/components/index.js.map +1 -0
- package/dist/dom/index.d.ts +26 -0
- package/dist/dom/index.d.ts.map +1 -0
- package/dist/dom/index.js +164 -0
- package/dist/dom/index.js.map +1 -0
- package/dist/flash/components/index.d.ts +28 -0
- package/dist/flash/components/index.d.ts.map +1 -0
- package/dist/flash/components/index.js +27 -0
- package/dist/flash/components/index.js.map +1 -0
- package/dist/flash/dialogs.d.ts +6 -0
- package/dist/flash/dialogs.d.ts.map +1 -0
- package/dist/flash/dialogs.js +120 -0
- package/dist/flash/dialogs.js.map +1 -0
- package/dist/flash/duration.d.ts +8 -0
- package/dist/flash/duration.d.ts.map +1 -0
- package/dist/flash/duration.js +20 -0
- package/dist/flash/duration.js.map +1 -0
- package/dist/flash/elements.d.ts +14 -0
- package/dist/flash/elements.d.ts.map +1 -0
- package/dist/flash/elements.js +67 -0
- package/dist/flash/elements.js.map +1 -0
- package/dist/flash/index.d.ts +8 -0
- package/dist/flash/index.d.ts.map +1 -0
- package/dist/flash/index.js +18 -0
- package/dist/flash/index.js.map +1 -0
- package/dist/flash/stack.d.ts +6 -0
- package/dist/flash/stack.d.ts.map +1 -0
- package/dist/flash/stack.js +56 -0
- package/dist/flash/stack.js.map +1 -0
- package/dist/flash/styles/index.scss +118 -0
- package/dist/flash/toast.d.ts +24 -0
- package/dist/flash/toast.d.ts.map +1 -0
- package/dist/flash/toast.js +67 -0
- package/dist/flash/toast.js.map +1 -0
- package/dist/flash/types.d.ts +29 -0
- package/dist/flash/types.d.ts.map +1 -0
- package/dist/flash/types.js +2 -0
- package/dist/flash/types.js.map +1 -0
- package/dist/http/index.d.ts +30 -0
- package/dist/http/index.d.ts.map +1 -0
- package/dist/http/index.js +104 -0
- package/dist/http/index.js.map +1 -0
- package/dist/index.d.ts +40 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +104 -0
- package/dist/index.js.map +1 -0
- package/dist/inputs/components/index.d.ts +16 -0
- package/dist/inputs/components/index.d.ts.map +1 -0
- package/dist/inputs/components/index.js +112 -0
- package/dist/inputs/components/index.js.map +1 -0
- package/dist/inputs/index.d.ts +17 -0
- package/dist/inputs/index.d.ts.map +1 -0
- package/dist/inputs/index.js +54 -0
- package/dist/inputs/index.js.map +1 -0
- package/dist/inputs/styles/cropper.scss +244 -0
- package/dist/inputs/styles/field.scss +15 -0
- package/dist/inputs/styles/index.scss +3 -0
- package/dist/inputs/styles/upload.scss +125 -0
- package/dist/inputs/upload/config.d.ts +57 -0
- package/dist/inputs/upload/config.d.ts.map +1 -0
- package/dist/inputs/upload/config.js +61 -0
- package/dist/inputs/upload/config.js.map +1 -0
- package/dist/inputs/upload/crop-session.d.ts +6 -0
- package/dist/inputs/upload/crop-session.d.ts.map +1 -0
- package/dist/inputs/upload/crop-session.js +204 -0
- package/dist/inputs/upload/crop-session.js.map +1 -0
- package/dist/inputs/upload/crop.d.ts +20 -0
- package/dist/inputs/upload/crop.d.ts.map +1 -0
- package/dist/inputs/upload/crop.js +124 -0
- package/dist/inputs/upload/crop.js.map +1 -0
- package/dist/inputs/upload/dom.d.ts +19 -0
- package/dist/inputs/upload/dom.d.ts.map +1 -0
- package/dist/inputs/upload/dom.js +74 -0
- package/dist/inputs/upload/dom.js.map +1 -0
- package/dist/inputs/upload/drop.d.ts +10 -0
- package/dist/inputs/upload/drop.d.ts.map +1 -0
- package/dist/inputs/upload/drop.js +92 -0
- package/dist/inputs/upload/drop.js.map +1 -0
- package/dist/inputs/upload/files.d.ts +14 -0
- package/dist/inputs/upload/files.d.ts.map +1 -0
- package/dist/inputs/upload/files.js +82 -0
- package/dist/inputs/upload/files.js.map +1 -0
- package/dist/inputs/upload/manager.d.ts +36 -0
- package/dist/inputs/upload/manager.d.ts.map +1 -0
- package/dist/inputs/upload/manager.js +236 -0
- package/dist/inputs/upload/manager.js.map +1 -0
- package/dist/inputs/upload/markup.d.ts +30 -0
- package/dist/inputs/upload/markup.d.ts.map +1 -0
- package/dist/inputs/upload/markup.js +118 -0
- package/dist/inputs/upload/markup.js.map +1 -0
- package/dist/inputs/upload/model.d.ts +41 -0
- package/dist/inputs/upload/model.d.ts.map +1 -0
- package/dist/inputs/upload/model.js +76 -0
- package/dist/inputs/upload/model.js.map +1 -0
- package/dist/inputs/upload/state.d.ts +16 -0
- package/dist/inputs/upload/state.d.ts.map +1 -0
- package/dist/inputs/upload/state.js +181 -0
- package/dist/inputs/upload/state.js.map +1 -0
- package/dist/inputs/upload/text.d.ts +7 -0
- package/dist/inputs/upload/text.d.ts.map +1 -0
- package/dist/inputs/upload/text.js +29 -0
- package/dist/inputs/upload/text.js.map +1 -0
- package/dist/inputs/upload/types.d.ts +86 -0
- package/dist/inputs/upload/types.d.ts.map +1 -0
- package/dist/inputs/upload/types.js +2 -0
- package/dist/inputs/upload/types.js.map +1 -0
- package/dist/layer/components/index.d.ts +12 -0
- package/dist/layer/components/index.d.ts.map +1 -0
- package/dist/layer/components/index.js +12 -0
- package/dist/layer/components/index.js.map +1 -0
- package/dist/layer/index.d.ts +22 -0
- package/dist/layer/index.d.ts.map +1 -0
- package/dist/layer/index.js +159 -0
- package/dist/layer/index.js.map +1 -0
- package/dist/layer/styles/index.scss +6 -0
- package/dist/live/components/index.d.ts +15 -0
- package/dist/live/components/index.d.ts.map +1 -0
- package/dist/live/components/index.js +12 -0
- package/dist/live/components/index.js.map +1 -0
- package/dist/live/index.d.ts +29 -0
- package/dist/live/index.d.ts.map +1 -0
- package/dist/live/index.js +103 -0
- package/dist/live/index.js.map +1 -0
- package/dist/logging/index.d.ts +17 -0
- package/dist/logging/index.d.ts.map +1 -0
- package/dist/logging/index.js +68 -0
- package/dist/logging/index.js.map +1 -0
- package/dist/modal/components/index.d.ts +18 -0
- package/dist/modal/components/index.d.ts.map +1 -0
- package/dist/modal/components/index.js +20 -0
- package/dist/modal/components/index.js.map +1 -0
- package/dist/modal/index.d.ts +24 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/index.js +184 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/modal/styles/index.scss +50 -0
- package/dist/popover/components/index.d.ts +14 -0
- package/dist/popover/components/index.d.ts.map +1 -0
- package/dist/popover/components/index.js +16 -0
- package/dist/popover/components/index.js.map +1 -0
- package/dist/popover/index.d.ts +16 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/popover/index.js +140 -0
- package/dist/popover/index.js.map +1 -0
- package/dist/popover/styles/index.scss +24 -0
- package/dist/progress/components/index.d.ts +10 -0
- package/dist/progress/components/index.d.ts.map +1 -0
- package/dist/progress/components/index.js +14 -0
- package/dist/progress/components/index.js.map +1 -0
- package/dist/progress/index.d.ts +18 -0
- package/dist/progress/index.d.ts.map +1 -0
- package/dist/progress/index.js +89 -0
- package/dist/progress/index.js.map +1 -0
- package/dist/progress/styles/index.scss +16 -0
- package/dist/react/index.d.ts +17 -0
- package/dist/react/index.d.ts.map +1 -0
- package/dist/react/index.js +47 -0
- package/dist/react/index.js.map +1 -0
- package/dist/src/actions/buttons.d.ts +8 -0
- package/dist/src/actions/buttons.d.ts.map +1 -0
- package/dist/src/actions/buttons.js +116 -0
- package/dist/src/actions/buttons.js.map +1 -0
- package/dist/src/actions/components/index.d.ts +26 -0
- package/dist/src/actions/components/index.d.ts.map +1 -0
- package/dist/src/actions/components/index.js +25 -0
- package/dist/src/actions/components/index.js.map +1 -0
- package/dist/src/actions/confetti.d.ts +12 -0
- package/dist/src/actions/confetti.d.ts.map +1 -0
- package/dist/src/actions/confetti.js +36 -0
- package/dist/src/actions/confetti.js.map +1 -0
- package/dist/src/actions/forms.d.ts +12 -0
- package/dist/src/actions/forms.d.ts.map +1 -0
- package/dist/src/actions/forms.js +159 -0
- package/dist/src/actions/forms.js.map +1 -0
- package/dist/src/actions/index.d.ts +8 -0
- package/dist/src/actions/index.d.ts.map +1 -0
- package/dist/src/actions/index.js +7 -0
- package/dist/src/actions/index.js.map +1 -0
- package/dist/src/actions/request.d.ts +13 -0
- package/dist/src/actions/request.d.ts.map +1 -0
- package/dist/src/actions/request.js +83 -0
- package/dist/src/actions/request.js.map +1 -0
- package/dist/src/actions/response.d.ts +18 -0
- package/dist/src/actions/response.d.ts.map +1 -0
- package/dist/src/actions/response.js +104 -0
- package/dist/src/actions/response.js.map +1 -0
- package/dist/src/actions/triggers.d.ts +24 -0
- package/dist/src/actions/triggers.d.ts.map +1 -0
- package/dist/src/actions/triggers.js +107 -0
- package/dist/src/actions/triggers.js.map +1 -0
- package/dist/src/actions/types.d.ts +63 -0
- package/dist/src/actions/types.d.ts.map +1 -0
- package/dist/src/actions/types.js +2 -0
- package/dist/src/actions/types.js.map +1 -0
- package/dist/src/components/index.d.ts +5 -0
- package/dist/src/components/index.d.ts.map +1 -0
- package/dist/src/components/index.js +11 -0
- package/dist/src/components/index.js.map +1 -0
- package/dist/src/dom/index.d.ts +26 -0
- package/dist/src/dom/index.d.ts.map +1 -0
- package/dist/src/dom/index.js +164 -0
- package/dist/src/dom/index.js.map +1 -0
- package/dist/src/flash/components/index.d.ts +28 -0
- package/dist/src/flash/components/index.d.ts.map +1 -0
- package/dist/src/flash/components/index.js +27 -0
- package/dist/src/flash/components/index.js.map +1 -0
- package/dist/src/flash/dialogs.d.ts +6 -0
- package/dist/src/flash/dialogs.d.ts.map +1 -0
- package/dist/src/flash/dialogs.js +120 -0
- package/dist/src/flash/dialogs.js.map +1 -0
- package/dist/src/flash/duration.d.ts +8 -0
- package/dist/src/flash/duration.d.ts.map +1 -0
- package/dist/src/flash/duration.js +20 -0
- package/dist/src/flash/duration.js.map +1 -0
- package/dist/src/flash/elements.d.ts +14 -0
- package/dist/src/flash/elements.d.ts.map +1 -0
- package/dist/src/flash/elements.js +67 -0
- package/dist/src/flash/elements.js.map +1 -0
- package/dist/src/flash/index.d.ts +8 -0
- package/dist/src/flash/index.d.ts.map +1 -0
- package/dist/src/flash/index.js +18 -0
- package/dist/src/flash/index.js.map +1 -0
- package/dist/src/flash/stack.d.ts +6 -0
- package/dist/src/flash/stack.d.ts.map +1 -0
- package/dist/src/flash/stack.js +56 -0
- package/dist/src/flash/stack.js.map +1 -0
- package/dist/src/flash/toast.d.ts +24 -0
- package/dist/src/flash/toast.d.ts.map +1 -0
- package/dist/src/flash/toast.js +67 -0
- package/dist/src/flash/toast.js.map +1 -0
- package/dist/src/flash/types.d.ts +29 -0
- package/dist/src/flash/types.d.ts.map +1 -0
- package/dist/src/flash/types.js +2 -0
- package/dist/src/flash/types.js.map +1 -0
- package/dist/src/http/index.d.ts +30 -0
- package/dist/src/http/index.d.ts.map +1 -0
- package/dist/src/http/index.js +104 -0
- package/dist/src/http/index.js.map +1 -0
- package/dist/src/index.d.ts +40 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/index.js +104 -0
- package/dist/src/index.js.map +1 -0
- package/dist/src/inputs/components/index.d.ts +16 -0
- package/dist/src/inputs/components/index.d.ts.map +1 -0
- package/dist/src/inputs/components/index.js +112 -0
- package/dist/src/inputs/components/index.js.map +1 -0
- package/dist/src/inputs/index.d.ts +17 -0
- package/dist/src/inputs/index.d.ts.map +1 -0
- package/dist/src/inputs/index.js +54 -0
- package/dist/src/inputs/index.js.map +1 -0
- package/dist/src/inputs/upload/config.d.ts +57 -0
- package/dist/src/inputs/upload/config.d.ts.map +1 -0
- package/dist/src/inputs/upload/config.js +61 -0
- package/dist/src/inputs/upload/config.js.map +1 -0
- package/dist/src/inputs/upload/crop-session.d.ts +6 -0
- package/dist/src/inputs/upload/crop-session.d.ts.map +1 -0
- package/dist/src/inputs/upload/crop-session.js +204 -0
- package/dist/src/inputs/upload/crop-session.js.map +1 -0
- package/dist/src/inputs/upload/crop.d.ts +20 -0
- package/dist/src/inputs/upload/crop.d.ts.map +1 -0
- package/dist/src/inputs/upload/crop.js +124 -0
- package/dist/src/inputs/upload/crop.js.map +1 -0
- package/dist/src/inputs/upload/dom.d.ts +19 -0
- package/dist/src/inputs/upload/dom.d.ts.map +1 -0
- package/dist/src/inputs/upload/dom.js +74 -0
- package/dist/src/inputs/upload/dom.js.map +1 -0
- package/dist/src/inputs/upload/drop.d.ts +10 -0
- package/dist/src/inputs/upload/drop.d.ts.map +1 -0
- package/dist/src/inputs/upload/drop.js +92 -0
- package/dist/src/inputs/upload/drop.js.map +1 -0
- package/dist/src/inputs/upload/files.d.ts +14 -0
- package/dist/src/inputs/upload/files.d.ts.map +1 -0
- package/dist/src/inputs/upload/files.js +82 -0
- package/dist/src/inputs/upload/files.js.map +1 -0
- package/dist/src/inputs/upload/manager.d.ts +36 -0
- package/dist/src/inputs/upload/manager.d.ts.map +1 -0
- package/dist/src/inputs/upload/manager.js +236 -0
- package/dist/src/inputs/upload/manager.js.map +1 -0
- package/dist/src/inputs/upload/markup.d.ts +30 -0
- package/dist/src/inputs/upload/markup.d.ts.map +1 -0
- package/dist/src/inputs/upload/markup.js +118 -0
- package/dist/src/inputs/upload/markup.js.map +1 -0
- package/dist/src/inputs/upload/model.d.ts +41 -0
- package/dist/src/inputs/upload/model.d.ts.map +1 -0
- package/dist/src/inputs/upload/model.js +76 -0
- package/dist/src/inputs/upload/model.js.map +1 -0
- package/dist/src/inputs/upload/state.d.ts +16 -0
- package/dist/src/inputs/upload/state.d.ts.map +1 -0
- package/dist/src/inputs/upload/state.js +181 -0
- package/dist/src/inputs/upload/state.js.map +1 -0
- package/dist/src/inputs/upload/text.d.ts +7 -0
- package/dist/src/inputs/upload/text.d.ts.map +1 -0
- package/dist/src/inputs/upload/text.js +29 -0
- package/dist/src/inputs/upload/text.js.map +1 -0
- package/dist/src/inputs/upload/types.d.ts +86 -0
- package/dist/src/inputs/upload/types.d.ts.map +1 -0
- package/dist/src/inputs/upload/types.js +2 -0
- package/dist/src/inputs/upload/types.js.map +1 -0
- package/dist/src/layer/components/index.d.ts +12 -0
- package/dist/src/layer/components/index.d.ts.map +1 -0
- package/dist/src/layer/components/index.js +12 -0
- package/dist/src/layer/components/index.js.map +1 -0
- package/dist/src/layer/index.d.ts +22 -0
- package/dist/src/layer/index.d.ts.map +1 -0
- package/dist/src/layer/index.js +159 -0
- package/dist/src/layer/index.js.map +1 -0
- package/dist/src/live/components/index.d.ts +15 -0
- package/dist/src/live/components/index.d.ts.map +1 -0
- package/dist/src/live/components/index.js +12 -0
- package/dist/src/live/components/index.js.map +1 -0
- package/dist/src/live/index.d.ts +29 -0
- package/dist/src/live/index.d.ts.map +1 -0
- package/dist/src/live/index.js +103 -0
- package/dist/src/live/index.js.map +1 -0
- package/dist/src/logging/index.d.ts +17 -0
- package/dist/src/logging/index.d.ts.map +1 -0
- package/dist/src/logging/index.js +68 -0
- package/dist/src/logging/index.js.map +1 -0
- package/dist/src/modal/components/index.d.ts +18 -0
- package/dist/src/modal/components/index.d.ts.map +1 -0
- package/dist/src/modal/components/index.js +20 -0
- package/dist/src/modal/components/index.js.map +1 -0
- package/dist/src/modal/index.d.ts +24 -0
- package/dist/src/modal/index.d.ts.map +1 -0
- package/dist/src/modal/index.js +184 -0
- package/dist/src/modal/index.js.map +1 -0
- package/dist/src/popover/components/index.d.ts +14 -0
- package/dist/src/popover/components/index.d.ts.map +1 -0
- package/dist/src/popover/components/index.js +16 -0
- package/dist/src/popover/components/index.js.map +1 -0
- package/dist/src/popover/index.d.ts +16 -0
- package/dist/src/popover/index.d.ts.map +1 -0
- package/dist/src/popover/index.js +140 -0
- package/dist/src/popover/index.js.map +1 -0
- package/dist/src/progress/components/index.d.ts +10 -0
- package/dist/src/progress/components/index.d.ts.map +1 -0
- package/dist/src/progress/components/index.js +14 -0
- package/dist/src/progress/components/index.js.map +1 -0
- package/dist/src/progress/index.d.ts +18 -0
- package/dist/src/progress/index.d.ts.map +1 -0
- package/dist/src/progress/index.js +89 -0
- package/dist/src/progress/index.js.map +1 -0
- package/dist/src/react/index.d.ts +17 -0
- package/dist/src/react/index.d.ts.map +1 -0
- package/dist/src/react/index.js +47 -0
- package/dist/src/react/index.js.map +1 -0
- package/dist/src/styles/index.d.ts +3 -0
- package/dist/src/styles/index.d.ts.map +1 -0
- package/dist/src/styles/index.js +14 -0
- package/dist/src/styles/index.js.map +1 -0
- package/dist/src/theme/components/index.d.ts +14 -0
- package/dist/src/theme/components/index.d.ts.map +1 -0
- package/dist/src/theme/components/index.js +13 -0
- package/dist/src/theme/components/index.js.map +1 -0
- package/dist/src/theme/index.d.ts +26 -0
- package/dist/src/theme/index.d.ts.map +1 -0
- package/dist/src/theme/index.js +119 -0
- package/dist/src/theme/index.js.map +1 -0
- package/dist/src/tooltip/components/index.d.ts +17 -0
- package/dist/src/tooltip/components/index.d.ts.map +1 -0
- package/dist/src/tooltip/components/index.js +20 -0
- package/dist/src/tooltip/components/index.js.map +1 -0
- package/dist/src/tooltip/index.d.ts +10 -0
- package/dist/src/tooltip/index.d.ts.map +1 -0
- package/dist/src/tooltip/index.js +171 -0
- package/dist/src/tooltip/index.js.map +1 -0
- package/dist/styles/index.d.ts +3 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/styles/index.js +14 -0
- package/dist/styles/index.js.map +1 -0
- package/dist/styles/tokens.scss +22 -0
- package/dist/styles/utils.scss +220 -0
- package/dist/theme/components/index.d.ts +14 -0
- package/dist/theme/components/index.d.ts.map +1 -0
- package/dist/theme/components/index.js +13 -0
- package/dist/theme/components/index.js.map +1 -0
- package/dist/theme/index.d.ts +26 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +119 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/tooltip/components/index.d.ts +17 -0
- package/dist/tooltip/components/index.d.ts.map +1 -0
- package/dist/tooltip/components/index.js +20 -0
- package/dist/tooltip/components/index.js.map +1 -0
- package/dist/tooltip/index.d.ts +10 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/index.js +171 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tooltip/styles/index.scss +17 -0
- package/package.json +232 -0
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { classNames, dataBool, jsonScript } from "../../components/index.js";
|
|
3
|
+
import { uploadConfigPayload } from "../upload/markup.js";
|
|
4
|
+
import { uploadModel } from "../upload/model.js";
|
|
5
|
+
const directoryPickerAttributes = {
|
|
6
|
+
directory: "",
|
|
7
|
+
webkitdirectory: "",
|
|
8
|
+
};
|
|
9
|
+
const uploadOptionKeys = new Set([
|
|
10
|
+
"accept",
|
|
11
|
+
"aspect",
|
|
12
|
+
"clearLabel",
|
|
13
|
+
"crop",
|
|
14
|
+
"cropFailedMessage",
|
|
15
|
+
"cropImageOnlyDescription",
|
|
16
|
+
"cropImageOnlyMessage",
|
|
17
|
+
"directory",
|
|
18
|
+
"directoryOptionLabel",
|
|
19
|
+
"drop",
|
|
20
|
+
"dropDirectory",
|
|
21
|
+
"emptyLabel",
|
|
22
|
+
"emptyToggle",
|
|
23
|
+
"fileOptionLabel",
|
|
24
|
+
"formatNotAllowedDescription",
|
|
25
|
+
"formatNotAllowedMessage",
|
|
26
|
+
"formats",
|
|
27
|
+
"helperText",
|
|
28
|
+
"id",
|
|
29
|
+
"mixedPicker",
|
|
30
|
+
"modalDescription",
|
|
31
|
+
"modalTitle",
|
|
32
|
+
"multiple",
|
|
33
|
+
"name",
|
|
34
|
+
"preview",
|
|
35
|
+
"previewAlt",
|
|
36
|
+
"previewShape",
|
|
37
|
+
"previewUrl",
|
|
38
|
+
"skipDirs",
|
|
39
|
+
"triggerLabel",
|
|
40
|
+
"useImageLabel",
|
|
41
|
+
]);
|
|
42
|
+
function splitUploadFieldProps(props) {
|
|
43
|
+
const options = {};
|
|
44
|
+
const rootProps = {};
|
|
45
|
+
Object.entries(props).forEach(([key, value]) => {
|
|
46
|
+
if (uploadOptionKeys.has(key))
|
|
47
|
+
options[key] = value;
|
|
48
|
+
else
|
|
49
|
+
rootProps[key] = value;
|
|
50
|
+
});
|
|
51
|
+
return {
|
|
52
|
+
options: options,
|
|
53
|
+
rootProps: rootProps,
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
function UploadField(props) {
|
|
57
|
+
const { options, rootProps } = splitUploadFieldProps(props);
|
|
58
|
+
const { children, className, ...rest } = rootProps;
|
|
59
|
+
const model = uploadModel(options);
|
|
60
|
+
return (_jsxs("div", { ...rest, className: classNames("tbf-upload", className), "data-tbf-upload": "", "data-tbf-upload-drop": dataBool(model.allowDrop), "data-tbf-upload-empty": model.emptyLabel, id: model.id, children: [_jsx(UploadConfigScript, { model: model }), _jsx(UploadNativeInputs, { model: model }), _jsx(UploadSurface, { model: model, children: children }), _jsx(UploadEmptyToggle, { model: model })] }));
|
|
61
|
+
}
|
|
62
|
+
function UploadConfigScript(props) {
|
|
63
|
+
return (_jsx("script", { "data-tbf-upload-config": "", hidden: true, type: "application/json", dangerouslySetInnerHTML: {
|
|
64
|
+
__html: jsonScript(uploadConfigPayload(props.model)),
|
|
65
|
+
} }));
|
|
66
|
+
}
|
|
67
|
+
function UploadNativeInputs(props) {
|
|
68
|
+
const { model } = props;
|
|
69
|
+
return (_jsxs(_Fragment, { children: [_jsx("input", { className: "tbf-upload__input", "data-tbf-upload-slot": "native-file", id: `${model.id}_input`, type: "file", name: model.name, multiple: model.allowMultiple, accept: model.accept || undefined }), model.allowDirectory || model.allowMixedPicker ? (_jsx("input", { className: "tbf-upload__input", "data-tbf-upload-slot": "native-directory", id: `${model.id}_directory`, type: "file", name: model.name, multiple: true, ...directoryPickerAttributes })) : null, model.name && model.crop ? (_jsx("input", { type: "hidden", name: `${model.name}_crop`, value: "", "data-tbf-upload-slot": "crop-field" })) : null] }));
|
|
70
|
+
}
|
|
71
|
+
function UploadSurface(props) {
|
|
72
|
+
const { children, model } = props;
|
|
73
|
+
return (_jsxs("div", { className: "tbf-upload__surface", "data-tbf-upload-slot": "shell", children: [_jsx(UploadPreview, { model: model }), _jsxs("div", { className: "tbf-upload__content", children: [_jsx(UploadButtons, { model: model }), _jsx(UploadMeta, { model: model, children: children })] })] }));
|
|
74
|
+
}
|
|
75
|
+
function UploadPreview(props) {
|
|
76
|
+
const { model } = props;
|
|
77
|
+
if (!model.previewEnabled)
|
|
78
|
+
return null;
|
|
79
|
+
return (_jsxs("div", { className: "tbf-upload__preview", "data-tbf-upload-preview-shape": model.previewShape, "data-tbf-upload-slot": "preview", hidden: !model.previewUrl, children: [_jsx("img", { className: "tbf-upload__preview-image", "data-tbf-upload-slot": "preview-image", alt: model.previewAlt, src: model.previewUrl || undefined, hidden: !model.previewUrl }), _jsx("span", { className: "tbf-upload__preview-empty", "data-tbf-upload-slot": "preview-empty", hidden: Boolean(model.previewUrl), children: model.previewEmptyText })] }));
|
|
80
|
+
}
|
|
81
|
+
function UploadButtons(props) {
|
|
82
|
+
const { model } = props;
|
|
83
|
+
return (_jsxs("div", { className: "tbf-upload__actions", children: [model.allowMixedPicker ? (_jsxs(_Fragment, { children: [_jsx(UploadButton, { slot: "file-trigger", children: model.fileOptionLabel }), _jsx(UploadButton, { slot: "directory-trigger", children: model.directoryOptionLabel })] })) : (_jsx(UploadButton, { slot: model.allowDirectory ? "directory-trigger" : "trigger", children: model.triggerLabel })), _jsx(UploadButton, { slot: "clear", hidden: !model.canClearCurrentPreview, children: model.clearLabel })] }));
|
|
84
|
+
}
|
|
85
|
+
function UploadButton(props) {
|
|
86
|
+
const { children, className, slot, type = "button", ...rest } = props;
|
|
87
|
+
return (_jsx("button", { ...rest, className: classNames("tbf-upload__button", className), "data-tbf-upload-slot": slot, type: type, children: children }));
|
|
88
|
+
}
|
|
89
|
+
function UploadMeta(props) {
|
|
90
|
+
const { children, model } = props;
|
|
91
|
+
return (_jsxs("div", { className: "tbf-upload__meta", children: [_jsx("span", { className: "tbf-upload__filename", "data-tbf-upload-slot": "filename", children: model.emptyLabel }), model.dropHint ? _jsx("span", { className: "tbf-upload__hint", children: model.dropHint }) : null, model.helperText ? _jsx("span", { className: "tbf-upload__hint", children: model.helperText }) : null, model.formatsText ? _jsx("span", { className: "tbf-upload__hint", children: model.formatsText }) : null, children, _jsx("ul", { className: "tbf-upload__list", "data-tbf-upload-slot": "list" })] }));
|
|
92
|
+
}
|
|
93
|
+
function UploadEmptyToggle(props) {
|
|
94
|
+
const toggle = props.model.emptyToggle;
|
|
95
|
+
if (!toggle?.name)
|
|
96
|
+
return null;
|
|
97
|
+
return (_jsx("input", { type: "hidden", name: toggle.name, value: toggle.checked === true ? String(toggle.value || "1") : "0", "data-tbf-upload-slot": "empty-toggle" }));
|
|
98
|
+
}
|
|
99
|
+
function ClearButton(props) {
|
|
100
|
+
const { children = "Clear", className, controls, type = "button", ...rest } = props;
|
|
101
|
+
return (_jsx("button", { ...rest, className: classNames("tbf-button", className), "data-tbf-clear": `#${controls.replace(/^#/u, "")}`, type: type, children: children }));
|
|
102
|
+
}
|
|
103
|
+
function PasswordToggleButton(props) {
|
|
104
|
+
const { children, className, controls, type = "button", ...rest } = props;
|
|
105
|
+
return (_jsx("button", { ...rest, className: classNames("tbf-button", className), "data-tbf-password-toggle": "", "aria-controls": controls, "aria-pressed": "false", type: type, children: children }));
|
|
106
|
+
}
|
|
107
|
+
function AutosizeTextarea(props) {
|
|
108
|
+
const { className, ...rest } = props;
|
|
109
|
+
return _jsx("textarea", { ...rest, className: classNames("tbf-input", className), "data-tbf-autosize": "" });
|
|
110
|
+
}
|
|
111
|
+
export { AutosizeTextarea, ClearButton, PasswordToggleButton, UploadField };
|
|
112
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/inputs/components/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,yBAAyB,GAAG;IAChC,SAAS,EAAE,EAAE;IACb,eAAe,EAAE,EAAE;CACM,CAAC;AAC5B,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC;IAC/B,QAAQ;IACR,QAAQ;IACR,YAAY;IACZ,MAAM;IACN,mBAAmB;IACnB,0BAA0B;IAC1B,sBAAsB;IACtB,WAAW;IACX,sBAAsB;IACtB,MAAM;IACN,eAAe;IACf,YAAY;IACZ,aAAa;IACb,iBAAiB;IACjB,6BAA6B;IAC7B,yBAAyB;IACzB,SAAS;IACT,YAAY;IACZ,IAAI;IACJ,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,UAAU;IACV,MAAM;IACN,SAAS;IACT,YAAY;IACZ,cAAc;IACd,YAAY;IACZ,UAAU;IACV,cAAc;IACd,eAAe;CAChB,CAAC,CAAC;AAEH,SAAS,qBAAqB,CAAC,KAAuB;IACpD,MAAM,OAAO,GAA4B,EAAE,CAAC;IAC5C,MAAM,SAAS,GAA4B,EAAE,CAAC;IAC9C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC7C,IAAI,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;;YAC/C,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAC9B,CAAC,CAAC,CAAC;IACH,OAAO;QACL,OAAO,EAAE,OAA6B;QACtC,SAAS,EAAE,SAA2C;KACvD,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;IACnD,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,CACL,kBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,qBAC9B,EAAE,0BACI,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,2BACxB,KAAK,CAAC,UAAU,EACvC,EAAE,EAAE,KAAK,CAAC,EAAE,aAEZ,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,EACpC,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,EACpC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAiB,EACvD,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI,IAC/B,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAgD;IAC1E,OAAO,CACL,2CACyB,EAAE,EACzB,MAAM,QACN,IAAI,EAAC,kBAAkB,EACvB,uBAAuB,EAAE;YACvB,MAAM,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACrD,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAgD;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,OAAO,CACL,8BACE,gBACE,SAAS,EAAC,mBAAmB,0BACR,aAAa,EAClC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,aAAa,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,SAAS,GACjC,EACD,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAChD,gBACE,SAAS,EAAC,mBAAmB,0BACR,kBAAkB,EACvC,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,YAAY,EAC3B,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,KACV,yBAAyB,GAC7B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,OAAO,EAAE,KAAK,EAAC,EAAE,0BAAsB,YAAY,GAAG,CAC/F,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAsE;IAC3F,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,0BAAsB,OAAO,aAC/D,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,EAC/B,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,EAC/B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAc,IAC7C,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAgD;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,KAAK,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IACvC,OAAO,CACL,eACE,SAAS,EAAC,qBAAqB,mCACA,KAAK,CAAC,YAAY,0BAC5B,SAAS,EAC9B,MAAM,EAAE,CAAC,KAAK,CAAC,UAAU,aAEzB,cACE,SAAS,EAAC,2BAA2B,0BAChB,eAAe,EACpC,GAAG,EAAE,KAAK,CAAC,UAAU,EACrB,GAAG,EAAE,KAAK,CAAC,UAAU,IAAI,SAAS,EAClC,MAAM,EAAE,CAAC,KAAK,CAAC,UAAU,GACzB,EACF,eACE,SAAS,EAAC,2BAA2B,0BAChB,eAAe,EACpC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,YAEhC,KAAK,CAAC,gBAAgB,GAClB,IACH,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAgD;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACxB,8BACE,KAAC,YAAY,IAAC,IAAI,EAAC,cAAc,YAAE,KAAK,CAAC,eAAe,GAAgB,EACxE,KAAC,YAAY,IAAC,IAAI,EAAC,mBAAmB,YAAE,KAAK,CAAC,oBAAoB,GAAgB,IACjF,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,YACvE,KAAK,CAAC,YAAY,GACN,CAChB,EACD,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,KAAK,CAAC,sBAAsB,YAC7D,KAAK,CAAC,UAAU,GACJ,IACX,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,KAAiE;IACrF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtE,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,0BAChC,IAAI,EAC1B,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAsE;IACxF,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAM,SAAS,EAAC,sBAAsB,0BAAsB,UAAU,YACnE,KAAK,CAAC,UAAU,GACZ,EACN,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAClF,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,IAAI,EACtF,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EACxF,QAAQ,EACT,aAAI,SAAS,EAAC,kBAAkB,0BAAsB,MAAM,GAAG,IAC3D,CACP,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAgD;IACzE,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;IACvC,IAAI,CAAC,MAAM,EAAE,IAAI;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO,CACL,gBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,0BAC7C,cAAc,GACnC,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpF,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,oBAC9B,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,EACjD,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAA0B;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1E,OAAO,CACL,oBACM,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,8BACrB,EAAE,mBACZ,QAAQ,kBACV,OAAO,EACpB,IAAI,EAAE,IAAI,YAET,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAkD;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,sBAAc,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,uBAAoB,EAAE,GAAG,CAAC;AACpG,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type BindRoot } from "../dom/index.d.ts";
|
|
2
|
+
import { UPLOAD_SELECTOR, bindUploadRoot, bindUploads, bootUploadManager, clearUpload, getUploadEntries, getUploadFiles, openUploadCropSession, setSelectedEntries, setUploadFiles, uploadManager } from "./upload/manager.js";
|
|
3
|
+
import { createUploadField, uploadConfigPayload, uploadFieldHtml } from "./upload/markup.js";
|
|
4
|
+
import { matchesAccept, parseAcceptList } from "./upload/files.js";
|
|
5
|
+
import type { UploadRuntimeOptions } from "./upload/types.js";
|
|
6
|
+
declare const AUTOSIZE_SELECTOR = "textarea[data-tbf-autosize]";
|
|
7
|
+
declare const CLEAR_SELECTOR = "[data-tbf-clear]";
|
|
8
|
+
declare const PASSWORD_TOGGLE_SELECTOR = "[data-tbf-password-toggle][aria-controls]";
|
|
9
|
+
type InputControllerOptions = UploadRuntimeOptions;
|
|
10
|
+
declare function bindAutosizeTextarea(textarea: HTMLTextAreaElement): boolean;
|
|
11
|
+
declare function bindClearButton(button: HTMLElement): boolean;
|
|
12
|
+
declare function bindPasswordToggle(button: HTMLElement): boolean;
|
|
13
|
+
declare function bindInputControllers(root?: BindRoot, options?: InputControllerOptions): void;
|
|
14
|
+
export { AUTOSIZE_SELECTOR, CLEAR_SELECTOR, PASSWORD_TOGGLE_SELECTOR, UPLOAD_SELECTOR, bindAutosizeTextarea, bindClearButton, bindInputControllers, bindPasswordToggle, bindUploadRoot, bindUploads, bootUploadManager, clearUpload, createUploadField, getUploadEntries, getUploadFiles, matchesAccept, openUploadCropSession, parseAcceptList, setSelectedEntries, setUploadFiles, uploadConfigPayload, uploadFieldHtml, uploadManager, };
|
|
15
|
+
export type { UploadEmptyToggle, UploadEntry, UploadFieldOptions, UploadFlashApi, UploadRootConfig, UploadRuntimeOptions, UploadState, } from "./upload/types.js";
|
|
16
|
+
export type { InputControllerOptions };
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,gCAAgC,CAAC;AACxD,QAAA,MAAM,cAAc,qBAAqB,CAAC;AAC1C,QAAA,MAAM,wBAAwB,8CAA8C,CAAC;AAE7E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC;AAOnD,iBAAS,oBAAoB,CAAC,QAAQ,EAAE,mBAAmB,WAM1D;AAED,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,WAW3C;AAED,iBAAS,kBAAkB,CAAC,MAAM,EAAE,WAAW,WAW9C;AAED,iBAAS,oBAAoB,CAC3B,IAAI,GAAE,QAAmB,EACzB,OAAO,GAAE,sBAA2B,QAMrC;AAED,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,aAAa,GACd,CAAC;AACF,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { dispatchInputChange, queryAll, resolveDocumentTarget, } from "../dom/index.js";
|
|
2
|
+
import { UPLOAD_SELECTOR, bindUploadRoot, bindUploads, bootUploadManager, clearUpload, getUploadEntries, getUploadFiles, openUploadCropSession, setSelectedEntries, setUploadFiles, uploadManager, } from "./upload/manager.js";
|
|
3
|
+
import { createUploadField, uploadConfigPayload, uploadFieldHtml, } from "./upload/markup.js";
|
|
4
|
+
import { matchesAccept, parseAcceptList } from "./upload/files.js";
|
|
5
|
+
const AUTOSIZE_SELECTOR = "textarea[data-tbf-autosize]";
|
|
6
|
+
const CLEAR_SELECTOR = "[data-tbf-clear]";
|
|
7
|
+
const PASSWORD_TOGGLE_SELECTOR = "[data-tbf-password-toggle][aria-controls]";
|
|
8
|
+
function resizeTextarea(textarea) {
|
|
9
|
+
textarea.style.height = "auto";
|
|
10
|
+
textarea.style.height = `${textarea.scrollHeight}px`;
|
|
11
|
+
}
|
|
12
|
+
function bindAutosizeTextarea(textarea) {
|
|
13
|
+
if (textarea.hasAttribute("data-tbf-autosize-bound"))
|
|
14
|
+
return false;
|
|
15
|
+
textarea.setAttribute("data-tbf-autosize-bound", "true");
|
|
16
|
+
textarea.addEventListener("input", () => resizeTextarea(textarea));
|
|
17
|
+
resizeTextarea(textarea);
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
function bindClearButton(button) {
|
|
21
|
+
if (button.hasAttribute("data-tbf-clear-bound"))
|
|
22
|
+
return false;
|
|
23
|
+
button.setAttribute("data-tbf-clear-bound", "true");
|
|
24
|
+
button.addEventListener("click", () => {
|
|
25
|
+
const target = resolveDocumentTarget(button.getAttribute("data-tbf-clear"));
|
|
26
|
+
if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {
|
|
27
|
+
target.value = "";
|
|
28
|
+
dispatchInputChange(target);
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
return true;
|
|
32
|
+
}
|
|
33
|
+
function bindPasswordToggle(button) {
|
|
34
|
+
if (button.hasAttribute("data-tbf-password-bound"))
|
|
35
|
+
return false;
|
|
36
|
+
button.setAttribute("data-tbf-password-bound", "true");
|
|
37
|
+
button.addEventListener("click", () => {
|
|
38
|
+
const input = resolveDocumentTarget(button.getAttribute("aria-controls"));
|
|
39
|
+
if (!(input instanceof HTMLInputElement))
|
|
40
|
+
return;
|
|
41
|
+
const show = input.type === "password";
|
|
42
|
+
input.type = show ? "text" : "password";
|
|
43
|
+
button.setAttribute("aria-pressed", show ? "true" : "false");
|
|
44
|
+
});
|
|
45
|
+
return true;
|
|
46
|
+
}
|
|
47
|
+
function bindInputControllers(root = document, options = {}) {
|
|
48
|
+
queryAll(root, AUTOSIZE_SELECTOR).forEach(bindAutosizeTextarea);
|
|
49
|
+
queryAll(root, CLEAR_SELECTOR).forEach(bindClearButton);
|
|
50
|
+
queryAll(root, PASSWORD_TOGGLE_SELECTOR).forEach(bindPasswordToggle);
|
|
51
|
+
bindUploads(root, options);
|
|
52
|
+
}
|
|
53
|
+
export { AUTOSIZE_SELECTOR, CLEAR_SELECTOR, PASSWORD_TOGGLE_SELECTOR, UPLOAD_SELECTOR, bindAutosizeTextarea, bindClearButton, bindInputControllers, bindPasswordToggle, bindUploadRoot, bindUploads, bootUploadManager, clearUpload, createUploadField, getUploadEntries, getUploadFiles, matchesAccept, openUploadCropSession, parseAcceptList, setSelectedEntries, setUploadFiles, uploadConfigPayload, uploadFieldHtml, uploadManager, };
|
|
54
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,QAAQ,EACR,qBAAqB,GAEtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,iBAAiB,GAAG,6BAA6B,CAAC;AACxD,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAC1C,MAAM,wBAAwB,GAAG,2CAA2C,CAAC;AAI7E,SAAS,cAAc,CAAC,QAA6B;IACnD,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC;AACvD,CAAC;AAED,SAAS,oBAAoB,CAAC,QAA6B;IACzD,IAAI,QAAQ,CAAC,YAAY,CAAC,yBAAyB,CAAC;QAAE,OAAO,KAAK,CAAC;IACnE,QAAQ,CAAC,YAAY,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;IACzD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnE,cAAc,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,eAAe,CAAC,MAAmB;IAC1C,IAAI,MAAM,CAAC,YAAY,CAAC,sBAAsB,CAAC;QAAE,OAAO,KAAK,CAAC;IAC9D,MAAM,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;IACpD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC5E,IAAI,MAAM,YAAY,gBAAgB,IAAI,MAAM,YAAY,mBAAmB,EAAE,CAAC;YAChF,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;YAClB,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,kBAAkB,CAAC,MAAmB;IAC7C,IAAI,MAAM,CAAC,YAAY,CAAC,yBAAyB,CAAC;QAAE,OAAO,KAAK,CAAC;IACjE,MAAM,CAAC,YAAY,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC;QAC1E,IAAI,CAAC,CAAC,KAAK,YAAY,gBAAgB,CAAC;YAAE,OAAO;QACjD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;QACvC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;QACxC,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,oBAAoB,CAC3B,OAAiB,QAAQ,EACzB,UAAkC,EAAE;IAEpC,QAAQ,CAAsB,IAAI,EAAE,iBAAiB,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACrF,QAAQ,CAAc,IAAI,EAAE,cAAc,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IACrE,QAAQ,CAAc,IAAI,EAAE,wBAAwB,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAClF,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC7B,CAAC;AAED,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,wBAAwB,EACxB,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,aAAa,GACd,CAAC"}
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
.tbf-upload-cropper-modal .tbf-modal__content,
|
|
2
|
+
.tbf-upload-cropper-modal__content {
|
|
3
|
+
width: min(960px, calc(100vw - 40px));
|
|
4
|
+
max-height: min(90vh, 920px);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.tbf-upload-crop {
|
|
8
|
+
display: grid;
|
|
9
|
+
gap: var(--tbf-gap-md, 12px);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.tbf-upload-crop__header {
|
|
13
|
+
display: grid;
|
|
14
|
+
gap: var(--tbf-gap-xs, 4px);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.tbf-upload-crop__title,
|
|
18
|
+
.tbf-upload-crop__description {
|
|
19
|
+
margin: 0;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.tbf-upload-crop__description {
|
|
23
|
+
color: var(--tbf-text-muted, #000);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.tbf-upload-crop__stage {
|
|
27
|
+
position: relative;
|
|
28
|
+
height: min(62vh, 640px);
|
|
29
|
+
min-height: 320px;
|
|
30
|
+
overflow: hidden;
|
|
31
|
+
border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
|
|
32
|
+
border-radius: var(--tbf-radius, 0);
|
|
33
|
+
background: var(--tbf-surface-muted, #fff);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.tbf-upload-crop__image {
|
|
37
|
+
display: block;
|
|
38
|
+
width: 100%;
|
|
39
|
+
height: 100%;
|
|
40
|
+
object-fit: contain;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.tbf-upload-crop__actions {
|
|
44
|
+
display: flex;
|
|
45
|
+
justify-content: flex-end;
|
|
46
|
+
gap: var(--tbf-gap-sm, 8px);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.tbf-upload-crop__stage .cropper-container,
|
|
50
|
+
.tbf-upload-crop__stage .cropper-wrap-box,
|
|
51
|
+
.tbf-upload-crop__stage .cropper-canvas,
|
|
52
|
+
.tbf-upload-crop__stage .cropper-drag-box,
|
|
53
|
+
.tbf-upload-crop__stage .cropper-crop-box,
|
|
54
|
+
.tbf-upload-crop__stage .cropper-modal {
|
|
55
|
+
position: absolute;
|
|
56
|
+
inset: 0;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.tbf-upload-crop__stage .cropper-container {
|
|
60
|
+
width: 100%;
|
|
61
|
+
height: 100%;
|
|
62
|
+
direction: ltr;
|
|
63
|
+
font-size: 0;
|
|
64
|
+
line-height: 0;
|
|
65
|
+
touch-action: none;
|
|
66
|
+
user-select: none;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.tbf-upload-crop__stage .cropper-container img {
|
|
70
|
+
display: block;
|
|
71
|
+
width: 100%;
|
|
72
|
+
height: 100%;
|
|
73
|
+
max-width: none !important;
|
|
74
|
+
max-height: none !important;
|
|
75
|
+
min-width: 0 !important;
|
|
76
|
+
min-height: 0 !important;
|
|
77
|
+
backface-visibility: hidden;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.tbf-upload-crop__stage .cropper-wrap-box,
|
|
81
|
+
.tbf-upload-crop__stage .cropper-canvas {
|
|
82
|
+
overflow: hidden;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.tbf-upload-crop__stage .cropper-drag-box {
|
|
86
|
+
background: #fff;
|
|
87
|
+
opacity: 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.tbf-upload-crop__stage .cropper-modal {
|
|
91
|
+
background: var(--tbf-crop-overlay, rgb(0 0 0 / 72%));
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.tbf-upload-crop__stage .cropper-view-box {
|
|
95
|
+
display: block;
|
|
96
|
+
width: 100%;
|
|
97
|
+
height: 100%;
|
|
98
|
+
overflow: hidden;
|
|
99
|
+
outline: var(--tbf-border-width, 1px) solid var(--tbf-crop-line, #fff);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.tbf-upload-crop__stage .cropper-dashed {
|
|
103
|
+
position: absolute;
|
|
104
|
+
display: block;
|
|
105
|
+
border: 0 dashed var(--tbf-crop-line, #fff);
|
|
106
|
+
opacity: 0.45;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.tbf-upload-crop__stage .cropper-dashed.dashed-h {
|
|
110
|
+
top: calc(100% / 3);
|
|
111
|
+
left: 0;
|
|
112
|
+
width: 100%;
|
|
113
|
+
height: calc(100% / 3);
|
|
114
|
+
border-top-width: var(--tbf-border-width, 1px);
|
|
115
|
+
border-bottom-width: var(--tbf-border-width, 1px);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.tbf-upload-crop__stage .cropper-dashed.dashed-v {
|
|
119
|
+
top: 0;
|
|
120
|
+
left: calc(100% / 3);
|
|
121
|
+
width: calc(100% / 3);
|
|
122
|
+
height: 100%;
|
|
123
|
+
border-right-width: var(--tbf-border-width, 1px);
|
|
124
|
+
border-left-width: var(--tbf-border-width, 1px);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.tbf-upload-crop__stage .cropper-center {
|
|
128
|
+
position: absolute;
|
|
129
|
+
top: 50%;
|
|
130
|
+
left: 50%;
|
|
131
|
+
width: 0;
|
|
132
|
+
height: 0;
|
|
133
|
+
opacity: 0.65;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.tbf-upload-crop__stage .cropper-center::before,
|
|
137
|
+
.tbf-upload-crop__stage .cropper-center::after {
|
|
138
|
+
position: absolute;
|
|
139
|
+
display: block;
|
|
140
|
+
background: var(--tbf-crop-line, #fff);
|
|
141
|
+
content: " ";
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.tbf-upload-crop__stage .cropper-center::before {
|
|
145
|
+
top: 0;
|
|
146
|
+
left: -4px;
|
|
147
|
+
width: 9px;
|
|
148
|
+
height: 1px;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.tbf-upload-crop__stage .cropper-center::after {
|
|
152
|
+
top: -4px;
|
|
153
|
+
left: 0;
|
|
154
|
+
width: 1px;
|
|
155
|
+
height: 9px;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.tbf-upload-crop__stage .cropper-face,
|
|
159
|
+
.tbf-upload-crop__stage .cropper-line,
|
|
160
|
+
.tbf-upload-crop__stage .cropper-point {
|
|
161
|
+
position: absolute;
|
|
162
|
+
display: block;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.tbf-upload-crop__stage .cropper-face {
|
|
166
|
+
inset: 0;
|
|
167
|
+
background: var(--tbf-crop-face, rgb(255 255 255 / 14%));
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.tbf-upload-crop__stage .cropper-line {
|
|
171
|
+
background: var(--tbf-crop-line, #fff);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.tbf-upload-crop__stage .cropper-line.line-e,
|
|
175
|
+
.tbf-upload-crop__stage .cropper-line.line-w {
|
|
176
|
+
top: 0;
|
|
177
|
+
width: 4px;
|
|
178
|
+
height: 100%;
|
|
179
|
+
cursor: ew-resize;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.tbf-upload-crop__stage .cropper-line.line-e {
|
|
183
|
+
right: -2px;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.tbf-upload-crop__stage .cropper-line.line-w {
|
|
187
|
+
left: -2px;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.tbf-upload-crop__stage .cropper-line.line-n,
|
|
191
|
+
.tbf-upload-crop__stage .cropper-line.line-s {
|
|
192
|
+
left: 0;
|
|
193
|
+
width: 100%;
|
|
194
|
+
height: 4px;
|
|
195
|
+
cursor: ns-resize;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.tbf-upload-crop__stage .cropper-line.line-n {
|
|
199
|
+
top: -2px;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.tbf-upload-crop__stage .cropper-line.line-s {
|
|
203
|
+
bottom: -2px;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.tbf-upload-crop__stage .cropper-point {
|
|
207
|
+
width: 12px;
|
|
208
|
+
height: 12px;
|
|
209
|
+
border: var(--tbf-border-width, 1px) solid var(--tbf-text, #000);
|
|
210
|
+
border-radius: var(--tbf-radius-sm, 0);
|
|
211
|
+
background: var(--tbf-crop-line, #fff);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.tbf-upload-crop__stage .cropper-hidden {
|
|
215
|
+
display: none !important;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.tbf-upload-crop__stage .cropper-hide {
|
|
219
|
+
position: absolute;
|
|
220
|
+
display: block;
|
|
221
|
+
width: 0;
|
|
222
|
+
height: 0;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
.tbf-upload-crop__stage .cropper-invisible {
|
|
226
|
+
opacity: 0;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
@media (max-width: 768px) {
|
|
230
|
+
.tbf-upload-cropper-modal .tbf-modal__content,
|
|
231
|
+
.tbf-upload-cropper-modal__content {
|
|
232
|
+
width: calc(100vw - 24px);
|
|
233
|
+
max-height: calc(100vh - 24px);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.tbf-upload-crop__stage {
|
|
237
|
+
height: min(52vh, 420px);
|
|
238
|
+
min-height: 260px;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
.tbf-upload-crop__actions {
|
|
242
|
+
flex-direction: column;
|
|
243
|
+
}
|
|
244
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.tbf-input {
|
|
2
|
+
min-height: 36px;
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
padding: 0 10px;
|
|
5
|
+
border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
|
|
6
|
+
border-radius: var(--tbf-radius-sm, 0);
|
|
7
|
+
color: var(--tbf-text, #000);
|
|
8
|
+
background: var(--tbf-surface, #fff);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.tbf-input:focus-visible,
|
|
12
|
+
.tbf-upload__button:focus-visible {
|
|
13
|
+
outline: var(--tbf-border-width, 1px) solid var(--tbf-focus, #000);
|
|
14
|
+
outline-offset: 2px;
|
|
15
|
+
}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
.tbf-upload {
|
|
2
|
+
display: grid;
|
|
3
|
+
gap: var(--tbf-gap-sm, 8px);
|
|
4
|
+
color: var(--tbf-text, #000);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.tbf-upload__input {
|
|
8
|
+
display: none;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.tbf-upload__surface {
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
gap: var(--tbf-gap-md, 12px);
|
|
15
|
+
min-height: 72px;
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
padding: var(--tbf-gap-md, 12px);
|
|
18
|
+
border: var(--tbf-border-width, 1px) dashed var(--tbf-border, #000);
|
|
19
|
+
border-radius: var(--tbf-radius, 0);
|
|
20
|
+
color: var(--tbf-text, #000);
|
|
21
|
+
background: var(--tbf-surface-muted, #fff);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.tbf-upload[data-tbf-upload-drag] .tbf-upload__surface {
|
|
25
|
+
border-color: var(--tbf-focus, #000);
|
|
26
|
+
background: var(--tbf-surface, #fff);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.tbf-upload[data-tbf-upload-has-files="true"] .tbf-upload__surface {
|
|
30
|
+
border-style: solid;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.tbf-upload__content,
|
|
34
|
+
.tbf-upload__meta {
|
|
35
|
+
display: flex;
|
|
36
|
+
min-width: 0;
|
|
37
|
+
flex: 1 1 auto;
|
|
38
|
+
flex-direction: column;
|
|
39
|
+
gap: var(--tbf-gap-xs, 4px);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.tbf-upload__actions {
|
|
43
|
+
display: flex;
|
|
44
|
+
flex: 0 0 auto;
|
|
45
|
+
align-items: center;
|
|
46
|
+
gap: var(--tbf-gap-sm, 8px);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.tbf-upload__button {
|
|
50
|
+
min-height: 32px;
|
|
51
|
+
box-sizing: border-box;
|
|
52
|
+
padding: 0 12px;
|
|
53
|
+
border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
|
|
54
|
+
border-radius: var(--tbf-radius-sm, 0);
|
|
55
|
+
color: var(--tbf-text, #000);
|
|
56
|
+
background: var(--tbf-surface, #fff);
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.tbf-upload__button--strong {
|
|
61
|
+
border-color: var(--tbf-focus, #000);
|
|
62
|
+
color: var(--tbf-surface, #fff);
|
|
63
|
+
background: var(--tbf-focus, #000);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.tbf-upload__filename,
|
|
67
|
+
.tbf-upload__hint {
|
|
68
|
+
min-width: 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.tbf-upload__hint {
|
|
72
|
+
color: var(--tbf-text-muted, #000);
|
|
73
|
+
font-size: 0.92rem;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.tbf-upload__list {
|
|
77
|
+
display: grid;
|
|
78
|
+
gap: var(--tbf-gap-xs, 4px);
|
|
79
|
+
margin: 0;
|
|
80
|
+
padding-left: 18px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.tbf-upload__preview {
|
|
84
|
+
display: flex;
|
|
85
|
+
align-items: center;
|
|
86
|
+
justify-content: center;
|
|
87
|
+
width: var(--tbf-upload-preview-size, 64px);
|
|
88
|
+
height: var(--tbf-upload-preview-size, 64px);
|
|
89
|
+
min-width: var(--tbf-upload-preview-size, 64px);
|
|
90
|
+
overflow: hidden;
|
|
91
|
+
border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
|
|
92
|
+
border-radius: var(--tbf-radius, 0);
|
|
93
|
+
background: var(--tbf-surface, #fff);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.tbf-upload__preview[data-tbf-upload-preview-shape="circle"] {
|
|
97
|
+
border-radius: var(--tbf-radius-round, 999px);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.tbf-upload__preview-image {
|
|
101
|
+
display: block;
|
|
102
|
+
width: 100%;
|
|
103
|
+
height: 100%;
|
|
104
|
+
object-fit: cover;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.tbf-upload__preview-empty {
|
|
108
|
+
padding: var(--tbf-gap-xs, 4px);
|
|
109
|
+
color: var(--tbf-text-muted, #000);
|
|
110
|
+
font-size: 0.82rem;
|
|
111
|
+
line-height: 1.1;
|
|
112
|
+
text-align: center;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@media (max-width: 640px) {
|
|
116
|
+
.tbf-upload__surface {
|
|
117
|
+
align-items: stretch;
|
|
118
|
+
flex-direction: column;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.tbf-upload__actions {
|
|
122
|
+
flex-direction: column;
|
|
123
|
+
align-items: stretch;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { UploadRootConfig } from "./types.js";
|
|
2
|
+
declare const UPLOAD_CONFIG_SELECTOR = "script[type=\"application/json\"][data-tbf-upload-config]";
|
|
3
|
+
declare const DEFAULT_EMPTY_LABEL = "No file selected";
|
|
4
|
+
declare function normalizeUploadConfig(config?: UploadRootConfig): {
|
|
5
|
+
allowDirectory: boolean;
|
|
6
|
+
allowDrop: boolean;
|
|
7
|
+
allowDropDirectory: boolean;
|
|
8
|
+
allowMixedPicker: boolean;
|
|
9
|
+
allowMultiple: boolean;
|
|
10
|
+
aspect: string;
|
|
11
|
+
canClearCurrentPreview: boolean;
|
|
12
|
+
crop: boolean;
|
|
13
|
+
cropFailedMessage: string;
|
|
14
|
+
cropImageOnlyDescription: string;
|
|
15
|
+
cropImageOnlyMessage: string;
|
|
16
|
+
currentPreviewUrl: string;
|
|
17
|
+
emptyLabel: string;
|
|
18
|
+
emptyToggleValue: string;
|
|
19
|
+
formatNotAllowedDescription: string;
|
|
20
|
+
formatNotAllowedMessage: string;
|
|
21
|
+
formats: string;
|
|
22
|
+
modalDescription: string;
|
|
23
|
+
modalTitle: string;
|
|
24
|
+
noPreview: boolean;
|
|
25
|
+
skipDirs: string;
|
|
26
|
+
useImageLabel: string;
|
|
27
|
+
};
|
|
28
|
+
declare function readUploadConfig(root: HTMLElement | null): {
|
|
29
|
+
allowDirectory: boolean;
|
|
30
|
+
allowDrop: boolean;
|
|
31
|
+
allowDropDirectory: boolean;
|
|
32
|
+
allowMixedPicker: boolean;
|
|
33
|
+
allowMultiple: boolean;
|
|
34
|
+
aspect: string;
|
|
35
|
+
canClearCurrentPreview: boolean;
|
|
36
|
+
crop: boolean;
|
|
37
|
+
cropFailedMessage: string;
|
|
38
|
+
cropImageOnlyDescription: string;
|
|
39
|
+
cropImageOnlyMessage: string;
|
|
40
|
+
currentPreviewUrl: string;
|
|
41
|
+
emptyLabel: string;
|
|
42
|
+
emptyToggleValue: string;
|
|
43
|
+
formatNotAllowedDescription: string;
|
|
44
|
+
formatNotAllowedMessage: string;
|
|
45
|
+
formats: string;
|
|
46
|
+
modalDescription: string;
|
|
47
|
+
modalTitle: string;
|
|
48
|
+
noPreview: boolean;
|
|
49
|
+
skipDirs: string;
|
|
50
|
+
useImageLabel: string;
|
|
51
|
+
};
|
|
52
|
+
declare function setUploadRootConfig(root: HTMLElement | null, config?: UploadRootConfig): boolean;
|
|
53
|
+
declare function uploadRootConfig(root: HTMLElement | null): UploadRootConfig;
|
|
54
|
+
declare function isUploadDropRoot(element: Element | null): boolean;
|
|
55
|
+
export { DEFAULT_EMPTY_LABEL, UPLOAD_CONFIG_SELECTOR, isUploadDropRoot, normalizeUploadConfig, readUploadConfig, setUploadRootConfig, uploadRootConfig, };
|
|
56
|
+
export type { UploadRootConfig };
|
|
57
|
+
//# sourceMappingURL=config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/inputs/upload/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,QAAA,MAAM,sBAAsB,8DAC+B,CAAC;AAE5D,QAAA,MAAM,mBAAmB,qBAAqB,CAAC;AAI/C,iBAAS,qBAAqB,CAAC,MAAM,GAAE,gBAAqB;;;;;;;;;;;;;;;;;;;;;;;EAyB3D;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;EAKjD;AAED,iBAAS,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,GAAE,gBAAqB,WAInF;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,oBAOjD;AAED,iBAAS,gBAAgB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,WAIhD;AAED,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,CAAC;AACF,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|