@ardium-ui/ui 1.0.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/README.md +25 -0
- package/esm2022/ardium-ui-ui.mjs +5 -0
- package/esm2022/lib/_internal/boolean-component.mjs +108 -0
- package/esm2022/lib/_internal/clear-button/clear-button.component.mjs +12 -0
- package/esm2022/lib/_internal/clear-button/clear-button.module.mjs +18 -0
- package/esm2022/lib/_internal/disablable-component.mjs +44 -0
- package/esm2022/lib/_internal/focusable-component.mjs +91 -0
- package/esm2022/lib/_internal/item-storages/dropdown-item-storage.mjs +436 -0
- package/esm2022/lib/_internal/item-storages/simple-item-storage.mjs +349 -0
- package/esm2022/lib/_internal/item-storages/simplest-item-storage.mjs +155 -0
- package/esm2022/lib/_internal/models/pagination.model.mjs +124 -0
- package/esm2022/lib/_internal/ngmodel-component.mjs +42 -0
- package/esm2022/lib/_internal/queue.mjs +59 -0
- package/esm2022/lib/_internal/selectable-list-component.mjs +304 -0
- package/esm2022/lib/badge/badge.directive.mjs +123 -0
- package/esm2022/lib/badge/badge.module.mjs +18 -0
- package/esm2022/lib/badge/badge.types.mjs +16 -0
- package/esm2022/lib/buttons/_button-base.mjs +45 -0
- package/esm2022/lib/buttons/button/button.component.mjs +49 -0
- package/esm2022/lib/buttons/button/button.module.mjs +18 -0
- package/esm2022/lib/buttons/fab/fab.component.mjs +40 -0
- package/esm2022/lib/buttons/fab/fab.module.mjs +18 -0
- package/esm2022/lib/buttons/general-button.types.mjs +55 -0
- package/esm2022/lib/buttons/icon-button/icon-button.component.mjs +37 -0
- package/esm2022/lib/buttons/icon-button/icon-button.module.mjs +18 -0
- package/esm2022/lib/calendar/calendar.component.mjs +982 -0
- package/esm2022/lib/calendar/calendar.directives.mjs +107 -0
- package/esm2022/lib/calendar/calendar.helpers.mjs +47 -0
- package/esm2022/lib/calendar/calendar.module.mjs +21 -0
- package/esm2022/lib/calendar/calendar.types.mjs +11 -0
- package/esm2022/lib/card/card.children.mjs +97 -0
- package/esm2022/lib/card/card.component.mjs +40 -0
- package/esm2022/lib/card/card.module.mjs +59 -0
- package/esm2022/lib/card/card.types.mjs +9 -0
- package/esm2022/lib/checkbox/checkbox.component.mjs +73 -0
- package/esm2022/lib/checkbox/checkbox.module.mjs +18 -0
- package/esm2022/lib/checkbox/checkbox.types.mjs +6 -0
- package/esm2022/lib/checkbox-list/checkbox-list.component.mjs +139 -0
- package/esm2022/lib/checkbox-list/checkbox-list.module.mjs +19 -0
- package/esm2022/lib/checkbox-list/checkbox-list.types.mjs +7 -0
- package/esm2022/lib/chip/chip.component.mjs +55 -0
- package/esm2022/lib/chip/chip.module.mjs +21 -0
- package/esm2022/lib/chip/deletable-chip/deletable-chip.component.mjs +80 -0
- package/esm2022/lib/chip/selectable-chip/selectable-chip.component.mjs +77 -0
- package/esm2022/lib/color/color-display/color-display.component.mjs +48 -0
- package/esm2022/lib/color/color-display/color-display.module.mjs +18 -0
- package/esm2022/lib/color/color-display/color-display.types.mjs +9 -0
- package/esm2022/lib/color/color-picker/color-picker.component.mjs +484 -0
- package/esm2022/lib/color/color-picker/color-picker.directives.mjs +55 -0
- package/esm2022/lib/color/color-picker/color-picker.module.mjs +43 -0
- package/esm2022/lib/color/color-picker/color-picker.types.mjs +11 -0
- package/esm2022/lib/dialog/dialog.component.mjs +167 -0
- package/esm2022/lib/dialog/dialog.directives.mjs +14 -0
- package/esm2022/lib/dialog/dialog.module.mjs +21 -0
- package/esm2022/lib/dialog/dialog.types.mjs +6 -0
- package/esm2022/lib/divider/divider.component.mjs +26 -0
- package/esm2022/lib/divider/divider.module.mjs +18 -0
- package/esm2022/lib/dropdown-panel/dropdown-panel.component.mjs +130 -0
- package/esm2022/lib/dropdown-panel/dropdown-panel.module.mjs +18 -0
- package/esm2022/lib/dropdown-panel/dropdown-panel.types.mjs +10 -0
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.component.mjs +82 -0
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.directives.mjs +42 -0
- package/esm2022/lib/file-inputs/file-drop-area/file-drop-area.module.mjs +58 -0
- package/esm2022/lib/file-inputs/file-input/file-input.component.mjs +153 -0
- package/esm2022/lib/file-inputs/file-input/file-input.directives.mjs +73 -0
- package/esm2022/lib/file-inputs/file-input/file-input.module.mjs +21 -0
- package/esm2022/lib/file-inputs/file-input-base.mjs +187 -0
- package/esm2022/lib/file-inputs/file-input-types.mjs +2 -0
- package/esm2022/lib/form-field-frame/form-field-frame.component.mjs +74 -0
- package/esm2022/lib/form-field-frame/form-field-frame.directives.mjs +25 -0
- package/esm2022/lib/form-field-frame/form-field-frame.module.mjs +19 -0
- package/esm2022/lib/icon/icon.component.mjs +85 -0
- package/esm2022/lib/icon/icon.module.mjs +19 -0
- package/esm2022/lib/icon/icon.pipe.mjs +18 -0
- package/esm2022/lib/inputs/color-input/color-input.component.mjs +421 -0
- package/esm2022/lib/inputs/color-input/color-input.directives.mjs +101 -0
- package/esm2022/lib/inputs/color-input/color-input.module.mjs +85 -0
- package/esm2022/lib/inputs/color-input/color-input.types.mjs +2 -0
- package/esm2022/lib/inputs/digit-input/digit-input.component.mjs +218 -0
- package/esm2022/lib/inputs/digit-input/digit-input.model.mjs +217 -0
- package/esm2022/lib/inputs/digit-input/digit-input.module.mjs +18 -0
- package/esm2022/lib/inputs/digit-input/digit-input.types.mjs +15 -0
- package/esm2022/lib/inputs/digit-input/digit-input.utils.mjs +8 -0
- package/esm2022/lib/inputs/hex-input/hex-input.component.mjs +234 -0
- package/esm2022/lib/inputs/hex-input/hex-input.directives.mjs +36 -0
- package/esm2022/lib/inputs/hex-input/hex-input.module.mjs +21 -0
- package/esm2022/lib/inputs/hex-input.model.mjs +106 -0
- package/esm2022/lib/inputs/input/input.component.mjs +344 -0
- package/esm2022/lib/inputs/input/input.directives.mjs +58 -0
- package/esm2022/lib/inputs/input/input.module.mjs +47 -0
- package/esm2022/lib/inputs/input-transformers.mjs +66 -0
- package/esm2022/lib/inputs/input-types.mjs +6 -0
- package/esm2022/lib/inputs/input-utils.mjs +205 -0
- package/esm2022/lib/inputs/number-input/number-input.component.mjs +289 -0
- package/esm2022/lib/inputs/number-input/number-input.directives.mjs +14 -0
- package/esm2022/lib/inputs/number-input/number-input.module.mjs +21 -0
- package/esm2022/lib/inputs/password-input/password-input.component.mjs +222 -0
- package/esm2022/lib/inputs/password-input/password-input.directives.mjs +49 -0
- package/esm2022/lib/inputs/password-input/password-input.module.mjs +41 -0
- package/esm2022/lib/inputs/password-input/password-input.types.mjs +2 -0
- package/esm2022/lib/inputs/simple-input/simple-input.component.mjs +219 -0
- package/esm2022/lib/inputs/simple-input/simple-input.directives.mjs +36 -0
- package/esm2022/lib/inputs/simple-input/simple-input.module.mjs +37 -0
- package/esm2022/lib/kbd/kbd.component.mjs +42 -0
- package/esm2022/lib/kbd/kbd.module.mjs +19 -0
- package/esm2022/lib/kbd/kbd.pipe.mjs +17 -0
- package/esm2022/lib/kbd-shortcut/kbd-shortcut.component.mjs +55 -0
- package/esm2022/lib/kbd-shortcut/kbd-shortcut.module.mjs +19 -0
- package/esm2022/lib/modal/modal.component.mjs +120 -0
- package/esm2022/lib/modal/modal.module.mjs +21 -0
- package/esm2022/lib/option/option.component.mjs +77 -0
- package/esm2022/lib/option/option.module.mjs +18 -0
- package/esm2022/lib/progress-bar/progress-bar.component.mjs +95 -0
- package/esm2022/lib/progress-bar/progress-bar.directive.mjs +14 -0
- package/esm2022/lib/progress-bar/progress-bar.module.mjs +19 -0
- package/esm2022/lib/progress-bar/progress-bar.types.mjs +19 -0
- package/esm2022/lib/progress-circle/progress-circle.component.mjs +94 -0
- package/esm2022/lib/progress-circle/progress-circle.directive.mjs +14 -0
- package/esm2022/lib/progress-circle/progress-circle.module.mjs +19 -0
- package/esm2022/lib/progress-circle/progress-circle.types.mjs +10 -0
- package/esm2022/lib/radio/radio/radio.component.mjs +53 -0
- package/esm2022/lib/radio/radio-group.component.mjs +207 -0
- package/esm2022/lib/radio/radio.module.mjs +19 -0
- package/esm2022/lib/search-functions.mjs +64 -0
- package/esm2022/lib/segment/segment.component.mjs +168 -0
- package/esm2022/lib/segment/segment.directives.mjs +14 -0
- package/esm2022/lib/segment/segment.module.mjs +19 -0
- package/esm2022/lib/segment/segment.types.mjs +12 -0
- package/esm2022/lib/select/select.component.mjs +1160 -0
- package/esm2022/lib/select/select.directive.mjs +171 -0
- package/esm2022/lib/select/select.module.mjs +112 -0
- package/esm2022/lib/select/select.types.mjs +2 -0
- package/esm2022/lib/slide-toggle/slide-toggle.component.mjs +46 -0
- package/esm2022/lib/slide-toggle/slide-toggle.module.mjs +18 -0
- package/esm2022/lib/slider/abstract-slider.mjs +330 -0
- package/esm2022/lib/slider/range-slider/range-slider.component.mjs +143 -0
- package/esm2022/lib/slider/range-slider/range-slider.module.mjs +18 -0
- package/esm2022/lib/slider/slider.component.mjs +93 -0
- package/esm2022/lib/slider/slider.directive.mjs +16 -0
- package/esm2022/lib/slider/slider.module.mjs +20 -0
- package/esm2022/lib/slider/slider.types.mjs +10 -0
- package/esm2022/lib/snackbar/index.mjs +5 -0
- package/esm2022/lib/snackbar/snackbar-ref.mjs +51 -0
- package/esm2022/lib/snackbar/snackbar.component.mjs +48 -0
- package/esm2022/lib/snackbar/snackbar.service.mjs +227 -0
- package/esm2022/lib/snackbar/snackbar.token.mjs +20 -0
- package/esm2022/lib/snackbar/snackbar.types.mjs +25 -0
- package/esm2022/lib/spinner/spinner.component.mjs +22 -0
- package/esm2022/lib/spinner/spinner.module.mjs +18 -0
- package/esm2022/lib/star/star-button/star-button.component.mjs +53 -0
- package/esm2022/lib/star/star-button/star-button.module.mjs +19 -0
- package/esm2022/lib/star/star-display/star-display.component.mjs +66 -0
- package/esm2022/lib/star/star-display/star-display.module.mjs +19 -0
- package/esm2022/lib/star/star-input/star-input.component.mjs +221 -0
- package/esm2022/lib/star/star-input/star-input.module.mjs +19 -0
- package/esm2022/lib/star/star.component.mjs +28 -0
- package/esm2022/lib/star/star.module.mjs +18 -0
- package/esm2022/lib/star/star.types.mjs +23 -0
- package/esm2022/lib/statebox/statebox.component.mjs +158 -0
- package/esm2022/lib/statebox/statebox.module.mjs +18 -0
- package/esm2022/lib/statebox/statebox.types.mjs +2 -0
- package/esm2022/lib/table/table-item-storage.mjs +560 -0
- package/esm2022/lib/table/table.component.mjs +468 -0
- package/esm2022/lib/table/table.directives.mjs +64 -0
- package/esm2022/lib/table/table.module.mjs +46 -0
- package/esm2022/lib/table/table.types.mjs +30 -0
- package/esm2022/lib/table/utils.mjs +18 -0
- package/esm2022/lib/table-from-csv/table-from-csv.component.mjs +64 -0
- package/esm2022/lib/table-from-csv/table-from-csv.module.mjs +19 -0
- package/esm2022/lib/table-pagination/table-pagination.component.mjs +172 -0
- package/esm2022/lib/table-pagination/table-pagination.module.mjs +21 -0
- package/esm2022/lib/table-pagination/table-pagination.types.mjs +7 -0
- package/esm2022/lib/types/alignment.types.mjs +10 -0
- package/esm2022/lib/types/colors.types.mjs +43 -0
- package/esm2022/lib/types/item-storage.types.mjs +6 -0
- package/esm2022/lib/types/theming.types.mjs +48 -0
- package/esm2022/lib/types/utility.types.mjs +5 -0
- package/esm2022/public-api.mjs +194 -0
- package/fesm2022/ardium-ui-ui.mjs +14316 -0
- package/fesm2022/ardium-ui-ui.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/_internal/boolean-component.d.ts +50 -0
- package/lib/_internal/clear-button/clear-button.component.d.ts +6 -0
- package/lib/_internal/clear-button/clear-button.module.d.ts +8 -0
- package/lib/_internal/disablable-component.d.ts +11 -0
- package/lib/_internal/focusable-component.d.ts +52 -0
- package/lib/_internal/item-storages/dropdown-item-storage.d.ts +87 -0
- package/lib/_internal/item-storages/simple-item-storage.d.ts +159 -0
- package/lib/_internal/item-storages/simplest-item-storage.d.ts +70 -0
- package/lib/_internal/models/pagination.model.d.ts +53 -0
- package/lib/_internal/ngmodel-component.d.ts +42 -0
- package/lib/_internal/queue.d.ts +21 -0
- package/lib/_internal/selectable-list-component.d.ts +71 -0
- package/lib/badge/badge.directive.d.ts +31 -0
- package/lib/badge/badge.module.d.ts +8 -0
- package/lib/badge/badge.types.d.ts +17 -0
- package/lib/buttons/_button-base.d.ts +18 -0
- package/lib/buttons/button/button.component.d.ts +15 -0
- package/lib/buttons/button/button.module.d.ts +8 -0
- package/lib/buttons/fab/fab.component.d.ts +12 -0
- package/lib/buttons/fab/fab.module.d.ts +8 -0
- package/lib/buttons/general-button.types.d.ts +57 -0
- package/lib/buttons/icon-button/icon-button.component.d.ts +13 -0
- package/lib/buttons/icon-button/icon-button.module.d.ts +8 -0
- package/lib/calendar/calendar.component.d.ts +155 -0
- package/lib/calendar/calendar.directives.d.ts +51 -0
- package/lib/calendar/calendar.helpers.d.ts +15 -0
- package/lib/calendar/calendar.module.d.ts +11 -0
- package/lib/calendar/calendar.types.d.ts +80 -0
- package/lib/card/card.children.d.ts +43 -0
- package/lib/card/card.component.d.ts +13 -0
- package/lib/card/card.module.d.ts +9 -0
- package/lib/card/card.types.d.ts +10 -0
- package/lib/checkbox/checkbox.component.d.ts +21 -0
- package/lib/checkbox/checkbox.module.d.ts +8 -0
- package/lib/checkbox/checkbox.types.d.ts +6 -0
- package/lib/checkbox-list/checkbox-list.component.d.ts +50 -0
- package/lib/checkbox-list/checkbox-list.module.d.ts +9 -0
- package/lib/checkbox-list/checkbox-list.types.d.ts +7 -0
- package/lib/chip/chip.component.d.ts +18 -0
- package/lib/chip/chip.module.d.ts +11 -0
- package/lib/chip/deletable-chip/deletable-chip.component.d.ts +24 -0
- package/lib/chip/selectable-chip/selectable-chip.component.d.ts +24 -0
- package/lib/color/color-display/color-display.component.d.ts +17 -0
- package/lib/color/color-display/color-display.module.d.ts +8 -0
- package/lib/color/color-display/color-display.types.d.ts +9 -0
- package/lib/color/color-picker/color-picker.component.d.ts +125 -0
- package/lib/color/color-picker/color-picker.directives.d.ts +27 -0
- package/lib/color/color-picker/color-picker.module.d.ts +13 -0
- package/lib/color/color-picker/color-picker.types.d.ts +21 -0
- package/lib/dialog/dialog.component.d.ts +44 -0
- package/lib/dialog/dialog.directives.d.ts +9 -0
- package/lib/dialog/dialog.module.d.ts +11 -0
- package/lib/dialog/dialog.types.d.ts +28 -0
- package/lib/divider/divider.component.d.ts +8 -0
- package/lib/divider/divider.module.d.ts +8 -0
- package/lib/dropdown-panel/dropdown-panel.component.d.ts +37 -0
- package/lib/dropdown-panel/dropdown-panel.module.d.ts +8 -0
- package/lib/dropdown-panel/dropdown-panel.types.d.ts +12 -0
- package/lib/file-inputs/file-drop-area/file-drop-area.component.d.ts +22 -0
- package/lib/file-inputs/file-drop-area/file-drop-area.directives.d.ts +21 -0
- package/lib/file-inputs/file-drop-area/file-drop-area.module.d.ts +12 -0
- package/lib/file-inputs/file-input/file-input.component.d.ts +41 -0
- package/lib/file-inputs/file-input/file-input.directives.d.ts +39 -0
- package/lib/file-inputs/file-input/file-input.module.d.ts +11 -0
- package/lib/file-inputs/file-input-base.d.ts +43 -0
- package/lib/file-inputs/file-input-types.d.ts +10 -0
- package/lib/form-field-frame/form-field-frame.component.d.ts +32 -0
- package/lib/form-field-frame/form-field-frame.directives.d.ts +14 -0
- package/lib/form-field-frame/form-field-frame.module.d.ts +9 -0
- package/lib/icon/icon.component.d.ts +32 -0
- package/lib/icon/icon.module.d.ts +9 -0
- package/lib/icon/icon.pipe.d.ts +7 -0
- package/lib/inputs/color-input/color-input.component.d.ts +147 -0
- package/lib/inputs/color-input/color-input.directives.d.ts +52 -0
- package/lib/inputs/color-input/color-input.module.d.ts +16 -0
- package/lib/inputs/color-input/color-input.types.d.ts +5 -0
- package/lib/inputs/digit-input/digit-input.component.d.ts +50 -0
- package/lib/inputs/digit-input/digit-input.model.d.ts +26 -0
- package/lib/inputs/digit-input/digit-input.module.d.ts +8 -0
- package/lib/inputs/digit-input/digit-input.types.d.ts +27 -0
- package/lib/inputs/digit-input/digit-input.utils.d.ts +17 -0
- package/lib/inputs/hex-input/hex-input.component.d.ts +60 -0
- package/lib/inputs/hex-input/hex-input.directives.d.ts +20 -0
- package/lib/inputs/hex-input/hex-input.module.d.ts +11 -0
- package/lib/inputs/hex-input.model.d.ts +27 -0
- package/lib/inputs/input/input.component.d.ts +79 -0
- package/lib/inputs/input/input.directives.d.ts +33 -0
- package/lib/inputs/input/input.module.d.ts +13 -0
- package/lib/inputs/input-transformers.d.ts +24 -0
- package/lib/inputs/input-types.d.ts +6 -0
- package/lib/inputs/input-utils.d.ts +58 -0
- package/lib/inputs/number-input/number-input.component.d.ts +70 -0
- package/lib/inputs/number-input/number-input.directives.d.ts +8 -0
- package/lib/inputs/number-input/number-input.module.d.ts +11 -0
- package/lib/inputs/password-input/password-input.component.d.ts +54 -0
- package/lib/inputs/password-input/password-input.directives.d.ts +27 -0
- package/lib/inputs/password-input/password-input.module.d.ts +11 -0
- package/lib/inputs/password-input/password-input.types.d.ts +3 -0
- package/lib/inputs/simple-input/simple-input.component.d.ts +58 -0
- package/lib/inputs/simple-input/simple-input.directives.d.ts +20 -0
- package/lib/inputs/simple-input/simple-input.module.d.ts +11 -0
- package/lib/kbd/kbd.component.d.ts +15 -0
- package/lib/kbd/kbd.module.d.ts +9 -0
- package/lib/kbd/kbd.pipe.d.ts +7 -0
- package/lib/kbd-shortcut/kbd-shortcut.component.d.ts +18 -0
- package/lib/kbd-shortcut/kbd-shortcut.module.d.ts +9 -0
- package/lib/modal/modal.component.d.ts +36 -0
- package/lib/modal/modal.module.d.ts +11 -0
- package/lib/option/option.component.d.ts +29 -0
- package/lib/option/option.module.d.ts +8 -0
- package/lib/progress-bar/progress-bar.component.d.ts +26 -0
- package/lib/progress-bar/progress-bar.directive.d.ts +9 -0
- package/lib/progress-bar/progress-bar.module.d.ts +9 -0
- package/lib/progress-bar/progress-bar.types.d.ts +26 -0
- package/lib/progress-circle/progress-circle.component.d.ts +28 -0
- package/lib/progress-circle/progress-circle.directive.d.ts +9 -0
- package/lib/progress-circle/progress-circle.module.d.ts +9 -0
- package/lib/progress-circle/progress-circle.types.d.ts +17 -0
- package/lib/radio/radio/radio.component.d.ts +23 -0
- package/lib/radio/radio-group.component.d.ts +43 -0
- package/lib/radio/radio.module.d.ts +9 -0
- package/lib/search-functions.d.ts +10 -0
- package/lib/segment/segment.component.d.ts +48 -0
- package/lib/segment/segment.directives.d.ts +9 -0
- package/lib/segment/segment.module.d.ts +9 -0
- package/lib/segment/segment.types.d.ts +16 -0
- package/lib/select/select.component.d.ts +255 -0
- package/lib/select/select.directive.d.ts +94 -0
- package/lib/select/select.module.d.ts +14 -0
- package/lib/select/select.types.d.ts +109 -0
- package/lib/slide-toggle/slide-toggle.component.d.ts +14 -0
- package/lib/slide-toggle/slide-toggle.module.d.ts +8 -0
- package/lib/slider/abstract-slider.d.ts +88 -0
- package/lib/slider/range-slider/range-slider.component.d.ts +29 -0
- package/lib/slider/range-slider/range-slider.module.d.ts +8 -0
- package/lib/slider/slider.component.d.ts +18 -0
- package/lib/slider/slider.directive.d.ts +9 -0
- package/lib/slider/slider.module.d.ts +10 -0
- package/lib/slider/slider.types.d.ts +28 -0
- package/lib/snackbar/index.d.ts +4 -0
- package/lib/snackbar/snackbar-ref.d.ts +37 -0
- package/lib/snackbar/snackbar.component.d.ts +16 -0
- package/lib/snackbar/snackbar.service.d.ts +31 -0
- package/lib/snackbar/snackbar.token.d.ts +5 -0
- package/lib/snackbar/snackbar.types.d.ts +48 -0
- package/lib/spinner/spinner.component.d.ts +8 -0
- package/lib/spinner/spinner.module.d.ts +8 -0
- package/lib/star/star-button/star-button.component.d.ts +16 -0
- package/lib/star/star-button/star-button.module.d.ts +9 -0
- package/lib/star/star-display/star-display.component.d.ts +16 -0
- package/lib/star/star-display/star-display.module.d.ts +9 -0
- package/lib/star/star-input/star-input.component.d.ts +51 -0
- package/lib/star/star-input/star-input.module.d.ts +9 -0
- package/lib/star/star.component.d.ts +10 -0
- package/lib/star/star.module.d.ts +8 -0
- package/lib/star/star.types.d.ts +30 -0
- package/lib/statebox/statebox.component.d.ts +31 -0
- package/lib/statebox/statebox.module.d.ts +8 -0
- package/lib/statebox/statebox.types.d.ts +22 -0
- package/lib/table/table-item-storage.d.ts +266 -0
- package/lib/table/table.component.d.ts +127 -0
- package/lib/table/table.directives.d.ts +35 -0
- package/lib/table/table.module.d.ts +12 -0
- package/lib/table/table.types.d.ts +83 -0
- package/lib/table/utils.d.ts +4 -0
- package/lib/table-from-csv/table-from-csv.component.d.ts +16 -0
- package/lib/table-from-csv/table-from-csv.module.d.ts +9 -0
- package/lib/table-pagination/table-pagination.component.d.ts +48 -0
- package/lib/table-pagination/table-pagination.module.d.ts +11 -0
- package/lib/table-pagination/table-pagination.types.d.ts +9 -0
- package/lib/types/alignment.types.d.ts +11 -0
- package/lib/types/colors.types.d.ts +71 -0
- package/lib/types/item-storage.types.d.ts +98 -0
- package/lib/types/theming.types.d.ts +61 -0
- package/lib/types/utility.types.d.ts +11 -0
- package/package.json +36 -0
- package/prebuilt-themes/default/badge.css +208 -0
- package/prebuilt-themes/default/badge.css.map +1 -0
- package/prebuilt-themes/default/buttons/button.css +290 -0
- package/prebuilt-themes/default/buttons/button.css.map +1 -0
- package/prebuilt-themes/default/buttons/fab.css +307 -0
- package/prebuilt-themes/default/buttons/fab.css.map +1 -0
- package/prebuilt-themes/default/buttons/icon-button.css +288 -0
- package/prebuilt-themes/default/buttons/icon-button.css.map +1 -0
- package/prebuilt-themes/default/calendar.css +293 -0
- package/prebuilt-themes/default/calendar.css.map +1 -0
- package/prebuilt-themes/default/card.css +122 -0
- package/prebuilt-themes/default/card.css.map +1 -0
- package/prebuilt-themes/default/checkbox-list.css +65 -0
- package/prebuilt-themes/default/checkbox-list.css.map +1 -0
- package/prebuilt-themes/default/checkbox.css +365 -0
- package/prebuilt-themes/default/checkbox.css.map +1 -0
- package/prebuilt-themes/default/chips.css +367 -0
- package/prebuilt-themes/default/chips.css.map +1 -0
- package/prebuilt-themes/default/color-display.css +29 -0
- package/prebuilt-themes/default/color-display.css.map +1 -0
- package/prebuilt-themes/default/color-picker.css +106 -0
- package/prebuilt-themes/default/color-picker.css.map +1 -0
- package/prebuilt-themes/default/core.css +84 -0
- package/prebuilt-themes/default/core.css.map +1 -0
- package/prebuilt-themes/default/dialog.css +18 -0
- package/prebuilt-themes/default/dialog.css.map +1 -0
- package/prebuilt-themes/default/divider.css +11 -0
- package/prebuilt-themes/default/divider.css.map +1 -0
- package/prebuilt-themes/default/dropdown-panel.css +37 -0
- package/prebuilt-themes/default/dropdown-panel.css.map +1 -0
- package/prebuilt-themes/default/file-drop-area.css +279 -0
- package/prebuilt-themes/default/file-drop-area.css.map +1 -0
- package/prebuilt-themes/default/form-field-frame.css +84 -0
- package/prebuilt-themes/default/form-field-frame.css.map +1 -0
- package/prebuilt-themes/default/inputs/color-input.css +139 -0
- package/prebuilt-themes/default/inputs/color-input.css.map +1 -0
- package/prebuilt-themes/default/inputs/digit-input.css +45 -0
- package/prebuilt-themes/default/inputs/digit-input.css.map +1 -0
- package/prebuilt-themes/default/inputs/file-input.css +169 -0
- package/prebuilt-themes/default/inputs/file-input.css.map +1 -0
- package/prebuilt-themes/default/inputs/hex-input.css +119 -0
- package/prebuilt-themes/default/inputs/hex-input.css.map +1 -0
- package/prebuilt-themes/default/inputs/input.css +139 -0
- package/prebuilt-themes/default/inputs/input.css.map +1 -0
- package/prebuilt-themes/default/inputs/number-input.css +150 -0
- package/prebuilt-themes/default/inputs/number-input.css.map +1 -0
- package/prebuilt-themes/default/inputs/password-input.css +73 -0
- package/prebuilt-themes/default/inputs/password-input.css.map +1 -0
- package/prebuilt-themes/default/inputs/search-bar.css +114 -0
- package/prebuilt-themes/default/inputs/search-bar.css.map +1 -0
- package/prebuilt-themes/default/inputs/simple-input.css +114 -0
- package/prebuilt-themes/default/inputs/simple-input.css.map +1 -0
- package/prebuilt-themes/default/kbd-shortcut.css +12 -0
- package/prebuilt-themes/default/kbd-shortcut.css.map +1 -0
- package/prebuilt-themes/default/kbd.css +17 -0
- package/prebuilt-themes/default/kbd.css.map +1 -0
- package/prebuilt-themes/default/modal.css +73 -0
- package/prebuilt-themes/default/modal.css.map +1 -0
- package/prebuilt-themes/default/progress-bar.css +267 -0
- package/prebuilt-themes/default/progress-bar.css.map +1 -0
- package/prebuilt-themes/default/progress-circle.css +167 -0
- package/prebuilt-themes/default/progress-circle.css.map +1 -0
- package/prebuilt-themes/default/radio.css +226 -0
- package/prebuilt-themes/default/radio.css.map +1 -0
- package/prebuilt-themes/default/segment.css +391 -0
- package/prebuilt-themes/default/segment.css.map +1 -0
- package/prebuilt-themes/default/select.css +275 -0
- package/prebuilt-themes/default/select.css.map +1 -0
- package/prebuilt-themes/default/slide-toggle.css +264 -0
- package/prebuilt-themes/default/slide-toggle.css.map +1 -0
- package/prebuilt-themes/default/slider.css +354 -0
- package/prebuilt-themes/default/slider.css.map +1 -0
- package/prebuilt-themes/default/snackbar.css +183 -0
- package/prebuilt-themes/default/snackbar.css.map +1 -0
- package/prebuilt-themes/default/spinner.css +151 -0
- package/prebuilt-themes/default/spinner.css.map +1 -0
- package/prebuilt-themes/default/stars.css +291 -0
- package/prebuilt-themes/default/stars.css.map +1 -0
- package/prebuilt-themes/default/statebox.css +235 -0
- package/prebuilt-themes/default/statebox.css.map +1 -0
- package/prebuilt-themes/default/table-pagination.css +48 -0
- package/prebuilt-themes/default/table-pagination.css.map +1 -0
- package/prebuilt-themes/default/table.css +418 -0
- package/prebuilt-themes/default/table.css.map +1 -0
- package/public-api.d.ts +145 -0
- package/themes/_variables.scss +121 -0
- package/themes/default/_clear-button.scss +73 -0
- package/themes/default/_coloring.scss +137 -0
- package/themes/default/_dropdown-arrow.scss +12 -0
- package/themes/default/_mixins.scss +70 -0
- package/themes/default/badge.scss +94 -0
- package/themes/default/buttons/_button-mixins.scss +144 -0
- package/themes/default/buttons/button.scss +62 -0
- package/themes/default/buttons/fab.scss +72 -0
- package/themes/default/buttons/icon-button.scss +59 -0
- package/themes/default/calendar.scss +182 -0
- package/themes/default/card.scss +126 -0
- package/themes/default/checkbox-list.scss +83 -0
- package/themes/default/checkbox.scss +109 -0
- package/themes/default/chips.scss +206 -0
- package/themes/default/color-display.scss +41 -0
- package/themes/default/color-picker.scss +111 -0
- package/themes/default/core.scss +96 -0
- package/themes/default/dialog.scss +16 -0
- package/themes/default/divider.scss +13 -0
- package/themes/default/dropdown-panel.scss +45 -0
- package/themes/default/file-drop-area.scss +162 -0
- package/themes/default/form-field-frame.scss +78 -0
- package/themes/default/inputs/_shared.scss +46 -0
- package/themes/default/inputs/color-input.scss +46 -0
- package/themes/default/inputs/digit-input.scss +56 -0
- package/themes/default/inputs/file-input.scss +78 -0
- package/themes/default/inputs/hex-input.scss +27 -0
- package/themes/default/inputs/input.scss +52 -0
- package/themes/default/inputs/number-input.scss +121 -0
- package/themes/default/inputs/password-input.scss +43 -0
- package/themes/default/inputs/search-bar.scss +19 -0
- package/themes/default/inputs/simple-input.scss +19 -0
- package/themes/default/kbd-shortcut.scss +13 -0
- package/themes/default/kbd.scss +20 -0
- package/themes/default/modal.scss +93 -0
- package/themes/default/progress-bar.scss +166 -0
- package/themes/default/progress-circle.scss +56 -0
- package/themes/default/radio.scss +112 -0
- package/themes/default/segment.scss +339 -0
- package/themes/default/select.scss +253 -0
- package/themes/default/slide-toggle.scss +151 -0
- package/themes/default/slider.scss +224 -0
- package/themes/default/snackbar.scss +60 -0
- package/themes/default/spinner.scss +21 -0
- package/themes/default/stars.scss +122 -0
- package/themes/default/statebox.scss +109 -0
- package/themes/default/table-pagination.scss +56 -0
- package/themes/default/table.scss +403 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { ArdiumDropdownPanelComponent } from './dropdown-panel.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class ArdiumDropdownPanelModule {
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumDropdownPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumDropdownPanelModule, declarations: [ArdiumDropdownPanelComponent], imports: [CommonModule], exports: [ArdiumDropdownPanelComponent] }); }
|
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumDropdownPanelModule, imports: [CommonModule] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumDropdownPanelModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [ArdiumDropdownPanelComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [ArdiumDropdownPanelComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tcGFuZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9kcm9wZG93bi1wYW5lbC9kcm9wZG93bi1wYW5lbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBTzFFLE1BQU0sT0FBTyx5QkFBeUI7OEdBQXpCLHlCQUF5QjsrR0FBekIseUJBQXlCLGlCQUpuQiw0QkFBNEIsYUFDakMsWUFBWSxhQUNaLDRCQUE0QjsrR0FFN0IseUJBQXlCLFlBSHhCLFlBQVk7OzJGQUdiLHlCQUF5QjtrQkFMckMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztvQkFDNUMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztpQkFDMUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFyZGl1bURyb3Bkb3duUGFuZWxDb21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLXBhbmVsLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbQXJkaXVtRHJvcGRvd25QYW5lbENvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZXhwb3J0czogW0FyZGl1bURyb3Bkb3duUGFuZWxDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBBcmRpdW1Ecm9wZG93blBhbmVsTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const DropdownPanelAppearance = {
|
|
2
|
+
Outlined: 'outlined',
|
|
3
|
+
Raised: 'raised',
|
|
4
|
+
};
|
|
5
|
+
export const DropdownPanelVariant = {
|
|
6
|
+
Rounded: 'rounded',
|
|
7
|
+
Sharp: 'sharp',
|
|
8
|
+
SharpConnected: 'sharp ard-connected',
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tcGFuZWwudHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2Ryb3Bkb3duLXBhbmVsL2Ryb3Bkb3duLXBhbmVsLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHO0lBQ25DLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLE1BQU0sRUFBRSxRQUFRO0NBQ1YsQ0FBQztBQUdYLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHO0lBQ2hDLE9BQU8sRUFBRSxTQUFTO0lBQ2xCLEtBQUssRUFBRSxPQUFPO0lBQ2QsY0FBYyxFQUFFLHFCQUFxQjtDQUMvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgU2Nyb2xsQWxpZ25tZW50ID0gJ3RvcCcgfCAnYm90dG9tJyB8ICdtaWRkbGUnO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25QYW5lbEFwcGVhcmFuY2UgPSB7XG4gICAgT3V0bGluZWQ6ICdvdXRsaW5lZCcsXG4gICAgUmFpc2VkOiAncmFpc2VkJyxcbn0gYXMgY29uc3Q7XG5leHBvcnQgdHlwZSBEcm9wZG93blBhbmVsQXBwZWFyYW5jZSA9ICh0eXBlb2YgRHJvcGRvd25QYW5lbEFwcGVhcmFuY2UpW2tleW9mIHR5cGVvZiBEcm9wZG93blBhbmVsQXBwZWFyYW5jZV07XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93blBhbmVsVmFyaWFudCA9IHtcbiAgICBSb3VuZGVkOiAncm91bmRlZCcsXG4gICAgU2hhcnA6ICdzaGFycCcsXG4gICAgU2hhcnBDb25uZWN0ZWQ6ICdzaGFycCBhcmQtY29ubmVjdGVkJyxcbn0gYXMgY29uc3Q7XG5leHBvcnQgdHlwZSBEcm9wZG93blBhbmVsVmFyaWFudCA9ICh0eXBlb2YgRHJvcGRvd25QYW5lbFZhcmlhbnQpW2tleW9mIHR5cGVvZiBEcm9wZG93blBhbmVsVmFyaWFudF07XG4iXX0=
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewEncapsulation, Input } from '@angular/core';
|
|
2
|
+
import { ComponentColor } from '../../types/colors.types';
|
|
3
|
+
import { FormElementVariant } from '../../types/theming.types';
|
|
4
|
+
import { _FileInputComponentBase } from '../file-input-base';
|
|
5
|
+
import { ArdiumFileDropAreaDragoverContentTemplateDirective, ArdiumFileDropAreaUploadedContentTemplateDirective, ArdiumFileDropAreaIdleContentTemplateDirective, } from './file-drop-area.directives';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "../../buttons/button/button.component";
|
|
9
|
+
import * as i3 from "../../icon/icon.component";
|
|
10
|
+
import * as i4 from "@ardium-ui/devkit";
|
|
11
|
+
export class ArdiumFileDropAreaComponent extends _FileInputComponentBase {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
//! appearance
|
|
15
|
+
this.variant = FormElementVariant.Rounded;
|
|
16
|
+
this.color = ComponentColor.Primary;
|
|
17
|
+
//! triggering file dialog
|
|
18
|
+
this._wasMousedownOnElement = null;
|
|
19
|
+
//! templates
|
|
20
|
+
this.idleTemplate = null;
|
|
21
|
+
this.dragoverTemplate = null;
|
|
22
|
+
this.uploadedTemplate = null;
|
|
23
|
+
}
|
|
24
|
+
get ngClasses() {
|
|
25
|
+
return [`ard-variant-${this.variant}`, `ard-color-${this.color}`, this.compact ? 'ard-compact' : ''].join(' ');
|
|
26
|
+
}
|
|
27
|
+
onMousedown() {
|
|
28
|
+
this._wasMousedownOnElement = true;
|
|
29
|
+
}
|
|
30
|
+
onMouseup() {
|
|
31
|
+
if (!this._wasMousedownOnElement)
|
|
32
|
+
return;
|
|
33
|
+
this._wasMousedownOnElement = null;
|
|
34
|
+
this.openBrowseDialog();
|
|
35
|
+
}
|
|
36
|
+
getIdleContext() {
|
|
37
|
+
return {
|
|
38
|
+
browse: () => {
|
|
39
|
+
this.openBrowseDialog();
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
getDragoverContext() {
|
|
44
|
+
return {
|
|
45
|
+
amount: this._draggedFiles,
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
getUploadedContext() {
|
|
49
|
+
const files = this.value;
|
|
50
|
+
return {
|
|
51
|
+
$implicit: files,
|
|
52
|
+
amount: files.length,
|
|
53
|
+
files,
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileDropAreaComponent, selector: "ard-file-drop-area", inputs: { variant: "variant", color: "color" }, queries: [{ propertyName: "idleTemplate", first: true, predicate: ArdiumFileDropAreaIdleContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "dragoverTemplate", first: true, predicate: ArdiumFileDropAreaDragoverContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "uploadedTemplate", first: true, predicate: ArdiumFileDropAreaUploadedContentTemplateDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<div class=\"ard-file-drop-area\"\r\n (dragover)=\"onDragover($event)\"\r\n (dragleave)=\"onDragleave()\"\r\n (drop)=\"onDrop($event)\"\r\n (ardClickOutside)=\"onDragleave()\"\r\n [ngClass]=\"ngClasses\"\r\n>\r\n <div class=\"ard-file-drop-area-outline\">\r\n <div class=\"ard-file-drop-area-content\">\r\n <ng-template *ngIf=\"currentViewState == 'idle'\"\r\n [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\r\n [ngTemplateOutletContext]=\"getIdleContext()\"\r\n ></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'dragover'\"\r\n [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\r\n [ngTemplateOutletContext]=\"getDragoverContext()\"\r\n ></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'uploaded'\"\r\n [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\r\n [ngTemplateOutletContext]=\"getUploadedContext()\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n<input #fileInput\r\n class=\"ard-file-drop-area-input-element\"\r\n type=\"file\"\r\n [name]=\"name\"\r\n [multiple]=\"multiple\"\r\n [id]=\"htmlId\"\r\n (change)=\"onInputChange()\"\r\n>\r\n\r\n<ng-template #defaultIdleTemplate let-browse=\"browse\">\r\n <ard-icon class=\"ard-file-drop-area-icon\">upload</ard-icon>\r\n <strong class=\"ard-file-drop-area-drop-text\">\r\n <span *ngIf=\"!multiple\">Drag & Drop a file</span>\r\n <span *ngIf=\"multiple\">Drag & Drop files</span>\r\n here\r\n </strong>\r\n <span class=\"ard-file-drop-area-or-text\">or</span>\r\n <ard-button\r\n class=\"ard-file-drop-area-browse-button\"\r\n appearance=\"transparent\"\r\n [compact]=\"compact\"\r\n [variant]=\"variant\"\r\n [color]=\"color\"\r\n (click)=\"browse()\"\r\n >Browse files</ard-button>\r\n</ng-template>\r\n\r\n<ng-template #defaultDragoverTemplate let-amount=\"amount\">\r\n <span class=\"ard-file-drop-area-dragover-text\">Drop </span>\r\n <span class=\"ard-file-drop-area-dragover-amount\">\r\n {{ amount }} \r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container></span>\r\n <span class=\"ard-file-drop-area-dragover-text\">\r\n here to upload.\r\n </span>\r\n <strong *ngIf=\"amount > 1 && !multiple\" class=\"ard-file-drop-area-dragover-warning\">\r\n Only the first file will be uploaded!\r\n </strong>\r\n</ng-template>\r\n\r\n<ng-template #defaultUploadedTemplate let-amount=\"amount\" let-files=\"files\">\r\n <div class=\"ard-file-drop-area-uploaded-container\">\r\n <div class=\"ard-file-drop-area-uploaded-message\">\r\n <span class=\"ard-file-drop-area-uploaded-amount\">\r\n {{ amount }}\r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"ard-file-drop-area-uploaded-text\"> uploaded.</span>\r\n </div>\r\n <div class=\"ard-file-drop-area-uploaded-files\">\r\n <div class=\"ard-file-drop-area-file\" *ngFor=\"let file of files\">\r\n <ard-icon>draft</ard-icon>\r\n <div class=\"ard-file-drop-area-file-info\">\r\n <span class=\"ard-file-drop-area-filename\">\r\n <span class=\"ard-file-drop-area-filename-name\">{{ file | filename }}</span>\r\n <span class=\"ard-file-drop-area-filename-ext\">{{ file | fileext: true }}</span>\r\n </span>\r\n <span class=\"ard-file-drop-area-filesize\">{{ file.size | filesize }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".ard-file-drop-area-input-element{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i1.NgPluralCase, selector: "[ngPluralCase]" }, { kind: "component", type: i2.ArdiumButtonComponent, selector: "ard-button", inputs: ["variant", "alignIcon", "vertical", "icon"] }, { kind: "component", type: i3.ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }, { kind: "directive", type: i4.ClickOutsideDirective, selector: "[ardClickOutside]", outputs: ["ardClickOutside"] }, { kind: "pipe", type: i4.ArdiumFilesizePipe, name: "filesize" }, { kind: "pipe", type: i4.ArdiumFilenamePipe, name: "filename" }, { kind: "pipe", type: i4.ArdiumFileextPipe, name: "fileext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
58
|
+
}
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaComponent, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{ selector: 'ard-file-drop-area', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ard-file-drop-area\"\r\n (dragover)=\"onDragover($event)\"\r\n (dragleave)=\"onDragleave()\"\r\n (drop)=\"onDrop($event)\"\r\n (ardClickOutside)=\"onDragleave()\"\r\n [ngClass]=\"ngClasses\"\r\n>\r\n <div class=\"ard-file-drop-area-outline\">\r\n <div class=\"ard-file-drop-area-content\">\r\n <ng-template *ngIf=\"currentViewState == 'idle'\"\r\n [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\r\n [ngTemplateOutletContext]=\"getIdleContext()\"\r\n ></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'dragover'\"\r\n [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\r\n [ngTemplateOutletContext]=\"getDragoverContext()\"\r\n ></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'uploaded'\"\r\n [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\r\n [ngTemplateOutletContext]=\"getUploadedContext()\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n<input #fileInput\r\n class=\"ard-file-drop-area-input-element\"\r\n type=\"file\"\r\n [name]=\"name\"\r\n [multiple]=\"multiple\"\r\n [id]=\"htmlId\"\r\n (change)=\"onInputChange()\"\r\n>\r\n\r\n<ng-template #defaultIdleTemplate let-browse=\"browse\">\r\n <ard-icon class=\"ard-file-drop-area-icon\">upload</ard-icon>\r\n <strong class=\"ard-file-drop-area-drop-text\">\r\n <span *ngIf=\"!multiple\">Drag & Drop a file</span>\r\n <span *ngIf=\"multiple\">Drag & Drop files</span>\r\n here\r\n </strong>\r\n <span class=\"ard-file-drop-area-or-text\">or</span>\r\n <ard-button\r\n class=\"ard-file-drop-area-browse-button\"\r\n appearance=\"transparent\"\r\n [compact]=\"compact\"\r\n [variant]=\"variant\"\r\n [color]=\"color\"\r\n (click)=\"browse()\"\r\n >Browse files</ard-button>\r\n</ng-template>\r\n\r\n<ng-template #defaultDragoverTemplate let-amount=\"amount\">\r\n <span class=\"ard-file-drop-area-dragover-text\">Drop </span>\r\n <span class=\"ard-file-drop-area-dragover-amount\">\r\n {{ amount }} \r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container></span>\r\n <span class=\"ard-file-drop-area-dragover-text\">\r\n here to upload.\r\n </span>\r\n <strong *ngIf=\"amount > 1 && !multiple\" class=\"ard-file-drop-area-dragover-warning\">\r\n Only the first file will be uploaded!\r\n </strong>\r\n</ng-template>\r\n\r\n<ng-template #defaultUploadedTemplate let-amount=\"amount\" let-files=\"files\">\r\n <div class=\"ard-file-drop-area-uploaded-container\">\r\n <div class=\"ard-file-drop-area-uploaded-message\">\r\n <span class=\"ard-file-drop-area-uploaded-amount\">\r\n {{ amount }}\r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"ard-file-drop-area-uploaded-text\"> uploaded.</span>\r\n </div>\r\n <div class=\"ard-file-drop-area-uploaded-files\">\r\n <div class=\"ard-file-drop-area-file\" *ngFor=\"let file of files\">\r\n <ard-icon>draft</ard-icon>\r\n <div class=\"ard-file-drop-area-file-info\">\r\n <span class=\"ard-file-drop-area-filename\">\r\n <span class=\"ard-file-drop-area-filename-name\">{{ file | filename }}</span>\r\n <span class=\"ard-file-drop-area-filename-ext\">{{ file | fileext: true }}</span>\r\n </span>\r\n <span class=\"ard-file-drop-area-filesize\">{{ file.size | filesize }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>", styles: [".ard-file-drop-area-input-element{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"] }]
|
|
62
|
+
}], propDecorators: { variant: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], color: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], idleTemplate: [{
|
|
67
|
+
type: ContentChild,
|
|
68
|
+
args: [ArdiumFileDropAreaIdleContentTemplateDirective, {
|
|
69
|
+
read: TemplateRef,
|
|
70
|
+
}]
|
|
71
|
+
}], dragoverTemplate: [{
|
|
72
|
+
type: ContentChild,
|
|
73
|
+
args: [ArdiumFileDropAreaDragoverContentTemplateDirective, {
|
|
74
|
+
read: TemplateRef,
|
|
75
|
+
}]
|
|
76
|
+
}], uploadedTemplate: [{
|
|
77
|
+
type: ContentChild,
|
|
78
|
+
args: [ArdiumFileDropAreaUploadedContentTemplateDirective, {
|
|
79
|
+
read: TemplateRef,
|
|
80
|
+
}]
|
|
81
|
+
}] } });
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kcm9wLWFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9maWxlLWlucHV0cy9maWxlLWRyb3AtYXJlYS9maWxlLWRyb3AtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ZpbGUtaW5wdXRzL2ZpbGUtZHJvcC1hcmVhL2ZpbGUtZHJvcC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFVLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRTdELE9BQU8sRUFDSCxrREFBa0QsRUFDbEQsa0RBQWtELEVBQ2xELDhDQUE4QyxHQUNqRCxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7QUFTckMsTUFBTSxPQUFPLDJCQUE0QixTQUFRLHVCQUF1QjtJQVB4RTs7UUFRSSxjQUFjO1FBQ0wsWUFBTyxHQUF1QixrQkFBa0IsQ0FBQyxPQUFPLENBQUM7UUFDekQsVUFBSyxHQUFtQixjQUFjLENBQUMsT0FBTyxDQUFDO1FBTXhELDBCQUEwQjtRQUNoQiwyQkFBc0IsR0FBZ0IsSUFBSSxDQUFDO1FBV3JELGFBQWE7UUFJYixpQkFBWSxHQUErQyxJQUFJLENBQUM7UUFJaEUscUJBQWdCLEdBQThDLElBQUksQ0FBQztRQUluRSxxQkFBZ0IsR0FBOEMsSUFBSSxDQUFDO0tBc0J0RTtJQWxERyxJQUFJLFNBQVM7UUFDVCxPQUFPLENBQUMsZUFBZSxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsYUFBYSxJQUFJLENBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbkgsQ0FBQztJQUlELFdBQVc7UUFDUCxJQUFJLENBQUMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDO0lBQ3ZDLENBQUM7SUFDRCxTQUFTO1FBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxzQkFBc0I7WUFBRSxPQUFPO1FBQ3pDLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUM7UUFFbkMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQWdCRCxjQUFjO1FBQ1YsT0FBTztZQUNILE1BQU0sRUFBRSxHQUFHLEVBQUU7Z0JBQ1QsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7WUFDNUIsQ0FBQztTQUNKLENBQUM7SUFDTixDQUFDO0lBQ0Qsa0JBQWtCO1FBQ2QsT0FBTztZQUNILE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYztTQUM5QixDQUFDO0lBQ04sQ0FBQztJQUNELGtCQUFrQjtRQUNkLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFNLENBQUM7UUFDMUIsT0FBTztZQUNILFNBQVMsRUFBRSxLQUFLO1lBQ2hCLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTTtZQUNwQixLQUFLO1NBQ1IsQ0FBQztJQUNOLENBQUM7OEdBdERRLDJCQUEyQjtrR0FBM0IsMkJBQTJCLG9KQXNCdEIsOENBQThDLDJCQUNsRCxXQUFXLGdFQUdQLGtEQUFrRCwyQkFDdEQsV0FBVyxnRUFHUCxrREFBa0QsMkJBQ3RELFdBQVcsb0RDakR6QixrbUlBNEZjOzsyRkQxRUQsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNJLG9CQUFvQixpQkFHZixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl0QyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQXNCTixZQUFZO3NCQUhYLFlBQVk7dUJBQUMsOENBQThDLEVBQUU7d0JBQzFELElBQUksRUFBRSxXQUFXO3FCQUNwQjtnQkFLRCxnQkFBZ0I7c0JBSGYsWUFBWTt1QkFBQyxrREFBa0QsRUFBRTt3QkFDOUQsSUFBSSxFQUFFLFdBQVc7cUJBQ3BCO2dCQUtELGdCQUFnQjtzQkFIZixZQUFZO3VCQUFDLGtEQUFrRCxFQUFFO3dCQUM5RCxJQUFJLEVBQUUsV0FBVztxQkFDcEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50Q29sb3IgfSBmcm9tICcuLi8uLi90eXBlcy9jb2xvcnMudHlwZXMnO1xuaW1wb3J0IHsgRm9ybUVsZW1lbnRWYXJpYW50IH0gZnJvbSAnLi4vLi4vdHlwZXMvdGhlbWluZy50eXBlcyc7XG5pbXBvcnQgeyBfRmlsZUlucHV0Q29tcG9uZW50QmFzZSB9IGZyb20gJy4uL2ZpbGUtaW5wdXQtYmFzZSc7XG5pbXBvcnQgeyBGaWxlSW5wdXRCcm93c2VDb250ZXh0LCBGaWxlSW5wdXRGaWxlQW1vdW50Q29udGV4dCwgRmlsZUlucHV0RmlsZXNDb250ZXh0IH0gZnJvbSAnLi4vZmlsZS1pbnB1dC10eXBlcyc7XG5pbXBvcnQge1xuICAgIEFyZGl1bUZpbGVEcm9wQXJlYURyYWdvdmVyQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxuICAgIEFyZGl1bUZpbGVEcm9wQXJlYVVwbG9hZGVkQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxuICAgIEFyZGl1bUZpbGVEcm9wQXJlYUlkbGVDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUsXG59IGZyb20gJy4vZmlsZS1kcm9wLWFyZWEuZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWZpbGUtZHJvcC1hcmVhJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZmlsZS1kcm9wLWFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2ZpbGUtZHJvcC1hcmVhLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtRmlsZURyb3BBcmVhQ29tcG9uZW50IGV4dGVuZHMgX0ZpbGVJbnB1dENvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8vISBhcHBlYXJhbmNlXG4gICAgQElucHV0KCkgdmFyaWFudDogRm9ybUVsZW1lbnRWYXJpYW50ID0gRm9ybUVsZW1lbnRWYXJpYW50LlJvdW5kZWQ7XG4gICAgQElucHV0KCkgY29sb3I6IENvbXBvbmVudENvbG9yID0gQ29tcG9uZW50Q29sb3IuUHJpbWFyeTtcblxuICAgIGdldCBuZ0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtgYXJkLXZhcmlhbnQtJHt0aGlzLnZhcmlhbnR9YCwgYGFyZC1jb2xvci0ke3RoaXMuY29sb3J9YCwgdGhpcy5jb21wYWN0ID8gJ2FyZC1jb21wYWN0JyA6ICcnXS5qb2luKCcgJyk7XG4gICAgfVxuXG4gICAgLy8hIHRyaWdnZXJpbmcgZmlsZSBkaWFsb2dcbiAgICBwcm90ZWN0ZWQgX3dhc01vdXNlZG93bk9uRWxlbWVudDogdHJ1ZSB8IG51bGwgPSBudWxsO1xuICAgIG9uTW91c2Vkb3duKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl93YXNNb3VzZWRvd25PbkVsZW1lbnQgPSB0cnVlO1xuICAgIH1cbiAgICBvbk1vdXNldXAoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5fd2FzTW91c2Vkb3duT25FbGVtZW50KSByZXR1cm47XG4gICAgICAgIHRoaXMuX3dhc01vdXNlZG93bk9uRWxlbWVudCA9IG51bGw7XG5cbiAgICAgICAgdGhpcy5vcGVuQnJvd3NlRGlhbG9nKCk7XG4gICAgfVxuXG4gICAgLy8hIHRlbXBsYXRlc1xuICAgIEBDb250ZW50Q2hpbGQoQXJkaXVtRmlsZURyb3BBcmVhSWRsZUNvbnRlbnRUZW1wbGF0ZURpcmVjdGl2ZSwge1xuICAgICAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgICB9KVxuICAgIGlkbGVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0QnJvd3NlQ29udGV4dD4gfCBudWxsID0gbnVsbDtcbiAgICBAQ29udGVudENoaWxkKEFyZGl1bUZpbGVEcm9wQXJlYURyYWdvdmVyQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLCB7XG4gICAgICAgIHJlYWQ6IFRlbXBsYXRlUmVmLFxuICAgIH0pXG4gICAgZHJhZ292ZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0RmlsZXNDb250ZXh0PiB8IG51bGwgPSBudWxsO1xuICAgIEBDb250ZW50Q2hpbGQoQXJkaXVtRmlsZURyb3BBcmVhVXBsb2FkZWRDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUsIHtcbiAgICAgICAgcmVhZDogVGVtcGxhdGVSZWYsXG4gICAgfSlcbiAgICB1cGxvYWRlZFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxGaWxlSW5wdXRGaWxlc0NvbnRleHQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgICBnZXRJZGxlQ29udGV4dCgpOiBGaWxlSW5wdXRCcm93c2VDb250ZXh0IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGJyb3dzZTogKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMub3BlbkJyb3dzZURpYWxvZygpO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICB9XG4gICAgZ2V0RHJhZ292ZXJDb250ZXh0KCk6IEZpbGVJbnB1dEZpbGVBbW91bnRDb250ZXh0IHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGFtb3VudDogdGhpcy5fZHJhZ2dlZEZpbGVzISxcbiAgICAgICAgfTtcbiAgICB9XG4gICAgZ2V0VXBsb2FkZWRDb250ZXh0KCk6IEZpbGVJbnB1dEZpbGVzQ29udGV4dCB7XG4gICAgICAgIGNvbnN0IGZpbGVzID0gdGhpcy52YWx1ZSE7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAkaW1wbGljaXQ6IGZpbGVzLFxuICAgICAgICAgICAgYW1vdW50OiBmaWxlcy5sZW5ndGgsXG4gICAgICAgICAgICBmaWxlcyxcbiAgICAgICAgfTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhXCJcclxuICAgIChkcmFnb3Zlcik9XCJvbkRyYWdvdmVyKCRldmVudClcIlxyXG4gICAgKGRyYWdsZWF2ZSk9XCJvbkRyYWdsZWF2ZSgpXCJcclxuICAgIChkcm9wKT1cIm9uRHJvcCgkZXZlbnQpXCJcclxuICAgIChhcmRDbGlja091dHNpZGUpPVwib25EcmFnbGVhdmUoKVwiXHJcbiAgICBbbmdDbGFzc109XCJuZ0NsYXNzZXNcIlxyXG4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLW91dGxpbmVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiY3VycmVudFZpZXdTdGF0ZSA9PSAnaWRsZSdcIlxyXG4gICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaWRsZVRlbXBsYXRlID8/IGRlZmF1bHRJZGxlVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImdldElkbGVDb250ZXh0KClcIlxyXG4gICAgICAgICAgICA+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiY3VycmVudFZpZXdTdGF0ZSA9PSAnZHJhZ292ZXInXCJcclxuICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImRyYWdvdmVyVGVtcGxhdGUgPz8gZGVmYXVsdERyYWdvdmVyVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImdldERyYWdvdmVyQ29udGV4dCgpXCJcclxuICAgICAgICAgICAgPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAqbmdJZj1cImN1cnJlbnRWaWV3U3RhdGUgPT0gJ3VwbG9hZGVkJ1wiXHJcbiAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJ1cGxvYWRlZFRlbXBsYXRlID8/IGRlZmF1bHRVcGxvYWRlZFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJnZXRVcGxvYWRlZENvbnRleHQoKVwiXHJcbiAgICAgICAgICAgID48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG48aW5wdXQgI2ZpbGVJbnB1dFxyXG4gICAgY2xhc3M9XCJhcmQtZmlsZS1kcm9wLWFyZWEtaW5wdXQtZWxlbWVudFwiXHJcbiAgICB0eXBlPVwiZmlsZVwiXHJcbiAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiXHJcbiAgICBbaWRdPVwiaHRtbElkXCJcclxuICAgIChjaGFuZ2UpPVwib25JbnB1dENoYW5nZSgpXCJcclxuPlxyXG5cclxuPG5nLXRlbXBsYXRlICNkZWZhdWx0SWRsZVRlbXBsYXRlIGxldC1icm93c2U9XCJicm93c2VcIj5cclxuICAgIDxhcmQtaWNvbiBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS1pY29uXCI+dXBsb2FkPC9hcmQtaWNvbj5cclxuICAgIDxzdHJvbmcgY2xhc3M9XCJhcmQtZmlsZS1kcm9wLWFyZWEtZHJvcC10ZXh0XCI+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhbXVsdGlwbGVcIj5EcmFnICYgRHJvcCBhIGZpbGU8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJtdWx0aXBsZVwiPkRyYWcgJiBEcm9wIGZpbGVzPC9zcGFuPlxyXG4gICAgICAgIGhlcmVcclxuICAgIDwvc3Ryb25nPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJhcmQtZmlsZS1kcm9wLWFyZWEtb3ItdGV4dFwiPm9yPC9zcGFuPlxyXG4gICAgPGFyZC1idXR0b25cclxuICAgICAgICBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS1icm93c2UtYnV0dG9uXCJcclxuICAgICAgICBhcHBlYXJhbmNlPVwidHJhbnNwYXJlbnRcIlxyXG4gICAgICAgIFtjb21wYWN0XT1cImNvbXBhY3RcIlxyXG4gICAgICAgIFt2YXJpYW50XT1cInZhcmlhbnRcIlxyXG4gICAgICAgIFtjb2xvcl09XCJjb2xvclwiXHJcbiAgICAgICAgKGNsaWNrKT1cImJyb3dzZSgpXCJcclxuICAgID5Ccm93c2UgZmlsZXM8L2FyZC1idXR0b24+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2RlZmF1bHREcmFnb3ZlclRlbXBsYXRlIGxldC1hbW91bnQ9XCJhbW91bnRcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWRyYWdvdmVyLXRleHRcIj5Ecm9wIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWRyYWdvdmVyLWFtb3VudFwiPlxyXG4gICAgICAgIHt7IGFtb3VudCB9fSBcclxuICAgICAgICA8bmctY29udGFpbmVyIFtuZ1BsdXJhbF09XCJhbW91bnRcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nUGx1cmFsQ2FzZT1cIj0xXCI+ZmlsZTwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBuZ1BsdXJhbENhc2U9XCJvdGhlclwiPmZpbGVzPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj48L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS1kcmFnb3Zlci10ZXh0XCI+XHJcbiAgICAgICAgaGVyZSB0byB1cGxvYWQuXHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3Ryb25nICpuZ0lmPVwiYW1vdW50ID4gMSAmJiAhbXVsdGlwbGVcIiBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS1kcmFnb3Zlci13YXJuaW5nXCI+XHJcbiAgICAgICAgT25seSB0aGUgZmlyc3QgZmlsZSB3aWxsIGJlIHVwbG9hZGVkIVxyXG4gICAgPC9zdHJvbmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2RlZmF1bHRVcGxvYWRlZFRlbXBsYXRlIGxldC1hbW91bnQ9XCJhbW91bnRcIiBsZXQtZmlsZXM9XCJmaWxlc1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS11cGxvYWRlZC1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLXVwbG9hZGVkLW1lc3NhZ2VcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcmQtZmlsZS1kcm9wLWFyZWEtdXBsb2FkZWQtYW1vdW50XCI+XHJcbiAgICAgICAgICAgICAgICB7eyBhbW91bnQgfX1cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nUGx1cmFsXT1cImFtb3VudFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBuZ1BsdXJhbENhc2U9XCI9MVwiPmZpbGU8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBuZ1BsdXJhbENhc2U9XCJvdGhlclwiPmZpbGVzPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLXVwbG9hZGVkLXRleHRcIj4gdXBsb2FkZWQuPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcmQtZmlsZS1kcm9wLWFyZWEtdXBsb2FkZWQtZmlsZXNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS1maWxlXCIgKm5nRm9yPVwibGV0IGZpbGUgb2YgZmlsZXNcIj5cclxuICAgICAgICAgICAgICAgIDxhcmQtaWNvbj5kcmFmdDwvYXJkLWljb24+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWZpbGUtaW5mb1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWZpbGVuYW1lXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWZpbGVuYW1lLW5hbWVcIj57eyBmaWxlIHwgZmlsZW5hbWUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtZHJvcC1hcmVhLWZpbGVuYW1lLWV4dFwiPnt7IGZpbGUgfCBmaWxlZXh0OiB0cnVlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFyZC1maWxlLWRyb3AtYXJlYS1maWxlc2l6ZVwiPnt7IGZpbGUuc2l6ZSB8IGZpbGVzaXplIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ArdiumFileDropAreaIdleContentTemplateDirective {
|
|
4
|
+
constructor(template) {
|
|
5
|
+
this.template = template;
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaIdleContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileDropAreaIdleContentTemplateDirective, selector: "ard-file-drop-area > ng-template[ard-idle-content-tmp]", ngImport: i0 }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaIdleContentTemplateDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{
|
|
13
|
+
selector: 'ard-file-drop-area > ng-template[ard-idle-content-tmp]',
|
|
14
|
+
}]
|
|
15
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
16
|
+
export class ArdiumFileDropAreaDragoverContentTemplateDirective {
|
|
17
|
+
constructor(template) {
|
|
18
|
+
this.template = template;
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaDragoverContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileDropAreaDragoverContentTemplateDirective, selector: "ard-file-drop-area > ng-template[ard-dragover-content-tmp]", ngImport: i0 }); }
|
|
22
|
+
}
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaDragoverContentTemplateDirective, decorators: [{
|
|
24
|
+
type: Directive,
|
|
25
|
+
args: [{
|
|
26
|
+
selector: 'ard-file-drop-area > ng-template[ard-dragover-content-tmp]',
|
|
27
|
+
}]
|
|
28
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
29
|
+
export class ArdiumFileDropAreaUploadedContentTemplateDirective {
|
|
30
|
+
constructor(template) {
|
|
31
|
+
this.template = template;
|
|
32
|
+
}
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaUploadedContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
34
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileDropAreaUploadedContentTemplateDirective, selector: "ard-file-drop-area > ng-template[ard-dropped-content-tmp]", ngImport: i0 }); }
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaUploadedContentTemplateDirective, decorators: [{
|
|
37
|
+
type: Directive,
|
|
38
|
+
args: [{
|
|
39
|
+
selector: 'ard-file-drop-area > ng-template[ard-dropped-content-tmp]',
|
|
40
|
+
}]
|
|
41
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kcm9wLWFyZWEuZGlyZWN0aXZlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvZmlsZS1pbnB1dHMvZmlsZS1kcm9wLWFyZWEvZmlsZS1kcm9wLWFyZWEuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQU12RCxNQUFNLE9BQU8sOENBQThDO0lBQ3ZELFlBQW1CLFFBQTZDO1FBQTdDLGFBQVEsR0FBUixRQUFRLENBQXFDO0lBQUcsQ0FBQzs4R0FEM0QsOENBQThDO2tHQUE5Qyw4Q0FBOEM7OzJGQUE5Qyw4Q0FBOEM7a0JBSDFELFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdEQUF3RDtpQkFDckU7O0FBUUQsTUFBTSxPQUFPLGtEQUFrRDtJQUMzRCxZQUFtQixRQUE0QztRQUE1QyxhQUFRLEdBQVIsUUFBUSxDQUFvQztJQUFHLENBQUM7OEdBRDFELGtEQUFrRDtrR0FBbEQsa0RBQWtEOzsyRkFBbEQsa0RBQWtEO2tCQUg5RCxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSw0REFBNEQ7aUJBQ3pFOztBQVFELE1BQU0sT0FBTyxrREFBa0Q7SUFDM0QsWUFBbUIsUUFBNEM7UUFBNUMsYUFBUSxHQUFSLFFBQVEsQ0FBb0M7SUFBRyxDQUFDOzhHQUQxRCxrREFBa0Q7a0dBQWxELGtEQUFrRDs7MkZBQWxELGtEQUFrRDtrQkFIOUQsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsMkRBQTJEO2lCQUN4RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbGVJbnB1dEJyb3dzZUNvbnRleHQsIEZpbGVJbnB1dEZpbGVzQ29udGV4dCB9IGZyb20gJy4uL2ZpbGUtaW5wdXQtdHlwZXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ2FyZC1maWxlLWRyb3AtYXJlYSA+IG5nLXRlbXBsYXRlW2FyZC1pZGxlLWNvbnRlbnQtdG1wXScsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZpbGVEcm9wQXJlYUlkbGVDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0QnJvd3NlQ29udGV4dD4pIHt9XG59XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWZpbGUtZHJvcC1hcmVhID4gbmctdGVtcGxhdGVbYXJkLWRyYWdvdmVyLWNvbnRlbnQtdG1wXScsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZpbGVEcm9wQXJlYURyYWdvdmVyQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPEZpbGVJbnB1dEZpbGVzQ29udGV4dD4pIHt9XG59XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWZpbGUtZHJvcC1hcmVhID4gbmctdGVtcGxhdGVbYXJkLWRyb3BwZWQtY29udGVudC10bXBdJyxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtRmlsZURyb3BBcmVhVXBsb2FkZWRDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0RmlsZXNDb250ZXh0Pikge31cbn1cbiJdfQ==
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { ArdiumClickOutsideEventModule, ArdiumFileextPipeModule, ArdiumFilenamePipeModule, ArdiumFilesizePipeModule } from '@ardium-ui/devkit';
|
|
4
|
+
import { ArdiumButtonModule } from '../../buttons/button/button.module';
|
|
5
|
+
import { ArdiumIconModule } from '../../icon/icon.module';
|
|
6
|
+
import { ArdiumFileDropAreaComponent } from './file-drop-area.component';
|
|
7
|
+
import { ArdiumFileDropAreaDragoverContentTemplateDirective, ArdiumFileDropAreaIdleContentTemplateDirective, ArdiumFileDropAreaUploadedContentTemplateDirective, } from './file-drop-area.directives';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class ArdiumFileDropAreaModule {
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaModule, declarations: [ArdiumFileDropAreaComponent,
|
|
12
|
+
ArdiumFileDropAreaIdleContentTemplateDirective,
|
|
13
|
+
ArdiumFileDropAreaDragoverContentTemplateDirective,
|
|
14
|
+
ArdiumFileDropAreaUploadedContentTemplateDirective], imports: [CommonModule,
|
|
15
|
+
ArdiumButtonModule,
|
|
16
|
+
ArdiumIconModule,
|
|
17
|
+
ArdiumFilesizePipeModule,
|
|
18
|
+
ArdiumFilenamePipeModule,
|
|
19
|
+
ArdiumFileextPipeModule,
|
|
20
|
+
ArdiumClickOutsideEventModule], exports: [ArdiumFileDropAreaComponent,
|
|
21
|
+
ArdiumFileDropAreaIdleContentTemplateDirective,
|
|
22
|
+
ArdiumFileDropAreaDragoverContentTemplateDirective,
|
|
23
|
+
ArdiumFileDropAreaUploadedContentTemplateDirective] }); }
|
|
24
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaModule, imports: [CommonModule,
|
|
25
|
+
ArdiumButtonModule,
|
|
26
|
+
ArdiumIconModule,
|
|
27
|
+
ArdiumFilesizePipeModule,
|
|
28
|
+
ArdiumFilenamePipeModule,
|
|
29
|
+
ArdiumFileextPipeModule,
|
|
30
|
+
ArdiumClickOutsideEventModule] }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileDropAreaModule, decorators: [{
|
|
33
|
+
type: NgModule,
|
|
34
|
+
args: [{
|
|
35
|
+
declarations: [
|
|
36
|
+
ArdiumFileDropAreaComponent,
|
|
37
|
+
ArdiumFileDropAreaIdleContentTemplateDirective,
|
|
38
|
+
ArdiumFileDropAreaDragoverContentTemplateDirective,
|
|
39
|
+
ArdiumFileDropAreaUploadedContentTemplateDirective,
|
|
40
|
+
],
|
|
41
|
+
imports: [
|
|
42
|
+
CommonModule,
|
|
43
|
+
ArdiumButtonModule,
|
|
44
|
+
ArdiumIconModule,
|
|
45
|
+
ArdiumFilesizePipeModule,
|
|
46
|
+
ArdiumFilenamePipeModule,
|
|
47
|
+
ArdiumFileextPipeModule,
|
|
48
|
+
ArdiumClickOutsideEventModule,
|
|
49
|
+
],
|
|
50
|
+
exports: [
|
|
51
|
+
ArdiumFileDropAreaComponent,
|
|
52
|
+
ArdiumFileDropAreaIdleContentTemplateDirective,
|
|
53
|
+
ArdiumFileDropAreaDragoverContentTemplateDirective,
|
|
54
|
+
ArdiumFileDropAreaUploadedContentTemplateDirective,
|
|
55
|
+
],
|
|
56
|
+
}]
|
|
57
|
+
}] });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1kcm9wLWFyZWEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9maWxlLWlucHV0cy9maWxlLWRyb3AtYXJlYS9maWxlLWRyb3AtYXJlYS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLDZCQUE2QixFQUFFLHVCQUF1QixFQUFFLHdCQUF3QixFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0ksT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekUsT0FBTyxFQUNILGtEQUFrRCxFQUNsRCw4Q0FBOEMsRUFDOUMsa0RBQWtELEdBQ3JELE1BQU0sNkJBQTZCLENBQUM7O0FBeUJyQyxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7K0dBQXhCLHdCQUF3QixpQkFyQjdCLDJCQUEyQjtZQUMzQiw4Q0FBOEM7WUFDOUMsa0RBQWtEO1lBQ2xELGtEQUFrRCxhQUdsRCxZQUFZO1lBQ1osa0JBQWtCO1lBQ2xCLGdCQUFnQjtZQUNoQix3QkFBd0I7WUFDeEIsd0JBQXdCO1lBQ3hCLHVCQUF1QjtZQUN2Qiw2QkFBNkIsYUFHN0IsMkJBQTJCO1lBQzNCLDhDQUE4QztZQUM5QyxrREFBa0Q7WUFDbEQsa0RBQWtEOytHQUc3Qyx3QkFBd0IsWUFmN0IsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixnQkFBZ0I7WUFDaEIsd0JBQXdCO1lBQ3hCLHdCQUF3QjtZQUN4Qix1QkFBdUI7WUFDdkIsNkJBQTZCOzsyRkFTeEIsd0JBQXdCO2tCQXZCcEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YsMkJBQTJCO3dCQUMzQiw4Q0FBOEM7d0JBQzlDLGtEQUFrRDt3QkFDbEQsa0RBQWtEO3FCQUNyRDtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixrQkFBa0I7d0JBQ2xCLGdCQUFnQjt3QkFDaEIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLHVCQUF1Qjt3QkFDdkIsNkJBQTZCO3FCQUNoQztvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsMkJBQTJCO3dCQUMzQiw4Q0FBOEM7d0JBQzlDLGtEQUFrRDt3QkFDbEQsa0RBQWtEO3FCQUNyRDtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXJkaXVtQ2xpY2tPdXRzaWRlRXZlbnRNb2R1bGUsIEFyZGl1bUZpbGVleHRQaXBlTW9kdWxlLCBBcmRpdW1GaWxlbmFtZVBpcGVNb2R1bGUsIEFyZGl1bUZpbGVzaXplUGlwZU1vZHVsZSB9IGZyb20gJ0BhcmRpdW0tdWkvZGV2a2l0JztcbmltcG9ydCB7IEFyZGl1bUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2J1dHRvbnMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQXJkaXVtSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQXJkaXVtRmlsZURyb3BBcmVhQ29tcG9uZW50IH0gZnJvbSAnLi9maWxlLWRyb3AtYXJlYS5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgICBBcmRpdW1GaWxlRHJvcEFyZWFEcmFnb3ZlckNvbnRlbnRUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICBBcmRpdW1GaWxlRHJvcEFyZWFJZGxlQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxuICAgIEFyZGl1bUZpbGVEcm9wQXJlYVVwbG9hZGVkQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxufSBmcm9tICcuL2ZpbGUtZHJvcC1hcmVhLmRpcmVjdGl2ZXMnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBBcmRpdW1GaWxlRHJvcEFyZWFDb21wb25lbnQsXG4gICAgICAgIEFyZGl1bUZpbGVEcm9wQXJlYUlkbGVDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUsXG4gICAgICAgIEFyZGl1bUZpbGVEcm9wQXJlYURyYWdvdmVyQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxuICAgICAgICBBcmRpdW1GaWxlRHJvcEFyZWFVcGxvYWRlZENvbnRlbnRUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICBdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBcmRpdW1CdXR0b25Nb2R1bGUsXG4gICAgICAgIEFyZGl1bUljb25Nb2R1bGUsXG4gICAgICAgIEFyZGl1bUZpbGVzaXplUGlwZU1vZHVsZSxcbiAgICAgICAgQXJkaXVtRmlsZW5hbWVQaXBlTW9kdWxlLFxuICAgICAgICBBcmRpdW1GaWxlZXh0UGlwZU1vZHVsZSxcbiAgICAgICAgQXJkaXVtQ2xpY2tPdXRzaWRlRXZlbnRNb2R1bGUsXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIEFyZGl1bUZpbGVEcm9wQXJlYUNvbXBvbmVudCxcbiAgICAgICAgQXJkaXVtRmlsZURyb3BBcmVhSWRsZUNvbnRlbnRUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICAgICAgQXJkaXVtRmlsZURyb3BBcmVhRHJhZ292ZXJDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUsXG4gICAgICAgIEFyZGl1bUZpbGVEcm9wQXJlYVVwbG9hZGVkQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZpbGVEcm9wQXJlYU1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation, Input, ContentChild, TemplateRef, forwardRef, Output, EventEmitter } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ArdColorInputPlaceholderTemplateDirective } from '../../inputs/color-input/color-input.directives';
|
|
4
|
+
import { ComponentColor } from '../../types/colors.types';
|
|
5
|
+
import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
|
|
6
|
+
import { _FileInputComponentBase } from '../file-input-base';
|
|
7
|
+
import { ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputUploadedContentTemplateDirective, } from './file-input.directives';
|
|
8
|
+
import { coerceBooleanProperty } from '@ardium-ui/devkit';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
import * as i1 from "@angular/common";
|
|
11
|
+
import * as i2 from "../../form-field-frame/form-field-frame.component";
|
|
12
|
+
import * as i3 from "../../_internal/clear-button/clear-button.component";
|
|
13
|
+
import * as i4 from "../../icon/icon.component";
|
|
14
|
+
export class ArdiumFileInputComponent extends _FileInputComponentBase {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments);
|
|
17
|
+
this.DEFAULTS = {
|
|
18
|
+
clearButtonTitle: 'Clear',
|
|
19
|
+
};
|
|
20
|
+
//! appearance
|
|
21
|
+
//all handled in ard-form-field-frame component
|
|
22
|
+
this.appearance = FormElementAppearance.Outlined;
|
|
23
|
+
this.variant = FormElementVariant.Rounded;
|
|
24
|
+
this.color = ComponentColor.Primary;
|
|
25
|
+
//! other inputs
|
|
26
|
+
this.inputAttrs = {};
|
|
27
|
+
//! placeholder
|
|
28
|
+
this.placeholder = '';
|
|
29
|
+
//! clear button
|
|
30
|
+
this._clearable = true;
|
|
31
|
+
this.clearButtonTitle = this.DEFAULTS.clearButtonTitle;
|
|
32
|
+
this.clearEvent = new EventEmitter();
|
|
33
|
+
//! state
|
|
34
|
+
this._touched = false;
|
|
35
|
+
//! templates
|
|
36
|
+
this.idleTemplate = null;
|
|
37
|
+
this.dragoverTemplate = null;
|
|
38
|
+
this.uploadedTemplate = null;
|
|
39
|
+
}
|
|
40
|
+
get shouldDisplayPlaceholder() {
|
|
41
|
+
return Boolean(this.placeholder) && !this.value;
|
|
42
|
+
}
|
|
43
|
+
get clearable() {
|
|
44
|
+
return this._clearable;
|
|
45
|
+
}
|
|
46
|
+
set clearable(v) {
|
|
47
|
+
this._clearable = coerceBooleanProperty(v);
|
|
48
|
+
}
|
|
49
|
+
get shouldShowClearButton() {
|
|
50
|
+
return this._clearable && !this.disabled && Boolean(this.value);
|
|
51
|
+
}
|
|
52
|
+
onClearButtonClick(event) {
|
|
53
|
+
event.stopPropagation();
|
|
54
|
+
this.clear();
|
|
55
|
+
this.focus();
|
|
56
|
+
}
|
|
57
|
+
//! clear function
|
|
58
|
+
clear() {
|
|
59
|
+
if (!this.clearable)
|
|
60
|
+
return;
|
|
61
|
+
this.writeValue(null);
|
|
62
|
+
this._emitChange();
|
|
63
|
+
this.clearEvent.emit();
|
|
64
|
+
}
|
|
65
|
+
get touched() {
|
|
66
|
+
return this._touched;
|
|
67
|
+
}
|
|
68
|
+
set touched(state) {
|
|
69
|
+
this._touched = state;
|
|
70
|
+
}
|
|
71
|
+
getIdleContext() {
|
|
72
|
+
return {
|
|
73
|
+
browse: () => {
|
|
74
|
+
this.openBrowseDialog();
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
getDragoverContext() {
|
|
79
|
+
return {
|
|
80
|
+
amount: this._draggedFiles,
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
getUploadedContext() {
|
|
84
|
+
const files = this.value;
|
|
85
|
+
return {
|
|
86
|
+
$implicit: files,
|
|
87
|
+
amount: files.length,
|
|
88
|
+
files,
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileInputComponent, selector: "ard-file-input", inputs: { appearance: "appearance", variant: "variant", color: "color", inputAttrs: "inputAttrs", placeholder: "placeholder", clearable: "clearable", clearButtonTitle: "clearButtonTitle" }, outputs: { clearEvent: "clear" }, providers: [
|
|
93
|
+
{
|
|
94
|
+
provide: NG_VALUE_ACCESSOR,
|
|
95
|
+
useExisting: forwardRef(() => ArdiumFileInputComponent),
|
|
96
|
+
multi: true,
|
|
97
|
+
},
|
|
98
|
+
], queries: [{ propertyName: "placeholderTemplate", first: true, predicate: ArdColorInputPlaceholderTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "prefixTemplate", first: true, predicate: ArdFileInputPrefixTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "suffixTemplate", first: true, predicate: ArdFileInputSuffixTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "idleTemplate", first: true, predicate: ArdiumFileInputIdleContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "dragoverTemplate", first: true, predicate: ArdiumFileInputDragoverContentTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "uploadedTemplate", first: true, predicate: ArdiumFileInputUploadedContentTemplateDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ard-form-field-frame\r\n class=\"ard-file-input-form-field-frame\"\r\n [appearance]=\"appearance\"\r\n [variant]=\"variant\"\r\n [compact]=\"compact\"\r\n [isFocused]=\"isFocused\"\r\n [prefixTemplate]=\"prefixTemplate\"\r\n [suffixTemplate]=\"suffixTemplate\"\r\n (dragover)=\"onDragover($event)\"\r\n (dragleave)=\"onDragleave()\"\r\n (drop)=\"onDrop($event)\"\r\n (ardClickOutside)=\"onDragleave()\"\r\n>\r\n <div class=\"ard-file-input\"\r\n [class.ard-has-value]=\"value\"\r\n >\r\n <div class=\"ard-input-container\">\r\n <ng-container *ngIf=\"shouldDisplayPlaceholder\">\r\n <ng-template #defaultPlaceholderTemplate>\r\n <div class=\"ard-placeholder\">{{ placeholder }}</div>\r\n </ng-template>\r\n\r\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate || defaultPlaceholderTemplate\"></ng-template>\r\n </ng-container>\r\n\r\n <div class=\"ard-file-input__value\">\r\n <ng-template *ngIf=\"currentViewState == 'idle'\" [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\r\n [ngTemplateOutletContext]=\"getIdleContext()\"></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'dragover'\" [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\r\n [ngTemplateOutletContext]=\"getDragoverContext()\"></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'uploaded'\" [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\r\n [ngTemplateOutletContext]=\"getUploadedContext()\"></ng-template>\r\n </div>\r\n </div>\r\n\r\n <ard-_clear-button\r\n *ngIf=\"shouldShowClearButton\"\r\n #focusableElement\r\n [title]=\"clearButtonTitle\"\r\n (mouseup)=\"onClearButtonClick($event)\"\r\n ></ard-_clear-button>\r\n\r\n <button\r\n *ngIf=\"!shouldBeBlocked\"\r\n class=\"ard-browse-button\"\r\n #focusableElement\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n (click)=\"openBrowseDialog()\"\r\n >\r\n <div class=\"ard-focus-overlay\"></div>\r\n <ard-icon>folder</ard-icon>\r\n </button>\r\n </div>\r\n</ard-form-field-frame>\r\n\r\n<input #fileInput\r\n class=\"ard-file-input__input\"\r\n type=\"file\"\r\n [name]=\"name\"\r\n [multiple]=\"multiple\"\r\n [attr.id]=\"htmlId\"\r\n (change)=\"onInputChange()\"\r\n>\r\n\r\n<ng-template #defaultIdleTemplate let-browse=\"browse\">\r\n <span class=\"ard-file-input__idle\">\r\n <span *ngIf=\"!multiple\">Upload a file</span>\r\n <span *ngIf=\"multiple\">Upload files</span>\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultDragoverTemplate let-amount=\"amount\">\r\n <span class=\"ard-file-input__dragover-text\">Drop </span>\r\n <span class=\"ard-file-input__dragover-amount\" *ngIf=\"multiple\">\r\n {{ amount }} \r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"ard-file-input__dragover-amount\" *ngIf=\"!multiple\">\r\n a file\r\n </span>\r\n <span class=\"ard-file-input__dragover-text\">\r\n here to upload\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultUploadedTemplate let-amount=\"amount\">\r\n <div class=\"ard-file-input__uploaded\">\r\n <span class=\"ard-file-input__uploaded-amount\">\r\n {{ amount }}\r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"ard-file-input__uploaded-text\"> uploaded.</span>\r\n </div>\r\n</ng-template>", styles: [".ard-file-input__input{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i1.NgPluralCase, selector: "[ngPluralCase]" }, { kind: "component", type: i2.ArdiumFormFieldFrameComponent, selector: "ard-form-field-frame", inputs: ["isFocused", "appearance", "variant", "compact", "prefixTemplate", "suffixTemplate"] }, { kind: "component", type: i3._ClearButtonComponent, selector: "ard-_clear-button" }, { kind: "component", type: i4.ArdiumIconComponent, selector: "ard-icon", inputs: ["ariaLabel", "icon", "filled", "weight", "grade", "opticalSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
99
|
+
}
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputComponent, decorators: [{
|
|
101
|
+
type: Component,
|
|
102
|
+
args: [{ selector: 'ard-file-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
103
|
+
{
|
|
104
|
+
provide: NG_VALUE_ACCESSOR,
|
|
105
|
+
useExisting: forwardRef(() => ArdiumFileInputComponent),
|
|
106
|
+
multi: true,
|
|
107
|
+
},
|
|
108
|
+
], template: "<ard-form-field-frame\r\n class=\"ard-file-input-form-field-frame\"\r\n [appearance]=\"appearance\"\r\n [variant]=\"variant\"\r\n [compact]=\"compact\"\r\n [isFocused]=\"isFocused\"\r\n [prefixTemplate]=\"prefixTemplate\"\r\n [suffixTemplate]=\"suffixTemplate\"\r\n (dragover)=\"onDragover($event)\"\r\n (dragleave)=\"onDragleave()\"\r\n (drop)=\"onDrop($event)\"\r\n (ardClickOutside)=\"onDragleave()\"\r\n>\r\n <div class=\"ard-file-input\"\r\n [class.ard-has-value]=\"value\"\r\n >\r\n <div class=\"ard-input-container\">\r\n <ng-container *ngIf=\"shouldDisplayPlaceholder\">\r\n <ng-template #defaultPlaceholderTemplate>\r\n <div class=\"ard-placeholder\">{{ placeholder }}</div>\r\n </ng-template>\r\n\r\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate || defaultPlaceholderTemplate\"></ng-template>\r\n </ng-container>\r\n\r\n <div class=\"ard-file-input__value\">\r\n <ng-template *ngIf=\"currentViewState == 'idle'\" [ngTemplateOutlet]=\"idleTemplate ?? defaultIdleTemplate\"\r\n [ngTemplateOutletContext]=\"getIdleContext()\"></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'dragover'\" [ngTemplateOutlet]=\"dragoverTemplate ?? defaultDragoverTemplate\"\r\n [ngTemplateOutletContext]=\"getDragoverContext()\"></ng-template>\r\n <ng-template *ngIf=\"currentViewState == 'uploaded'\" [ngTemplateOutlet]=\"uploadedTemplate ?? defaultUploadedTemplate\"\r\n [ngTemplateOutletContext]=\"getUploadedContext()\"></ng-template>\r\n </div>\r\n </div>\r\n\r\n <ard-_clear-button\r\n *ngIf=\"shouldShowClearButton\"\r\n #focusableElement\r\n [title]=\"clearButtonTitle\"\r\n (mouseup)=\"onClearButtonClick($event)\"\r\n ></ard-_clear-button>\r\n\r\n <button\r\n *ngIf=\"!shouldBeBlocked\"\r\n class=\"ard-browse-button\"\r\n #focusableElement\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n (click)=\"openBrowseDialog()\"\r\n >\r\n <div class=\"ard-focus-overlay\"></div>\r\n <ard-icon>folder</ard-icon>\r\n </button>\r\n </div>\r\n</ard-form-field-frame>\r\n\r\n<input #fileInput\r\n class=\"ard-file-input__input\"\r\n type=\"file\"\r\n [name]=\"name\"\r\n [multiple]=\"multiple\"\r\n [attr.id]=\"htmlId\"\r\n (change)=\"onInputChange()\"\r\n>\r\n\r\n<ng-template #defaultIdleTemplate let-browse=\"browse\">\r\n <span class=\"ard-file-input__idle\">\r\n <span *ngIf=\"!multiple\">Upload a file</span>\r\n <span *ngIf=\"multiple\">Upload files</span>\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultDragoverTemplate let-amount=\"amount\">\r\n <span class=\"ard-file-input__dragover-text\">Drop </span>\r\n <span class=\"ard-file-input__dragover-amount\" *ngIf=\"multiple\">\r\n {{ amount }} \r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"ard-file-input__dragover-amount\" *ngIf=\"!multiple\">\r\n a file\r\n </span>\r\n <span class=\"ard-file-input__dragover-text\">\r\n here to upload\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultUploadedTemplate let-amount=\"amount\">\r\n <div class=\"ard-file-input__uploaded\">\r\n <span class=\"ard-file-input__uploaded-amount\">\r\n {{ amount }}\r\n <ng-container [ngPlural]=\"amount\">\r\n <ng-template ngPluralCase=\"=1\">file</ng-template>\r\n <ng-template ngPluralCase=\"other\">files</ng-template>\r\n </ng-container>\r\n </span>\r\n <span class=\"ard-file-input__uploaded-text\"> uploaded.</span>\r\n </div>\r\n</ng-template>", styles: [".ard-file-input__input{position:absolute;appearance:none;opacity:0;pointer-events:none}\n"] }]
|
|
109
|
+
}], propDecorators: { appearance: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], variant: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], color: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}], inputAttrs: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], placeholder: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], placeholderTemplate: [{
|
|
120
|
+
type: ContentChild,
|
|
121
|
+
args: [ArdColorInputPlaceholderTemplateDirective, {
|
|
122
|
+
read: TemplateRef,
|
|
123
|
+
}]
|
|
124
|
+
}], clearable: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], clearButtonTitle: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], clearEvent: [{
|
|
129
|
+
type: Output,
|
|
130
|
+
args: ['clear']
|
|
131
|
+
}], prefixTemplate: [{
|
|
132
|
+
type: ContentChild,
|
|
133
|
+
args: [ArdFileInputPrefixTemplateDirective, { read: TemplateRef }]
|
|
134
|
+
}], suffixTemplate: [{
|
|
135
|
+
type: ContentChild,
|
|
136
|
+
args: [ArdFileInputSuffixTemplateDirective, { read: TemplateRef }]
|
|
137
|
+
}], idleTemplate: [{
|
|
138
|
+
type: ContentChild,
|
|
139
|
+
args: [ArdiumFileInputIdleContentTemplateDirective, {
|
|
140
|
+
read: TemplateRef,
|
|
141
|
+
}]
|
|
142
|
+
}], dragoverTemplate: [{
|
|
143
|
+
type: ContentChild,
|
|
144
|
+
args: [ArdiumFileInputDragoverContentTemplateDirective, {
|
|
145
|
+
read: TemplateRef,
|
|
146
|
+
}]
|
|
147
|
+
}], uploadedTemplate: [{
|
|
148
|
+
type: ContentChild,
|
|
149
|
+
args: [ArdiumFileInputUploadedContentTemplateDirective, {
|
|
150
|
+
read: TemplateRef,
|
|
151
|
+
}]
|
|
152
|
+
}] } });
|
|
153
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ZpbGUtaW5wdXRzL2ZpbGUtaW5wdXQvZmlsZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ZpbGUtaW5wdXRzL2ZpbGUtaW5wdXQvZmlsZS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFKLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx5Q0FBeUMsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN0RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUU3RCxPQUFPLEVBQ0gsbUNBQW1DLEVBQ25DLG1DQUFtQyxFQUNuQywrQ0FBK0MsRUFDL0MsMkNBQTJDLEVBQzNDLCtDQUErQyxHQUNsRCxNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7QUFnQjFELE1BQU0sT0FBTyx3QkFBeUIsU0FBUSx1QkFBdUI7SUFkckU7O1FBZWEsYUFBUSxHQUFHO1lBQ2hCLGdCQUFnQixFQUFFLE9BQU87U0FDNUIsQ0FBQztRQUVGLGNBQWM7UUFDZCwrQ0FBK0M7UUFDdEMsZUFBVSxHQUEwQixxQkFBcUIsQ0FBQyxRQUFRLENBQUM7UUFDbkUsWUFBTyxHQUF1QixrQkFBa0IsQ0FBQyxPQUFPLENBQUM7UUFDekQsVUFBSyxHQUFtQixjQUFjLENBQUMsT0FBTyxDQUFDO1FBRXhELGdCQUFnQjtRQUNQLGVBQVUsR0FBMkIsRUFBRSxDQUFDO1FBRWpELGVBQWU7UUFDTixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQVdsQyxnQkFBZ0I7UUFDUixlQUFVLEdBQVksSUFBSSxDQUFDO1FBUzFCLHFCQUFnQixHQUFXLElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUM7UUFvQmxELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXRELFNBQVM7UUFDRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBYWxDLGFBQWE7UUFJYixpQkFBWSxHQUErQyxJQUFJLENBQUM7UUFJaEUscUJBQWdCLEdBQThDLElBQUksQ0FBQztRQUluRSxxQkFBZ0IsR0FBOEMsSUFBSSxDQUFDO0tBc0J0RTtJQXBGRyxJQUFJLHdCQUF3QjtRQUN4QixPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BELENBQUM7SUFJRCxJQUNJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLENBQU07UUFDaEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxxQkFBcUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBSUQsSUFBSSxxQkFBcUI7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxLQUFpQjtRQUNoQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2IsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxrQkFBa0I7SUFDbEIsS0FBSztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUztZQUFFLE9BQU87UUFFNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBTUQsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFZLE9BQU8sQ0FBQyxLQUFjO1FBQzlCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFxQkQsY0FBYztRQUNWLE9BQU87WUFDSCxNQUFNLEVBQUUsR0FBRyxFQUFFO2dCQUNULElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1lBQzVCLENBQUM7U0FDSixDQUFDO0lBQ04sQ0FBQztJQUNELGtCQUFrQjtRQUNkLE9BQU87WUFDSCxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWM7U0FDOUIsQ0FBQztJQUNOLENBQUM7SUFDRCxrQkFBa0I7UUFDZCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBTSxDQUFDO1FBQzFCLE9BQU87WUFDSCxTQUFTLEVBQUUsS0FBSztZQUNoQixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU07WUFDcEIsS0FBSztTQUNSLENBQUM7SUFDTixDQUFDOzhHQXpHUSx3QkFBd0I7a0dBQXhCLHdCQUF3Qix5UUFSdEI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2dCQUN2RCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osMkVBbUJhLHlDQUF5QywyQkFDN0MsV0FBVyw4REFrRFAsbUNBQW1DLDJCQUFVLFdBQVcsOERBRXhELG1DQUFtQywyQkFBVSxXQUFXLDREQUd4RCwyQ0FBMkMsMkJBQy9DLFdBQVcsZ0VBR1AsK0NBQStDLDJCQUNuRCxXQUFXLGdFQUdQLCtDQUErQywyQkFDbkQsV0FBVyxvRENoSHpCLDBpSUFvR2M7OzJGRHRFRCx3QkFBd0I7a0JBZHBDLFNBQVM7K0JBQ0ksZ0JBQWdCLGlCQUdYLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7NEJBQ3ZELEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKOzhCQVNRLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS04sbUJBQW1CO3NCQUhsQixZQUFZO3VCQUFDLHlDQUF5QyxFQUFFO3dCQUNyRCxJQUFJLEVBQUUsV0FBVztxQkFDcEI7Z0JBVUcsU0FBUztzQkFEWixLQUFLO2dCQVFHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFvQlcsVUFBVTtzQkFBMUIsTUFBTTt1QkFBQyxPQUFPO2dCQWFmLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxtQ0FBbUMsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBR3hFLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxtQ0FBbUMsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBTXhFLFlBQVk7c0JBSFgsWUFBWTt1QkFBQywyQ0FBMkMsRUFBRTt3QkFDdkQsSUFBSSxFQUFFLFdBQVc7cUJBQ3BCO2dCQUtELGdCQUFnQjtzQkFIZixZQUFZO3VCQUFDLCtDQUErQyxFQUFFO3dCQUMzRCxJQUFJLEVBQUUsV0FBVztxQkFDcEI7Z0JBS0QsZ0JBQWdCO3NCQUhmLFlBQVk7dUJBQUMsK0NBQStDLEVBQUU7d0JBQzNELElBQUksRUFBRSxXQUFXO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBJbnB1dCwgQ29udGVudENoaWxkLCBUZW1wbGF0ZVJlZiwgZm9yd2FyZFJlZiwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQXJkQ29sb3JJbnB1dFBsYWNlaG9sZGVyVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9pbnB1dHMvY29sb3ItaW5wdXQvY29sb3ItaW5wdXQuZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBDb21wb25lbnRDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL2NvbG9ycy50eXBlcyc7XG5pbXBvcnQgeyBGb3JtRWxlbWVudEFwcGVhcmFuY2UsIEZvcm1FbGVtZW50VmFyaWFudCB9IGZyb20gJy4uLy4uL3R5cGVzL3RoZW1pbmcudHlwZXMnO1xuaW1wb3J0IHsgX0ZpbGVJbnB1dENvbXBvbmVudEJhc2UgfSBmcm9tICcuLi9maWxlLWlucHV0LWJhc2UnO1xuaW1wb3J0IHsgRmlsZUlucHV0QnJvd3NlQ29udGV4dCwgRmlsZUlucHV0RmlsZUFtb3VudENvbnRleHQsIEZpbGVJbnB1dEZpbGVzQ29udGV4dCB9IGZyb20gJy4uL2ZpbGUtaW5wdXQtdHlwZXMnO1xuaW1wb3J0IHtcbiAgICBBcmRGaWxlSW5wdXRQcmVmaXhUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICBBcmRGaWxlSW5wdXRTdWZmaXhUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICBBcmRpdW1GaWxlSW5wdXREcmFnb3ZlckNvbnRlbnRUZW1wbGF0ZURpcmVjdGl2ZSxcbiAgICBBcmRpdW1GaWxlSW5wdXRJZGxlQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxuICAgIEFyZGl1bUZpbGVJbnB1dFVwbG9hZGVkQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLFxufSBmcm9tICcuL2ZpbGUtaW5wdXQuZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHkgfSBmcm9tICdAYXJkaXVtLXVpL2RldmtpdCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWZpbGUtaW5wdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWxlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWxlLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBcmRpdW1GaWxlSW5wdXRDb21wb25lbnQpLFxuICAgICAgICAgICAgbXVsdGk6IHRydWUsXG4gICAgICAgIH0sXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtRmlsZUlucHV0Q29tcG9uZW50IGV4dGVuZHMgX0ZpbGVJbnB1dENvbXBvbmVudEJhc2Uge1xuICAgIHJlYWRvbmx5IERFRkFVTFRTID0ge1xuICAgICAgICBjbGVhckJ1dHRvblRpdGxlOiAnQ2xlYXInLFxuICAgIH07XG5cbiAgICAvLyEgYXBwZWFyYW5jZVxuICAgIC8vYWxsIGhhbmRsZWQgaW4gYXJkLWZvcm0tZmllbGQtZnJhbWUgY29tcG9uZW50XG4gICAgQElucHV0KCkgYXBwZWFyYW5jZTogRm9ybUVsZW1lbnRBcHBlYXJhbmNlID0gRm9ybUVsZW1lbnRBcHBlYXJhbmNlLk91dGxpbmVkO1xuICAgIEBJbnB1dCgpIHZhcmlhbnQ6IEZvcm1FbGVtZW50VmFyaWFudCA9IEZvcm1FbGVtZW50VmFyaWFudC5Sb3VuZGVkO1xuICAgIEBJbnB1dCgpIGNvbG9yOiBDb21wb25lbnRDb2xvciA9IENvbXBvbmVudENvbG9yLlByaW1hcnk7XG5cbiAgICAvLyEgb3RoZXIgaW5wdXRzXG4gICAgQElucHV0KCkgaW5wdXRBdHRyczogeyBba2V5OiBzdHJpbmddOiBhbnkgfSA9IHt9O1xuXG4gICAgLy8hIHBsYWNlaG9sZGVyXG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuXG4gICAgQENvbnRlbnRDaGlsZChBcmRDb2xvcklucHV0UGxhY2Vob2xkZXJUZW1wbGF0ZURpcmVjdGl2ZSwge1xuICAgICAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgICB9KVxuICAgIHBsYWNlaG9sZGVyVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgZ2V0IHNob3VsZERpc3BsYXlQbGFjZWhvbGRlcigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIEJvb2xlYW4odGhpcy5wbGFjZWhvbGRlcikgJiYgIXRoaXMudmFsdWU7XG4gICAgfVxuXG4gICAgLy8hIGNsZWFyIGJ1dHRvblxuICAgIHByaXZhdGUgX2NsZWFyYWJsZTogYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KClcbiAgICBnZXQgY2xlYXJhYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fY2xlYXJhYmxlO1xuICAgIH1cbiAgICBzZXQgY2xlYXJhYmxlKHY6IGFueSkge1xuICAgICAgICB0aGlzLl9jbGVhcmFibGUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodik7XG4gICAgfVxuXG4gICAgQElucHV0KCkgY2xlYXJCdXR0b25UaXRsZTogc3RyaW5nID0gdGhpcy5ERUZBVUxUUy5jbGVhckJ1dHRvblRpdGxlO1xuXG4gICAgZ2V0IHNob3VsZFNob3dDbGVhckJ1dHRvbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NsZWFyYWJsZSAmJiAhdGhpcy5kaXNhYmxlZCAmJiBCb29sZWFuKHRoaXMudmFsdWUpO1xuICAgIH1cbiAgICBvbkNsZWFyQnV0dG9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHRoaXMuY2xlYXIoKTtcbiAgICAgICAgdGhpcy5mb2N1cygpO1xuICAgIH1cblxuICAgIC8vISBjbGVhciBmdW5jdGlvblxuICAgIGNsZWFyKCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuY2xlYXJhYmxlKSByZXR1cm47XG5cbiAgICAgICAgdGhpcy53cml0ZVZhbHVlKG51bGwpO1xuICAgICAgICB0aGlzLl9lbWl0Q2hhbmdlKCk7XG4gICAgICAgIHRoaXMuY2xlYXJFdmVudC5lbWl0KCk7XG4gICAgfVxuXG4gICAgQE91dHB1dCgnY2xlYXInKSBjbGVhckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICAvLyEgc3RhdGVcbiAgICBwcml2YXRlIF90b3VjaGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgZ2V0IHRvdWNoZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl90b3VjaGVkO1xuICAgIH1cbiAgICBwcml2YXRlIHNldCB0b3VjaGVkKHN0YXRlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX3RvdWNoZWQgPSBzdGF0ZTtcbiAgICB9XG5cbiAgICAvLyEgcHJlZml4ICYgc3VmZml4XG4gICAgQENvbnRlbnRDaGlsZChBcmRGaWxlSW5wdXRQcmVmaXhUZW1wbGF0ZURpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KVxuICAgIHByZWZpeFRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBAQ29udGVudENoaWxkKEFyZEZpbGVJbnB1dFN1ZmZpeFRlbXBsYXRlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pXG4gICAgc3VmZml4VGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIC8vISB0ZW1wbGF0ZXNcbiAgICBAQ29udGVudENoaWxkKEFyZGl1bUZpbGVJbnB1dElkbGVDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUsIHtcbiAgICAgICAgcmVhZDogVGVtcGxhdGVSZWYsXG4gICAgfSlcbiAgICBpZGxlVGVtcGxhdGU6IFRlbXBsYXRlUmVmPEZpbGVJbnB1dEJyb3dzZUNvbnRleHQ+IHwgbnVsbCA9IG51bGw7XG4gICAgQENvbnRlbnRDaGlsZChBcmRpdW1GaWxlSW5wdXREcmFnb3ZlckNvbnRlbnRUZW1wbGF0ZURpcmVjdGl2ZSwge1xuICAgICAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgICB9KVxuICAgIGRyYWdvdmVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPEZpbGVJbnB1dEZpbGVzQ29udGV4dD4gfCBudWxsID0gbnVsbDtcbiAgICBAQ29udGVudENoaWxkKEFyZGl1bUZpbGVJbnB1dFVwbG9hZGVkQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlLCB7XG4gICAgICAgIHJlYWQ6IFRlbXBsYXRlUmVmLFxuICAgIH0pXG4gICAgdXBsb2FkZWRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0RmlsZXNDb250ZXh0PiB8IG51bGwgPSBudWxsO1xuXG4gICAgZ2V0SWRsZUNvbnRleHQoKTogRmlsZUlucHV0QnJvd3NlQ29udGV4dCB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBicm93c2U6ICgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm9wZW5Ccm93c2VEaWFsb2coKTtcbiAgICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgfVxuICAgIGdldERyYWdvdmVyQ29udGV4dCgpOiBGaWxlSW5wdXRGaWxlQW1vdW50Q29udGV4dCB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBhbW91bnQ6IHRoaXMuX2RyYWdnZWRGaWxlcyEsXG4gICAgICAgIH07XG4gICAgfVxuICAgIGdldFVwbG9hZGVkQ29udGV4dCgpOiBGaWxlSW5wdXRGaWxlc0NvbnRleHQge1xuICAgICAgICBjb25zdCBmaWxlcyA9IHRoaXMudmFsdWUhO1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgJGltcGxpY2l0OiBmaWxlcyxcbiAgICAgICAgICAgIGFtb3VudDogZmlsZXMubGVuZ3RoLFxuICAgICAgICAgICAgZmlsZXMsXG4gICAgICAgIH07XG4gICAgfVxufVxuIiwiPGFyZC1mb3JtLWZpZWxkLWZyYW1lXHJcbiAgICBjbGFzcz1cImFyZC1maWxlLWlucHV0LWZvcm0tZmllbGQtZnJhbWVcIlxyXG4gICAgW2FwcGVhcmFuY2VdPVwiYXBwZWFyYW5jZVwiXHJcbiAgICBbdmFyaWFudF09XCJ2YXJpYW50XCJcclxuICAgIFtjb21wYWN0XT1cImNvbXBhY3RcIlxyXG4gICAgW2lzRm9jdXNlZF09XCJpc0ZvY3VzZWRcIlxyXG4gICAgW3ByZWZpeFRlbXBsYXRlXT1cInByZWZpeFRlbXBsYXRlXCJcclxuICAgIFtzdWZmaXhUZW1wbGF0ZV09XCJzdWZmaXhUZW1wbGF0ZVwiXHJcbiAgICAoZHJhZ292ZXIpPVwib25EcmFnb3ZlcigkZXZlbnQpXCJcclxuICAgIChkcmFnbGVhdmUpPVwib25EcmFnbGVhdmUoKVwiXHJcbiAgICAoZHJvcCk9XCJvbkRyb3AoJGV2ZW50KVwiXHJcbiAgICAoYXJkQ2xpY2tPdXRzaWRlKT1cIm9uRHJhZ2xlYXZlKClcIlxyXG4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtaW5wdXRcIlxyXG4gICAgICAgIFtjbGFzcy5hcmQtaGFzLXZhbHVlXT1cInZhbHVlXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLWlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvdWxkRGlzcGxheVBsYWNlaG9sZGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRQbGFjZWhvbGRlclRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcmQtcGxhY2Vob2xkZXJcIj57eyBwbGFjZWhvbGRlciB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwicGxhY2Vob2xkZXJUZW1wbGF0ZSB8fCBkZWZhdWx0UGxhY2Vob2xkZXJUZW1wbGF0ZVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFyZC1maWxlLWlucHV0X192YWx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiY3VycmVudFZpZXdTdGF0ZSA9PSAnaWRsZSdcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJpZGxlVGVtcGxhdGUgPz8gZGVmYXVsdElkbGVUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImdldElkbGVDb250ZXh0KClcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwiY3VycmVudFZpZXdTdGF0ZSA9PSAnZHJhZ292ZXInXCIgW25nVGVtcGxhdGVPdXRsZXRdPVwiZHJhZ292ZXJUZW1wbGF0ZSA/PyBkZWZhdWx0RHJhZ292ZXJUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cImdldERyYWdvdmVyQ29udGV4dCgpXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAqbmdJZj1cImN1cnJlbnRWaWV3U3RhdGUgPT0gJ3VwbG9hZGVkJ1wiIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInVwbG9hZGVkVGVtcGxhdGUgPz8gZGVmYXVsdFVwbG9hZGVkVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJnZXRVcGxvYWRlZENvbnRleHQoKVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8YXJkLV9jbGVhci1idXR0b25cclxuICAgICAgICAgICAgKm5nSWY9XCJzaG91bGRTaG93Q2xlYXJCdXR0b25cIlxyXG4gICAgICAgICAgICAjZm9jdXNhYmxlRWxlbWVudFxyXG4gICAgICAgICAgICBbdGl0bGVdPVwiY2xlYXJCdXR0b25UaXRsZVwiXHJcbiAgICAgICAgICAgIChtb3VzZXVwKT1cIm9uQ2xlYXJCdXR0b25DbGljaygkZXZlbnQpXCJcclxuICAgICAgICA+PC9hcmQtX2NsZWFyLWJ1dHRvbj5cclxuXHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAqbmdJZj1cIiFzaG91bGRCZUJsb2NrZWRcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImFyZC1icm93c2UtYnV0dG9uXCJcclxuICAgICAgICAgICAgI2ZvY3VzYWJsZUVsZW1lbnRcclxuICAgICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cIm9wZW5Ccm93c2VEaWFsb2coKVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXJkLWZvY3VzLW92ZXJsYXlcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGFyZC1pY29uPmZvbGRlcjwvYXJkLWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuPC9hcmQtZm9ybS1maWVsZC1mcmFtZT5cclxuXHJcbjxpbnB1dCAjZmlsZUlucHV0XHJcbiAgICBjbGFzcz1cImFyZC1maWxlLWlucHV0X19pbnB1dFwiXHJcbiAgICB0eXBlPVwiZmlsZVwiXHJcbiAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiXHJcbiAgICBbYXR0ci5pZF09XCJodG1sSWRcIlxyXG4gICAgKGNoYW5nZSk9XCJvbklucHV0Q2hhbmdlKClcIlxyXG4+XHJcblxyXG48bmctdGVtcGxhdGUgI2RlZmF1bHRJZGxlVGVtcGxhdGUgbGV0LWJyb3dzZT1cImJyb3dzZVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJhcmQtZmlsZS1pbnB1dF9faWRsZVwiPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiIW11bHRpcGxlXCI+VXBsb2FkIGEgZmlsZTwvc3Bhbj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cIm11bHRpcGxlXCI+VXBsb2FkIGZpbGVzPC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNkZWZhdWx0RHJhZ292ZXJUZW1wbGF0ZSBsZXQtYW1vdW50PVwiYW1vdW50XCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cImFyZC1maWxlLWlucHV0X19kcmFnb3Zlci10ZXh0XCI+RHJvcCA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cImFyZC1maWxlLWlucHV0X19kcmFnb3Zlci1hbW91bnRcIiAqbmdJZj1cIm11bHRpcGxlXCI+XHJcbiAgICAgICAge3sgYW1vdW50IH19IFxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25nUGx1cmFsXT1cImFtb3VudFwiPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgbmdQbHVyYWxDYXNlPVwiPTFcIj5maWxlPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nUGx1cmFsQ2FzZT1cIm90aGVyXCI+ZmlsZXM8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJhcmQtZmlsZS1pbnB1dF9fZHJhZ292ZXItYW1vdW50XCIgKm5nSWY9XCIhbXVsdGlwbGVcIj5cclxuICAgICAgICBhIGZpbGVcclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwiYXJkLWZpbGUtaW5wdXRfX2RyYWdvdmVyLXRleHRcIj5cclxuICAgICAgICBoZXJlIHRvIHVwbG9hZFxyXG4gICAgPC9zcGFuPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLXRlbXBsYXRlICNkZWZhdWx0VXBsb2FkZWRUZW1wbGF0ZSBsZXQtYW1vdW50PVwiYW1vdW50XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXJkLWZpbGUtaW5wdXRfX3VwbG9hZGVkXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJhcmQtZmlsZS1pbnB1dF9fdXBsb2FkZWQtYW1vdW50XCI+XHJcbiAgICAgICAgICAgIHt7IGFtb3VudCB9fVxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1BsdXJhbF09XCJhbW91bnRcIj5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBuZ1BsdXJhbENhc2U9XCI9MVwiPmZpbGU8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nUGx1cmFsQ2FzZT1cIm90aGVyXCI+ZmlsZXM8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJhcmQtZmlsZS1pbnB1dF9fdXBsb2FkZWQtdGV4dFwiPiB1cGxvYWRlZC48L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ArdFileInputPlaceholderTemplateDirective {
|
|
4
|
+
constructor(template) {
|
|
5
|
+
this.template = template;
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFileInputPlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdFileInputPlaceholderTemplateDirective, selector: "ard-file-input > ng-template[ard-placeholder-tmp]", ngImport: i0 }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFileInputPlaceholderTemplateDirective, decorators: [{
|
|
11
|
+
type: Directive,
|
|
12
|
+
args: [{ selector: 'ard-file-input > ng-template[ard-placeholder-tmp]' }]
|
|
13
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
14
|
+
export class ArdFileInputPrefixTemplateDirective {
|
|
15
|
+
constructor(template) {
|
|
16
|
+
this.template = template;
|
|
17
|
+
}
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFileInputPrefixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
19
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdFileInputPrefixTemplateDirective, selector: "ard-file-input > ng-template[ard-prefix-tmp]", ngImport: i0 }); }
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFileInputPrefixTemplateDirective, decorators: [{
|
|
22
|
+
type: Directive,
|
|
23
|
+
args: [{ selector: 'ard-file-input > ng-template[ard-prefix-tmp]' }]
|
|
24
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
25
|
+
export class ArdFileInputSuffixTemplateDirective {
|
|
26
|
+
constructor(template) {
|
|
27
|
+
this.template = template;
|
|
28
|
+
}
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFileInputSuffixTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
30
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdFileInputSuffixTemplateDirective, selector: "ard-file-input > ng-template[ard-suffix-tmp]", ngImport: i0 }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdFileInputSuffixTemplateDirective, decorators: [{
|
|
33
|
+
type: Directive,
|
|
34
|
+
args: [{ selector: 'ard-file-input > ng-template[ard-suffix-tmp]' }]
|
|
35
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
36
|
+
export class ArdiumFileInputIdleContentTemplateDirective {
|
|
37
|
+
constructor(template) {
|
|
38
|
+
this.template = template;
|
|
39
|
+
}
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputIdleContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
41
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileInputIdleContentTemplateDirective, selector: "ard-file-input > ng-template[ard-idle-content-tmp]", ngImport: i0 }); }
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputIdleContentTemplateDirective, decorators: [{
|
|
44
|
+
type: Directive,
|
|
45
|
+
args: [{ selector: 'ard-file-input > ng-template[ard-idle-content-tmp]' }]
|
|
46
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
47
|
+
export class ArdiumFileInputDragoverContentTemplateDirective {
|
|
48
|
+
constructor(template) {
|
|
49
|
+
this.template = template;
|
|
50
|
+
}
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputDragoverContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
52
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileInputDragoverContentTemplateDirective, selector: "ard-file-input > ng-template[ard-dragover-content-tmp]", ngImport: i0 }); }
|
|
53
|
+
}
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputDragoverContentTemplateDirective, decorators: [{
|
|
55
|
+
type: Directive,
|
|
56
|
+
args: [{
|
|
57
|
+
selector: 'ard-file-input > ng-template[ard-dragover-content-tmp]',
|
|
58
|
+
}]
|
|
59
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
60
|
+
export class ArdiumFileInputUploadedContentTemplateDirective {
|
|
61
|
+
constructor(template) {
|
|
62
|
+
this.template = template;
|
|
63
|
+
}
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputUploadedContentTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
65
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: ArdiumFileInputUploadedContentTemplateDirective, selector: "ard-file-input > ng-template[ard-dropped-content-tmp]", ngImport: i0 }); }
|
|
66
|
+
}
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputUploadedContentTemplateDirective, decorators: [{
|
|
68
|
+
type: Directive,
|
|
69
|
+
args: [{
|
|
70
|
+
selector: 'ard-file-input > ng-template[ard-dropped-content-tmp]',
|
|
71
|
+
}]
|
|
72
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5kaXJlY3RpdmVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9maWxlLWlucHV0cy9maWxlLWlucHV0L2ZpbGUtaW5wdXQuZGlyZWN0aXZlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sZUFBZSxDQUFDOztBQUl2RCxNQUFNLE9BQU8sd0NBQXdDO0lBQ2pELFlBQW1CLFFBQWdDO1FBQWhDLGFBQVEsR0FBUixRQUFRLENBQXdCO0lBQUcsQ0FBQzs4R0FEOUMsd0NBQXdDO2tHQUF4Qyx3Q0FBd0M7OzJGQUF4Qyx3Q0FBd0M7a0JBRHBELFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsbURBQW1ELEVBQUU7O0FBTTVFLE1BQU0sT0FBTyxtQ0FBbUM7SUFDNUMsWUFBbUIsUUFBZ0M7UUFBaEMsYUFBUSxHQUFSLFFBQVEsQ0FBd0I7SUFBRyxDQUFDOzhHQUQ5QyxtQ0FBbUM7a0dBQW5DLG1DQUFtQzs7MkZBQW5DLG1DQUFtQztrQkFEL0MsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSw4Q0FBOEMsRUFBRTs7QUFNdkUsTUFBTSxPQUFPLG1DQUFtQztJQUM1QyxZQUFtQixRQUFnQztRQUFoQyxhQUFRLEdBQVIsUUFBUSxDQUF3QjtJQUFHLENBQUM7OEdBRDlDLG1DQUFtQztrR0FBbkMsbUNBQW1DOzsyRkFBbkMsbUNBQW1DO2tCQUQvQyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLDhDQUE4QyxFQUFFOztBQU12RSxNQUFNLE9BQU8sMkNBQTJDO0lBQ3BELFlBQW1CLFFBQTZDO1FBQTdDLGFBQVEsR0FBUixRQUFRLENBQXFDO0lBQUcsQ0FBQzs4R0FEM0QsMkNBQTJDO2tHQUEzQywyQ0FBMkM7OzJGQUEzQywyQ0FBMkM7a0JBRHZELFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsb0RBQW9ELEVBQUU7O0FBUTdFLE1BQU0sT0FBTywrQ0FBK0M7SUFDeEQsWUFBbUIsUUFBNEM7UUFBNUMsYUFBUSxHQUFSLFFBQVEsQ0FBb0M7SUFBRyxDQUFDOzhHQUQxRCwrQ0FBK0M7a0dBQS9DLCtDQUErQzs7MkZBQS9DLCtDQUErQztrQkFIM0QsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0RBQXdEO2lCQUNyRTs7QUFRRCxNQUFNLE9BQU8sK0NBQStDO0lBQ3hELFlBQW1CLFFBQTRDO1FBQTVDLGFBQVEsR0FBUixRQUFRLENBQW9DO0lBQUcsQ0FBQzs4R0FEMUQsK0NBQStDO2tHQUEvQywrQ0FBK0M7OzJGQUEvQywrQ0FBK0M7a0JBSDNELFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHVEQUF1RDtpQkFDcEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWxlSW5wdXRCcm93c2VDb250ZXh0LCBGaWxlSW5wdXRGaWxlc0NvbnRleHQgfSBmcm9tICcuLi9maWxlLWlucHV0LXR5cGVzJztcblxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnYXJkLWZpbGUtaW5wdXQgPiBuZy10ZW1wbGF0ZVthcmQtcGxhY2Vob2xkZXItdG1wXScgfSlcbmV4cG9ydCBjbGFzcyBBcmRGaWxlSW5wdXRQbGFjZWhvbGRlclRlbXBsYXRlRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVuZGVmaW5lZD4pIHt9XG59XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ2FyZC1maWxlLWlucHV0ID4gbmctdGVtcGxhdGVbYXJkLXByZWZpeC10bXBdJyB9KVxuZXhwb3J0IGNsYXNzIEFyZEZpbGVJbnB1dFByZWZpeFRlbXBsYXRlRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVuZGVmaW5lZD4pIHt9XG59XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ2FyZC1maWxlLWlucHV0ID4gbmctdGVtcGxhdGVbYXJkLXN1ZmZpeC10bXBdJyB9KVxuZXhwb3J0IGNsYXNzIEFyZEZpbGVJbnB1dFN1ZmZpeFRlbXBsYXRlRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHVuZGVmaW5lZD4pIHt9XG59XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ2FyZC1maWxlLWlucHV0ID4gbmctdGVtcGxhdGVbYXJkLWlkbGUtY29udGVudC10bXBdJyB9KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZpbGVJbnB1dElkbGVDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0QnJvd3NlQ29udGV4dD4pIHt9XG59XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnYXJkLWZpbGUtaW5wdXQgPiBuZy10ZW1wbGF0ZVthcmQtZHJhZ292ZXItY29udGVudC10bXBdJyxcbn0pXG5leHBvcnQgY2xhc3MgQXJkaXVtRmlsZUlucHV0RHJhZ292ZXJDb250ZW50VGVtcGxhdGVEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8RmlsZUlucHV0RmlsZXNDb250ZXh0Pikge31cbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdhcmQtZmlsZS1pbnB1dCA+IG5nLXRlbXBsYXRlW2FyZC1kcm9wcGVkLWNvbnRlbnQtdG1wXScsXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZpbGVJbnB1dFVwbG9hZGVkQ29udGVudFRlbXBsYXRlRGlyZWN0aXZlIHtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPEZpbGVJbnB1dEZpbGVzQ29udGV4dD4pIHt9XG59XG4iXX0=
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { ArdiumFileInputComponent } from './file-input.component';
|
|
4
|
+
import { ArdiumFormFieldFrameModule } from '../../form-field-frame/form-field-frame.module';
|
|
5
|
+
import { _ClearButtonModule } from '../../_internal/clear-button/clear-button.module';
|
|
6
|
+
import { ArdiumIconModule } from '../../icon/icon.module';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class ArdiumFileInputModule {
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputModule, declarations: [ArdiumFileInputComponent], imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule, ArdiumIconModule], exports: [ArdiumFileInputComponent] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputModule, imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule, ArdiumIconModule] }); }
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: ArdiumFileInputModule, decorators: [{
|
|
14
|
+
type: NgModule,
|
|
15
|
+
args: [{
|
|
16
|
+
declarations: [ArdiumFileInputComponent],
|
|
17
|
+
imports: [CommonModule, ArdiumFormFieldFrameModule, _ClearButtonModule, ArdiumIconModule],
|
|
18
|
+
exports: [ArdiumFileInputComponent],
|
|
19
|
+
}]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ZpbGUtaW5wdXRzL2ZpbGUtaW5wdXQvZmlsZS1pbnB1dC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDNUYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDdEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBTzFELE1BQU0sT0FBTyxxQkFBcUI7OEdBQXJCLHFCQUFxQjsrR0FBckIscUJBQXFCLGlCQUpmLHdCQUF3QixhQUM3QixZQUFZLEVBQUUsMEJBQTBCLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLGFBQzlFLHdCQUF3QjsrR0FFekIscUJBQXFCLFlBSHBCLFlBQVksRUFBRSwwQkFBMEIsRUFBRSxrQkFBa0IsRUFBRSxnQkFBZ0I7OzJGQUcvRSxxQkFBcUI7a0JBTGpDLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ3hDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSwwQkFBMEIsRUFBRSxrQkFBa0IsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekYsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBcmRpdW1GaWxlSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2ZpbGUtaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IEFyZGl1bUZvcm1GaWVsZEZyYW1lTW9kdWxlIH0gZnJvbSAnLi4vLi4vZm9ybS1maWVsZC1mcmFtZS9mb3JtLWZpZWxkLWZyYW1lLm1vZHVsZSc7XG5pbXBvcnQgeyBfQ2xlYXJCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi8uLi9faW50ZXJuYWwvY2xlYXItYnV0dG9uL2NsZWFyLWJ1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQXJkaXVtSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW0FyZGl1bUZpbGVJbnB1dENvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQXJkaXVtRm9ybUZpZWxkRnJhbWVNb2R1bGUsIF9DbGVhckJ1dHRvbk1vZHVsZSwgQXJkaXVtSWNvbk1vZHVsZV0sXG4gICAgZXhwb3J0czogW0FyZGl1bUZpbGVJbnB1dENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFyZGl1bUZpbGVJbnB1dE1vZHVsZSB7fVxuIl19
|