@carbon/web-components 2.10.0 → 2.11.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{16-6f99b9d8.js → 16-486ace1a.js} +3 -3
- package/dist/{16-86616f6a.js → 16-51a594ce.js} +3 -3
- package/dist/{16-c82d5cfd.js → 16-656090c0.js} +3 -3
- package/dist/{custom-element-975be15f.js → 16-71872213.js} +3 -8
- package/dist/{16-e3da4022.js → 16-730a41a2.js} +3 -3
- package/dist/{16-9bfd003b.js → 16-83a1cd89.js} +3 -3
- package/dist/{16-b507d4ba.js → 16-b73c677b.js} +3 -3
- package/dist/{16-3e28b02c.js → 16-d1c73001.js} +3 -3
- package/dist/{16-8688d7b7.js → 20-d069d8da.js} +3 -3
- package/dist/accordion.min.js +15 -9
- package/dist/ai-skeleton.min.js +3 -3
- package/dist/breadcrumb.min.js +3 -3
- package/dist/{button-690db41b.js → button-21c75bab.js} +3 -3
- package/dist/{button-set-4d1a3543.js → button-set-69863a24.js} +3 -3
- package/dist/{button-skeleton-efe28069.js → button-skeleton-1abc1fd8.js} +4 -4
- package/dist/button.min.js +3 -3
- package/dist/carbon-element-4ca9803f.js +2 -2
- package/dist/chat-button.min.js +5 -5
- package/dist/checkbox-d0a3a79f.js +109 -0
- package/dist/checkbox.min.js +3 -3
- package/dist/{class-map-40d6e892.js → class-map-5edb95da.js} +4 -4
- package/dist/code-snippet.min.js +11 -11
- package/dist/collection-helpers-4e32fe16.js +2 -2
- package/dist/combo-box.min.js +3 -3
- package/dist/{content-switcher-item-557f043e.js → content-switcher-item-5b8dd42f.js} +3 -3
- package/dist/content-switcher.min.js +3 -3
- package/dist/{copy-button-77c9a2be.js → copy-button-d673538b.js} +5 -5
- package/dist/copy-button.min.js +3 -3
- package/dist/data-table.min.js +20 -20
- package/dist/date-picker.min.js +3 -3
- package/dist/{defineProperty-1c81c535.js → defineProperty-e448b551.js} +3 -3
- package/dist/directive-e2d48b9c.js +2 -2
- package/dist/dropdown-item-91b3dc95.js +148 -0
- package/dist/dropdown.min.js +3 -3
- package/dist/file-uploader.min.js +10 -10
- package/dist/{floating-menu-ee49fedd.js → floating-menu-46199beb.js} +4 -4
- package/dist/floating-menu.min.js +3 -3
- package/dist/{focus-28af17cd.js → focus-e70d1cbe.js} +4 -4
- package/dist/form-group.min.js +3 -3
- package/dist/form.min.js +3 -3
- package/dist/{get-d229c408.js → get-52a048b1.js} +3 -3
- package/dist/{host-listener-1093b8af.js → host-listener-b6a3d690.js} +4 -4
- package/dist/{icon-button-8c199f5d.js → icon-button-09275c70.js} +4 -4
- package/dist/icon-button.min.js +3 -3
- package/dist/{if-defined-87ba0c08.js → if-defined-2e09d22b.js} +3 -3
- package/dist/{if-non-empty-a1c6e0fe.js → if-non-empty-20ce3c96.js} +4 -4
- package/dist/inline-loading.min.js +3 -3
- package/dist/{layer-c557b485.js → layer-5f257c4a.js} +3 -3
- package/dist/layer.min.js +3 -3
- package/dist/{link-49d03ffa.js → link-dc6f9b4e.js} +6 -6
- package/dist/link.min.js +3 -3
- package/dist/list.min.js +3 -3
- package/dist/{loading-358d36a7.js → loading-2604f4ad.js} +3 -3
- package/dist/{loading-icon-4d90d624.js → loading-icon-85b7e502.js} +5 -5
- package/dist/loading.min.js +3 -3
- package/dist/{modal-label-f7bb6b21.js → modal-label-d53c98de.js} +7 -7
- package/dist/modal.min.js +3 -3
- package/dist/multi-select.min.js +6 -6
- package/dist/notification.min.js +11 -11
- package/dist/number-input.min.js +3 -3
- package/dist/{objectSpread2-97102dd8.js → objectSpread2-46e4de7a.js} +3 -3
- package/dist/on-6c264d49.js +2 -2
- package/dist/overflow-menu.min.js +3 -3
- package/dist/pagination.min.js +3 -3
- package/dist/{popover-content-2a2998fe.js → popover-content-08cf10b0.js} +4 -4
- package/dist/popover-controller-cc6ccb74.js +73 -0
- package/dist/popover.min.js +3 -3
- package/dist/progress-bar.min.js +4 -4
- package/dist/progress-indicator.min.js +3 -3
- package/dist/query-5f833318.js +2 -2
- package/dist/query-assigned-elements-73bd2544.js +2 -2
- package/dist/radio-button.min.js +3 -3
- package/dist/{radio-group-manager-aa09b989.js → radio-group-manager-de7f9ab3.js} +3 -3
- package/dist/{search-d48abba3.js → search-23232b04.js} +3 -3
- package/dist/search.min.js +3 -3
- package/dist/{select-item-ddced627.js → select-item-4ebf72a0.js} +3 -3
- package/dist/select.min.js +15 -15
- package/dist/{settings-2211e02a.js → settings-97cd1c3a.js} +3 -3
- package/dist/shared-enums-c6fe8c39.js +2 -2
- package/dist/side-panel.min.js +4 -4
- package/dist/{skeleton-icon-0f8941b3.js → skeleton-icon-bfc7d5c8.js} +3 -3
- package/dist/skeleton-icon.min.js +3 -3
- package/dist/{skeleton-placeholder-80d37e68.js → skeleton-placeholder-403f26a3.js} +3 -3
- package/dist/skeleton-placeholder.min.js +3 -3
- package/dist/{skeleton-text-2f44cf41.js → skeleton-text-9d02604f.js} +3 -3
- package/dist/skeleton-text.min.js +3 -3
- package/dist/skip-to-content.min.js +4 -4
- package/dist/slider.min.js +3 -3
- package/dist/slug.min.js +3 -3
- package/dist/{spread-c0d6f8ee.js → spread-d515f3f1.js} +4 -4
- package/dist/stack.min.js +4 -4
- package/dist/state-ddd29b9d.js +2 -2
- package/dist/structured-list.min.js +6 -6
- package/dist/tabs.min.js +4 -4
- package/dist/tag.min.js +6 -6
- package/dist/tearsheet.min.js +6 -6
- package/dist/{text-input-06f2796d.js → text-input-ead65188.js} +4 -4
- package/dist/text-input.min.js +4 -4
- package/dist/textarea.min.js +3 -3
- package/dist/tile.min.js +3 -3
- package/dist/toggle-tip.min.js +3 -3
- package/dist/toggle.min.js +3 -3
- package/dist/{toggletip-586fce1e.js → toggletip-f95c53b0.js} +5 -5
- package/dist/{tooltip-content-7e00430f.js → tooltip-content-d784ae2b.js} +3 -3
- package/dist/tooltip.min.js +3 -3
- package/dist/ui-shell.min.js +16 -16
- package/dist/validity-d86ffa4f.js +2 -2
- package/es/components/accordion/accordion-item-skeleton.js.map +1 -1
- package/es/components/accordion/accordion-item.d.ts +47 -44
- package/es/components/accordion/accordion-item.js.map +1 -1
- package/es/components/accordion/accordion-skeleton.js.map +1 -1
- package/es/components/accordion/accordion.css.js +1 -1
- package/es/components/accordion/accordion.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-icon.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-placeholder.js.map +1 -1
- package/es/components/ai-skeleton/ai-skeleton-text.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.js.map +1 -1
- package/es/components/button/button-set-base.js.map +1 -1
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button-skeleton.js.map +1 -1
- package/es/components/button/button.d.ts +99 -92
- package/es/components/button/button.js.map +1 -1
- package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es/components/chat-button/chat-button.js +2 -1
- package/es/components/chat-button/chat-button.js.map +1 -1
- package/es/components/checkbox/checkbox-group.d.ts +2 -1
- package/es/components/checkbox/checkbox-group.js.map +1 -1
- package/es/components/checkbox/checkbox-skeleton.js.map +1 -1
- package/es/components/checkbox/checkbox.css.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +97 -90
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
- package/es/components/code-snippet/code-snippet.d.ts +49 -45
- package/es/components/code-snippet/code-snippet.js.map +1 -1
- package/es/components/combo-box/combo-box-item.js.map +1 -1
- package/es/components/combo-box/combo-box.css.js +1 -1
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts +49 -45
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/copy/copy.d.ts +1 -1
- package/es/components/copy/copy.js +3 -2
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.d.ts +48 -45
- package/es/components/copy-button/copy-button.js +3 -2
- package/es/components/copy-button/copy-button.js.map +1 -1
- package/es/components/data-table/data-table.css.js +1 -1
- package/es/components/data-table/table-batch-actions.js.map +1 -1
- package/es/components/data-table/table-body.js.map +1 -1
- package/es/components/data-table/table-cell-content.js.map +1 -1
- package/es/components/data-table/table-cell.js.map +1 -1
- package/es/components/data-table/table-expanded-row.d.ts +49 -46
- package/es/components/data-table/table-expanded-row.js.map +1 -1
- package/es/components/data-table/table-head.js.map +1 -1
- package/es/components/data-table/table-header-cell.d.ts +49 -45
- package/es/components/data-table/table-header-cell.js.map +1 -1
- package/es/components/data-table/table-header-description.js.map +1 -1
- package/es/components/data-table/table-header-row.js.map +1 -1
- package/es/components/data-table/table-header-title.js.map +1 -1
- package/es/components/data-table/table-row.d.ts +97 -91
- package/es/components/data-table/table-row.js.map +1 -1
- package/es/components/data-table/table-skeleton.d.ts +1 -1
- package/es/components/data-table/table-skeleton.js +3 -2
- package/es/components/data-table/table-skeleton.js.map +1 -1
- package/es/components/data-table/table-toolbar-content.js.map +1 -1
- package/es/components/data-table/table-toolbar-search.d.ts +51 -47
- package/es/components/data-table/table-toolbar-search.js.map +1 -1
- package/es/components/data-table/table-toolbar.js.map +1 -1
- package/es/components/data-table/table.d.ts +49 -46
- package/es/components/data-table/table.js.map +1 -1
- package/es/components/date-picker/append-to-plugin.js.map +1 -1
- package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
- package/es/components/date-picker/date-picker-input.d.ts +49 -45
- package/es/components/date-picker/date-picker-input.js.map +1 -1
- package/es/components/date-picker/date-picker.d.ts +98 -92
- package/es/components/date-picker/date-picker.js.map +1 -1
- package/es/components/dropdown/dropdown-item.js.map +1 -1
- package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
- package/es/components/dropdown/dropdown.css.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +196 -183
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/file-uploader/demo-file-uploader.d.ts +1 -1
- package/es/components/file-uploader/demo-file-uploader.js +3 -2
- package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
- package/es/components/file-uploader/file-uploader-button.d.ts +50 -47
- package/es/components/file-uploader/file-uploader-button.js +3 -2
- package/es/components/file-uploader/file-uploader-button.js.map +1 -1
- package/es/components/file-uploader/file-uploader-drop-container.d.ts +49 -46
- package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
- package/es/components/file-uploader/file-uploader-item.js.map +1 -1
- package/es/components/file-uploader/file-uploader-skeleton.js.map +1 -1
- package/es/components/file-uploader/file-uploader.js.map +1 -1
- package/es/components/floating-menu/floating-menu.d.ts +100 -93
- package/es/components/floating-menu/floating-menu.js.map +1 -1
- package/es/components/form/form-item.js.map +1 -1
- package/es/components/form-group/form-group.d.ts +1 -1
- package/es/components/form-group/form-group.js +3 -2
- package/es/components/form-group/form-group.js.map +1 -1
- package/es/components/icon-button/icon-button.js +2 -1
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/inline-loading/inline-loading.js.map +1 -1
- package/es/components/layer/layer.d.ts +1 -1
- package/es/components/layer/layer.js +3 -2
- package/es/components/layer/layer.js.map +1 -1
- package/es/components/link/link.d.ts +49 -45
- package/es/components/link/link.js.map +1 -1
- package/es/components/list/list-item.js.map +1 -1
- package/es/components/list/ordered-list.js.map +1 -1
- package/es/components/list/unordered-list.js.map +1 -1
- package/es/components/loading/loading-icon.js.map +1 -1
- package/es/components/loading/loading.js.map +1 -1
- package/es/components/modal/modal-body-content.js.map +1 -1
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.d.ts +49 -45
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal-footer-button.js.map +1 -1
- package/es/components/modal/modal-footer.js.map +1 -1
- package/es/components/modal/modal-header.js.map +1 -1
- package/es/components/modal/modal-heading.js.map +1 -1
- package/es/components/modal/modal-label.js.map +1 -1
- package/es/components/modal/modal.css.js +1 -1
- package/es/components/modal/modal.d.ts +49 -46
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/multi-select/multi-select-item.js.map +1 -1
- package/es/components/multi-select/multi-select.css.js +1 -1
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/notification/actionable-notification-button.js.map +1 -1
- package/es/components/notification/actionable-notification.d.ts +49 -46
- package/es/components/notification/actionable-notification.js +4 -3
- package/es/components/notification/actionable-notification.js.map +1 -1
- package/es/components/notification/inline-notification.d.ts +47 -44
- package/es/components/notification/inline-notification.js.map +1 -1
- package/es/components/notification/toast-notification.js.map +1 -1
- package/es/components/number-input/number-input-skeleton.js.map +1 -1
- package/es/components/number-input/number-input.d.ts +2 -1
- package/es/components/number-input/number-input.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu-item.d.ts +49 -45
- package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +97 -91
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination/pagination.d.ts +98 -91
- package/es/components/pagination/pagination.js.map +1 -1
- package/es/components/popover/popover-content.js +2 -1
- package/es/components/popover/popover-content.js.map +1 -1
- package/es/components/popover/popover.js +2 -1
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/progress-bar/progress-bar.d.ts +1 -1
- package/es/components/progress-bar/progress-bar.js +3 -2
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-indicator.js.map +1 -1
- package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
- package/es/components/progress-indicator/progress-step.d.ts +49 -45
- package/es/components/progress-indicator/progress-step.js.map +1 -1
- package/es/components/radio-button/radio-button-group.d.ts +98 -92
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
- package/es/components/radio-button/radio-button.d.ts +99 -92
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.d.ts +148 -138
- package/es/components/search/search.js.map +1 -1
- package/es/components/select/select-item-group.js.map +1 -1
- package/es/components/select/select-item.js.map +1 -1
- package/es/components/select/select-skeleton.d.ts +1 -1
- package/es/components/select/select-skeleton.js +3 -2
- package/es/components/select/select-skeleton.js.map +1 -1
- package/es/components/select/select.d.ts +51 -47
- package/es/components/select/select.js.map +1 -1
- package/es/components/side-panel/side-panel.css.js +1 -1
- package/es/components/side-panel/side-panel.d.ts +49 -46
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/skeleton-icon/skeleton-icon.js.map +1 -1
- package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
- package/es/components/skeleton-text/skeleton-text.js.map +1 -1
- package/es/components/skip-to-content/skip-to-content.d.ts +49 -45
- package/es/components/skip-to-content/skip-to-content.js.map +1 -1
- package/es/components/slider/slider-input.d.ts +49 -45
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider-skeleton.js.map +1 -1
- package/es/components/slider/slider.d.ts +148 -138
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slug/slug-action-button.js.map +1 -1
- package/es/components/slug/slug.css.js +1 -1
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/stack/stack.d.ts +1 -1
- package/es/components/stack/stack.js +3 -2
- package/es/components/stack/stack.js.map +1 -1
- package/es/components/structured-list/structured-list-body.js.map +1 -1
- package/es/components/structured-list/structured-list-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-head.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
- package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
- package/es/components/structured-list/structured-list-header-row.js.map +1 -1
- package/es/components/structured-list/structured-list-row.d.ts +49 -46
- package/es/components/structured-list/structured-list-row.js.map +1 -1
- package/es/components/structured-list/structured-list.css.js +1 -1
- package/es/components/structured-list/structured-list.d.ts +49 -45
- package/es/components/structured-list/structured-list.js.map +1 -1
- package/es/components/tabs/tab-skeleton.js.map +1 -1
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs-skeleton.js.map +1 -1
- package/es/components/tabs/tabs.css.js +1 -1
- package/es/components/tabs/tabs.d.ts +49 -46
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tag/tag.css.js +1 -1
- package/es/components/tag/tag.d.ts +97 -91
- package/es/components/tag/tag.js.map +1 -1
- package/es/components/tearsheet/tearsheet.css.js +1 -1
- package/es/components/tearsheet/tearsheet.d.ts +49 -46
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/text-input/text-input-skeleton.d.ts +1 -1
- package/es/components/text-input/text-input-skeleton.js +3 -2
- package/es/components/text-input/text-input-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.d.ts +98 -91
- package/es/components/text-input/text-input.js +2 -1
- package/es/components/text-input/text-input.js.map +1 -1
- package/es/components/textarea/textarea-skeleton.js.map +1 -1
- package/es/components/textarea/textarea.css.js +1 -1
- package/es/components/textarea/textarea.d.ts +2 -1
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/tile/clickable-tile.js.map +1 -1
- package/es/components/tile/expandable-tile.d.ts +97 -91
- package/es/components/tile/expandable-tile.js.map +1 -1
- package/es/components/tile/radio-tile.js.map +1 -1
- package/es/components/tile/selectable-tile.d.ts +99 -92
- package/es/components/tile/selectable-tile.js.map +1 -1
- package/es/components/tile/tile-group.d.ts +49 -46
- package/es/components/tile/tile-group.js.map +1 -1
- package/es/components/tile/tile.css.js +1 -1
- package/es/components/tile/tile.js.map +1 -1
- package/es/components/toggle/toggle.d.ts +50 -49
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle-tip/toggletip.css.js +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +99 -92
- package/es/components/toggle-tip/toggletip.js +2 -1
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/tooltip/tooltip-content.js.map +1 -1
- package/es/components/tooltip/tooltip.d.ts +49 -46
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +3 -2
- package/es/components/ui-shell/header-global-action.js +3 -2
- package/es/components/ui-shell/header-global-action.js.map +1 -1
- package/es/components/ui-shell/header-menu-button.d.ts +49 -45
- package/es/components/ui-shell/header-menu-button.js.map +1 -1
- package/es/components/ui-shell/header-menu-item.js.map +1 -1
- package/es/components/ui-shell/header-menu.d.ts +99 -92
- package/es/components/ui-shell/header-menu.js.map +1 -1
- package/es/components/ui-shell/header-name.d.ts +49 -45
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/header-nav-item.d.ts +49 -45
- package/es/components/ui-shell/header-nav-item.js.map +1 -1
- package/es/components/ui-shell/header-nav.js.map +1 -1
- package/es/components/ui-shell/header-panel.d.ts +3 -2
- package/es/components/ui-shell/header-panel.js +3 -2
- package/es/components/ui-shell/header-panel.js.map +1 -1
- package/es/components/ui-shell/header-side-nav-items.d.ts +1 -1
- package/es/components/ui-shell/header-side-nav-items.js +3 -2
- package/es/components/ui-shell/header-side-nav-items.js.map +1 -1
- package/es/components/ui-shell/header.js.map +1 -1
- package/es/components/ui-shell/side-nav-divider.js.map +1 -1
- package/es/components/ui-shell/side-nav-items.js.map +1 -1
- package/es/components/ui-shell/side-nav-link.d.ts +49 -45
- package/es/components/ui-shell/side-nav-link.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts +49 -45
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu.d.ts +49 -45
- package/es/components/ui-shell/side-nav-menu.js.map +1 -1
- package/es/components/ui-shell/side-nav.d.ts +50 -56
- package/es/components/ui-shell/side-nav.js +5 -47
- package/es/components/ui-shell/side-nav.js.map +1 -1
- package/es/components/ui-shell/switcher-divider.js.map +1 -1
- package/es/components/ui-shell/switcher-item.d.ts +50 -46
- package/es/components/ui-shell/switcher-item.js +3 -2
- package/es/components/ui-shell/switcher-item.js.map +1 -1
- package/es/components/ui-shell/switcher.d.ts +3 -2
- package/es/components/ui-shell/switcher.js +3 -2
- package/es/components/ui-shell/switcher.js.map +1 -1
- package/es/globals/controllers/popover-controller.js.map +1 -1
- package/es/globals/decorators/carbon-element.js.map +1 -1
- package/es/globals/internal/storybook-cdn.js.map +1 -1
- package/es/globals/mixins/focus.d.ts +47 -44
- package/es/globals/mixins/form.d.ts +48 -45
- package/es/globals/mixins/host-listener.d.ts +48 -45
- package/es/globals/mixins/host-listener.js.map +1 -1
- package/es/globals/mixins/validity.d.ts +48 -45
- package/es/globals/scss/themes.css.js +1 -1
- package/es/globals/settings.js.map +1 -1
- package/es/polyfills/toggle-class.js.map +1 -1
- package/lib/components-react-node/accordion/accordion-item-skeleton.js +2 -2
- package/lib/components-react-node/accordion/accordion-item.js +2 -2
- package/lib/components-react-node/accordion/accordion-skeleton.js +2 -2
- package/lib/components-react-node/accordion/accordion.js +2 -2
- package/lib/components-react-node/ai-skeleton/ai-skeleton-icon.js +2 -2
- package/lib/components-react-node/ai-skeleton/ai-skeleton-placeholder.js +2 -2
- package/lib/components-react-node/ai-skeleton/ai-skeleton-text.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-item.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-link.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-overflow-menu.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb-skeleton.js +2 -2
- package/lib/components-react-node/breadcrumb/breadcrumb.js +2 -2
- package/lib/components-react-node/button/button-set-base.js +2 -2
- package/lib/components-react-node/button/button-set.js +2 -2
- package/lib/components-react-node/button/button-skeleton.js +2 -2
- package/lib/components-react-node/button/button.js +2 -2
- package/lib/components-react-node/chat-button/chat-button-skeleton.js +2 -2
- package/lib/components-react-node/chat-button/chat-button.js +2 -2
- package/lib/components-react-node/checkbox/checkbox-group.js +2 -2
- package/lib/components-react-node/checkbox/checkbox-skeleton.js +2 -2
- package/lib/components-react-node/checkbox/checkbox.js +2 -2
- package/lib/components-react-node/code-snippet/code-snippet-skeleton.js +2 -2
- package/lib/components-react-node/code-snippet/code-snippet.js +2 -2
- package/lib/components-react-node/combo-box/combo-box-item.js +2 -2
- package/lib/components-react-node/combo-box/combo-box.js +2 -2
- package/lib/components-react-node/content-switcher/content-switcher-item.js +2 -2
- package/lib/components-react-node/content-switcher/content-switcher.js +2 -2
- package/lib/components-react-node/copy/copy.js +2 -2
- package/lib/components-react-node/copy-button/copy-button.js +2 -2
- package/lib/components-react-node/data-table/table-batch-actions.js +2 -2
- package/lib/components-react-node/data-table/table-body.js +2 -2
- package/lib/components-react-node/data-table/table-cell-content.js +2 -2
- package/lib/components-react-node/data-table/table-cell.js +2 -2
- package/lib/components-react-node/data-table/table-expanded-row.js +2 -2
- package/lib/components-react-node/data-table/table-head.js +2 -2
- package/lib/components-react-node/data-table/table-header-cell.js +2 -2
- package/lib/components-react-node/data-table/table-header-description.js +2 -2
- package/lib/components-react-node/data-table/table-header-row.js +2 -2
- package/lib/components-react-node/data-table/table-header-title.js +2 -2
- package/lib/components-react-node/data-table/table-row.js +2 -2
- package/lib/components-react-node/data-table/table-skeleton.js +2 -2
- package/lib/components-react-node/data-table/table-toolbar-content.js +2 -2
- package/lib/components-react-node/data-table/table-toolbar-search.js +2 -2
- package/lib/components-react-node/data-table/table-toolbar.js +2 -2
- package/lib/components-react-node/data-table/table.js +2 -2
- package/lib/components-react-node/date-picker/date-picker-input-skeleton.js +2 -2
- package/lib/components-react-node/date-picker/date-picker-input.js +2 -2
- package/lib/components-react-node/date-picker/date-picker.js +2 -2
- package/lib/components-react-node/dropdown/dropdown-item.js +2 -2
- package/lib/components-react-node/dropdown/dropdown-skeleton.js +2 -2
- package/lib/components-react-node/dropdown/dropdown.js +2 -2
- package/lib/components-react-node/file-uploader/demo-file-uploader.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-button.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-drop-container.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-item.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader-skeleton.js +2 -2
- package/lib/components-react-node/file-uploader/file-uploader.js +2 -2
- package/lib/components-react-node/form/form-item.js +2 -2
- package/lib/components-react-node/form-group/form-group.js +2 -2
- package/lib/components-react-node/icon-button/icon-button.js +2 -2
- package/lib/components-react-node/inline-loading/inline-loading.js +2 -2
- package/lib/components-react-node/layer/layer.js +2 -2
- package/lib/components-react-node/link/link.js +2 -2
- package/lib/components-react-node/list/list-item.js +2 -2
- package/lib/components-react-node/list/ordered-list.js +2 -2
- package/lib/components-react-node/list/unordered-list.js +2 -2
- package/lib/components-react-node/loading/loading.js +2 -2
- package/lib/components-react-node/modal/modal-body-content.js +2 -2
- package/lib/components-react-node/modal/modal-body.js +2 -2
- package/lib/components-react-node/modal/modal-close-button.js +2 -2
- package/lib/components-react-node/modal/modal-footer-button.js +2 -2
- package/lib/components-react-node/modal/modal-footer.js +2 -2
- package/lib/components-react-node/modal/modal-header.js +2 -2
- package/lib/components-react-node/modal/modal-heading.js +2 -2
- package/lib/components-react-node/modal/modal-label.js +2 -2
- package/lib/components-react-node/modal/modal.js +2 -2
- package/lib/components-react-node/multi-select/multi-select-item.js +2 -2
- package/lib/components-react-node/multi-select/multi-select.js +2 -2
- package/lib/components-react-node/notification/actionable-notification-button.js +2 -2
- package/lib/components-react-node/notification/actionable-notification.js +2 -2
- package/lib/components-react-node/notification/inline-notification.js +2 -2
- package/lib/components-react-node/notification/toast-notification.js +2 -2
- package/lib/components-react-node/number-input/number-input-skeleton.js +2 -2
- package/lib/components-react-node/number-input/number-input.js +2 -2
- package/lib/components-react-node/overflow-menu/overflow-menu-body.js +2 -2
- package/lib/components-react-node/overflow-menu/overflow-menu-item.js +2 -2
- package/lib/components-react-node/overflow-menu/overflow-menu.js +2 -2
- package/lib/components-react-node/pagination/pagination.js +2 -2
- package/lib/components-react-node/popover/popover-content.js +2 -2
- package/lib/components-react-node/popover/popover.js +2 -2
- package/lib/components-react-node/progress-bar/progress-bar.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-indicator-skeleton.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-indicator.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-step-skeleton.js +2 -2
- package/lib/components-react-node/progress-indicator/progress-step.js +2 -2
- package/lib/components-react-node/radio-button/radio-button-group.js +2 -2
- package/lib/components-react-node/radio-button/radio-button-skeleton.js +2 -2
- package/lib/components-react-node/radio-button/radio-button.js +2 -2
- package/lib/components-react-node/search/search-skeleton.js +2 -2
- package/lib/components-react-node/search/search.js +2 -2
- package/lib/components-react-node/select/select-item-group.js +2 -2
- package/lib/components-react-node/select/select-item.js +2 -2
- package/lib/components-react-node/select/select-skeleton.js +2 -2
- package/lib/components-react-node/select/select.js +2 -2
- package/lib/components-react-node/side-panel/side-panel.js +2 -2
- package/lib/components-react-node/skeleton-icon/skeleton-icon.js +2 -2
- package/lib/components-react-node/skeleton-placeholder/skeleton-placeholder.js +2 -2
- package/lib/components-react-node/skeleton-text/skeleton-text.js +2 -2
- package/lib/components-react-node/skip-to-content/skip-to-content.js +2 -2
- package/lib/components-react-node/slider/slider-input.js +2 -2
- package/lib/components-react-node/slider/slider-skeleton.js +2 -2
- package/lib/components-react-node/slider/slider.js +2 -2
- package/lib/components-react-node/slug/slug-action-button.js +2 -2
- package/lib/components-react-node/slug/slug.js +2 -2
- package/lib/components-react-node/stack/stack.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-body.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-cell.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-head.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-header-cell-skeleton.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-header-cell.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-header-row.js +2 -2
- package/lib/components-react-node/structured-list/structured-list-row.js +2 -2
- package/lib/components-react-node/structured-list/structured-list.js +2 -2
- package/lib/components-react-node/tabs/tab-skeleton.js +2 -2
- package/lib/components-react-node/tabs/tab.js +2 -2
- package/lib/components-react-node/tabs/tabs-skeleton.js +2 -2
- package/lib/components-react-node/tabs/tabs.js +2 -2
- package/lib/components-react-node/tag/tag.js +2 -2
- package/lib/components-react-node/tearsheet/tearsheet.js +2 -2
- package/lib/components-react-node/text-input/text-input-skeleton.js +2 -2
- package/lib/components-react-node/text-input/text-input.js +2 -2
- package/lib/components-react-node/textarea/textarea-skeleton.js +2 -2
- package/lib/components-react-node/textarea/textarea.js +2 -2
- package/lib/components-react-node/tile/clickable-tile.js +2 -2
- package/lib/components-react-node/tile/expandable-tile.js +2 -2
- package/lib/components-react-node/tile/radio-tile.js +2 -2
- package/lib/components-react-node/tile/selectable-tile.js +2 -2
- package/lib/components-react-node/tile/tile-group.js +2 -2
- package/lib/components-react-node/tile/tile.js +2 -2
- package/lib/components-react-node/toggle/toggle.js +2 -2
- package/lib/components-react-node/toggle-tip/toggletip.js +2 -2
- package/lib/components-react-node/tooltip/tooltip-content.js +2 -2
- package/lib/components-react-node/tooltip/tooltip.js +2 -2
- package/lib/components-react-node/ui-shell/header-global-action.js +2 -2
- package/lib/components-react-node/ui-shell/header-menu-button.js +2 -2
- package/lib/components-react-node/ui-shell/header-menu-item.js +2 -2
- package/lib/components-react-node/ui-shell/header-menu.js +2 -2
- package/lib/components-react-node/ui-shell/header-name.js +2 -2
- package/lib/components-react-node/ui-shell/header-nav-item.js +2 -2
- package/lib/components-react-node/ui-shell/header-nav.js +2 -2
- package/lib/components-react-node/ui-shell/header-panel.js +2 -2
- package/lib/components-react-node/ui-shell/header-side-nav-items.js +2 -2
- package/lib/components-react-node/ui-shell/header.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-divider.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-items.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-link.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-menu-item.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav-menu.js +2 -2
- package/lib/components-react-node/ui-shell/side-nav.js +2 -2
- package/lib/components-react-node/ui-shell/switcher-divider.js +2 -2
- package/lib/components-react-node/ui-shell/switcher-item.js +2 -2
- package/lib/components-react-node/ui-shell/switcher.js +2 -2
- package/lib/globals/controllers/popover-controller.js.map +1 -1
- package/lib/globals/settings.js.map +1 -1
- package/package.json +4 -4
- package/dist/20-7dd70a15.js +0 -73
- package/dist/checkbox-6b1a3bff.js +0 -109
- package/dist/dropdown-item-4c020a7d.js +0 -148
- package/dist/popover-controller-0c0475fc.js +0 -73
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-uploader-button.js","names":["classMap","LitElement","html","property","customElement","prefix","HostListenerMixin","ifNonEmpty","styles","BUTTON_KIND","BUTTON_SIZE","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","CDSFileUploaderButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClick","event","_this$shadowRoot","_this$shadowRoot2","target","selectorInput","shadowRoot","querySelector","setAttribute","click","_handleKeyDown","_this$shadowRoot3","_this$shadowRoot4","_handleChange","_this$shadowRoot5","addedFiles","_getFiles","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","_ref","files","type","dataTransfer","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","decorators","reflect","attribute","PRIMARY","MEDIUM","Boolean","render","disabled","multiple","buttonKind","size","handleChange","labelClasses","buttonClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-container\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n /**\n * Handles `click` event on the button.\n */\n private _handleClick(event) {\n event.target.value = null;\n const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n }\n\n /**\n * Handles `keydown` event on the button.\n */\n private _handleKeyDown(event) {\n const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n if (event.key === 'Enter' || event.key === 'Space') {\n this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n }\n }\n\n /**\n * Handles user gesture to select files to upload.\n *\n * @param event The event.\n */\n private _handleChange(event: Event | DragEvent) {\n const addedFiles = this._getFiles(event);\n const { eventChange, selectorInput } = this\n .constructor as typeof CDSFileUploaderButton;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n addedFiles,\n },\n })\n );\n\n const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n if (fileInput) {\n (fileInput as HTMLInputElement).value = '';\n }\n }\n\n /**\n * @param event The event.\n * @returns The list of files user chose to upload.\n */\n private _getFiles(event: Event | DragEvent) {\n const { files } =\n (event.type === 'drop'\n ? (event as DragEvent).dataTransfer\n : (event.target as HTMLInputElement)) ?? {};\n const { accept } = this;\n if (!accept || !/^(change|drop)$/.test(event.type)) {\n return Array.from(files ?? []);\n }\n const acceptedTypes = new Set(accept.split(' '));\n return Array.prototype.filter.call(\n files,\n ({ name, type: mimeType = '' }) => {\n const fileExtensionRegExp = /\\.[^.]+$/;\n const hasFileExtension = fileExtensionRegExp.test(name);\n const [fileExtension] = !hasFileExtension\n ? [undefined]\n : fileExtensionRegExp.exec(name) ?? [];\n\n return (\n acceptedTypes.has(mimeType) ||\n (fileExtension && acceptedTypes.has(fileExtension))\n );\n }\n ) as File[];\n }\n\n /**\n * Button kind.\n */\n @property({ reflect: true, attribute: 'button-kind' })\n buttonKind = BUTTON_KIND.PRIMARY;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = BUTTON_SIZE.MEDIUM;\n\n /**\n * The file types the file input should accept, separated by space.\n */\n @property()\n accept = '';\n\n /**\n * `true` if this drop container should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if this drop container should accept more than one files at once.\n * Note that even with `false` set here, user _can_ select multiple files one by one.\n */\n @property({ type: Boolean, reflect: true })\n multiple = false;\n\n /**\n * The name of the input.\n */\n @property({ reflect: true })\n name = '';\n\n /**\n * The shadow DOM slot to put this drop container in.\n */\n @property({ reflect: true })\n slot = 'drop-container';\n\n render() {\n const {\n accept,\n disabled,\n multiple,\n name,\n buttonKind,\n size,\n _handleChange: handleChange,\n } = this;\n\n const labelClasses = classMap({\n [`${prefix}--file-browse-btn`]: true,\n [`${prefix}--file-browse-btn--disabled`]: disabled,\n });\n const buttonClasses = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${buttonKind}`]: buttonKind,\n [`${prefix}--layout--size-${size}`]: size,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--${size}`]: size,\n });\n return html`\n <button\n type=\"button\"\n class=\"${buttonClasses}\"\n @click=\"${this._handleClick}\"\n @keydown=\"${this._handleKeyDown}\">\n <slot></slot>\n </button>\n <label class=\"${labelClasses}\" for=\"file\"> </label>\n <input\n id=\"file\"\n type=\"file\"\n class=\"${prefix}--file-input\"\n tabindex=\"-1\"\n accept=\"${ifNonEmpty(accept)}\"\n ?disabled=\"${disabled}\"\n ?multiple=\"${multiple}\"\n name=\"${ifNonEmpty(name)}\"\n @change=\"${handleChange}\" />\n `;\n }\n\n /**\n * The name of the custom event fired when there is a user gesture to select files to upload.\n */\n static get eventChange() {\n return `${prefix}-file-uploader-button-changed`;\n }\n\n /**\n * A selector that will return the file `<input>`.\n */\n static get selectorInput() {\n return `.${prefix}--file-input`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"file-uploader-button.js","names":["classMap","LitElement","html","property","carbonElement","customElement","prefix","HostListenerMixin","ifNonEmpty","styles","BUTTON_KIND","BUTTON_SIZE","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","CDSFileUploaderButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClick","event","_this$shadowRoot","_this$shadowRoot2","target","selectorInput","shadowRoot","querySelector","setAttribute","click","_handleKeyDown","_this$shadowRoot3","_this$shadowRoot4","_handleChange","_this$shadowRoot5","addedFiles","_getFiles","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","_ref","files","type","dataTransfer","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","decorators","reflect","attribute","PRIMARY","MEDIUM","Boolean","render","disabled","multiple","buttonKind","size","handleChange","labelClasses","buttonClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-container\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n /**\n * Handles `click` event on the button.\n */\n private _handleClick(event) {\n event.target.value = null;\n const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n }\n\n /**\n * Handles `keydown` event on the button.\n */\n private _handleKeyDown(event) {\n const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n if (event.key === 'Enter' || event.key === 'Space') {\n this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n }\n }\n\n /**\n * Handles user gesture to select files to upload.\n *\n * @param event The event.\n */\n private _handleChange(event: Event | DragEvent) {\n const addedFiles = this._getFiles(event);\n const { eventChange, selectorInput } = this\n .constructor as typeof CDSFileUploaderButton;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n addedFiles,\n },\n })\n );\n\n const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n if (fileInput) {\n (fileInput as HTMLInputElement).value = '';\n }\n }\n\n /**\n * @param event The event.\n * @returns The list of files user chose to upload.\n */\n private _getFiles(event: Event | DragEvent) {\n const { files } =\n (event.type === 'drop'\n ? (event as DragEvent).dataTransfer\n : (event.target as HTMLInputElement)) ?? {};\n const { accept } = this;\n if (!accept || !/^(change|drop)$/.test(event.type)) {\n return Array.from(files ?? []);\n }\n const acceptedTypes = new Set(accept.split(' '));\n return Array.prototype.filter.call(\n files,\n ({ name, type: mimeType = '' }) => {\n const fileExtensionRegExp = /\\.[^.]+$/;\n const hasFileExtension = fileExtensionRegExp.test(name);\n const [fileExtension] = !hasFileExtension\n ? [undefined]\n : fileExtensionRegExp.exec(name) ?? [];\n\n return (\n acceptedTypes.has(mimeType) ||\n (fileExtension && acceptedTypes.has(fileExtension))\n );\n }\n ) as File[];\n }\n\n /**\n * Button kind.\n */\n @property({ reflect: true, attribute: 'button-kind' })\n buttonKind = BUTTON_KIND.PRIMARY;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = BUTTON_SIZE.MEDIUM;\n\n /**\n * The file types the file input should accept, separated by space.\n */\n @property()\n accept = '';\n\n /**\n * `true` if this drop container should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if this drop container should accept more than one files at once.\n * Note that even with `false` set here, user _can_ select multiple files one by one.\n */\n @property({ type: Boolean, reflect: true })\n multiple = false;\n\n /**\n * The name of the input.\n */\n @property({ reflect: true })\n name = '';\n\n /**\n * The shadow DOM slot to put this drop container in.\n */\n @property({ reflect: true })\n slot = 'drop-container';\n\n render() {\n const {\n accept,\n disabled,\n multiple,\n name,\n buttonKind,\n size,\n _handleChange: handleChange,\n } = this;\n\n const labelClasses = classMap({\n [`${prefix}--file-browse-btn`]: true,\n [`${prefix}--file-browse-btn--disabled`]: disabled,\n });\n const buttonClasses = classMap({\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${buttonKind}`]: buttonKind,\n [`${prefix}--layout--size-${size}`]: size,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--${size}`]: size,\n });\n return html`\n <button\n type=\"button\"\n class=\"${buttonClasses}\"\n @click=\"${this._handleClick}\"\n @keydown=\"${this._handleKeyDown}\">\n <slot></slot>\n </button>\n <label class=\"${labelClasses}\" for=\"file\"> </label>\n <input\n id=\"file\"\n type=\"file\"\n class=\"${prefix}--file-input\"\n tabindex=\"-1\"\n accept=\"${ifNonEmpty(accept)}\"\n ?disabled=\"${disabled}\"\n ?multiple=\"${multiple}\"\n name=\"${ifNonEmpty(name)}\"\n @change=\"${handleChange}\" />\n `;\n }\n\n /**\n * The name of the custom event fired when there is a user gesture to select files to upload.\n */\n static get eventChange() {\n return `${prefix}-file-uploader-button-changed`;\n }\n\n /**\n * A selector that will return the file `<input>`.\n */\n static get selectorInput() {\n return `.${prefix}--file-input`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -36,11 +36,11 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
36
36
|
click(): void;
|
|
37
37
|
hidePopover(): void;
|
|
38
38
|
showPopover(): void;
|
|
39
|
-
togglePopover(force?: boolean
|
|
40
|
-
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions
|
|
41
|
-
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions
|
|
42
|
-
removeEventListener<
|
|
43
|
-
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions
|
|
39
|
+
togglePopover(force?: boolean): boolean;
|
|
40
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
41
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
42
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
43
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
44
44
|
readonly attributes: NamedNodeMap;
|
|
45
45
|
readonly classList: DOMTokenList;
|
|
46
46
|
className: string;
|
|
@@ -65,10 +65,10 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
65
65
|
slot: string;
|
|
66
66
|
readonly tagName: string;
|
|
67
67
|
attachShadow(init: ShadowRootInit): ShadowRoot;
|
|
68
|
-
checkVisibility(options?: CheckVisibilityOptions
|
|
69
|
-
closest<
|
|
70
|
-
closest<
|
|
71
|
-
closest<
|
|
68
|
+
checkVisibility(options?: CheckVisibilityOptions): boolean;
|
|
69
|
+
closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
|
|
70
|
+
closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
|
|
71
|
+
closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
|
|
72
72
|
closest<E extends Element = Element>(selectors: string): E | null;
|
|
73
73
|
computedStyleMap(): StylePropertyMapReadOnly;
|
|
74
74
|
getAttribute(qualifiedName: string): string | null;
|
|
@@ -79,10 +79,10 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
79
79
|
getBoundingClientRect(): DOMRect;
|
|
80
80
|
getClientRects(): DOMRectList;
|
|
81
81
|
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
|
|
82
|
-
getElementsByTagName<
|
|
83
|
-
getElementsByTagName<
|
|
84
|
-
getElementsByTagName<
|
|
85
|
-
getElementsByTagName<
|
|
82
|
+
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
|
|
83
|
+
getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
|
|
84
|
+
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
|
|
85
|
+
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
86
86
|
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
|
|
87
87
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
|
|
88
88
|
getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
|
|
@@ -100,21 +100,22 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
100
100
|
removeAttribute(qualifiedName: string): void;
|
|
101
101
|
removeAttributeNS(namespace: string | null, localName: string): void;
|
|
102
102
|
removeAttributeNode(attr: Attr): Attr;
|
|
103
|
-
requestFullscreen(options?: FullscreenOptions
|
|
103
|
+
requestFullscreen(options?: FullscreenOptions): Promise<void>;
|
|
104
104
|
requestPointerLock(): void;
|
|
105
|
-
scroll(options?: ScrollToOptions
|
|
105
|
+
scroll(options?: ScrollToOptions): void;
|
|
106
106
|
scroll(x: number, y: number): void;
|
|
107
|
-
scrollBy(options?: ScrollToOptions
|
|
107
|
+
scrollBy(options?: ScrollToOptions): void;
|
|
108
108
|
scrollBy(x: number, y: number): void;
|
|
109
|
-
scrollIntoView(arg?: boolean | ScrollIntoViewOptions
|
|
110
|
-
scrollTo(options?: ScrollToOptions
|
|
109
|
+
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
|
|
110
|
+
scrollTo(options?: ScrollToOptions): void;
|
|
111
111
|
scrollTo(x: number, y: number): void;
|
|
112
112
|
setAttribute(qualifiedName: string, value: string): void;
|
|
113
113
|
setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
|
|
114
114
|
setAttributeNode(attr: Attr): Attr | null;
|
|
115
115
|
setAttributeNodeNS(attr: Attr): Attr | null;
|
|
116
|
+
setHTMLUnsafe(html: string): void;
|
|
116
117
|
setPointerCapture(pointerId: number): void;
|
|
117
|
-
toggleAttribute(qualifiedName: string, force?: boolean
|
|
118
|
+
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
|
|
118
119
|
webkitMatchesSelector(selectors: string): boolean;
|
|
119
120
|
readonly baseURI: string;
|
|
120
121
|
readonly childNodes: NodeListOf<ChildNode>;
|
|
@@ -130,20 +131,20 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
130
131
|
readonly previousSibling: ChildNode | null;
|
|
131
132
|
textContent: string | null;
|
|
132
133
|
appendChild<T extends Node>(node: T): T;
|
|
133
|
-
cloneNode(deep?: boolean
|
|
134
|
+
cloneNode(deep?: boolean): Node;
|
|
134
135
|
compareDocumentPosition(other: Node): number;
|
|
135
136
|
contains(other: Node | null): boolean;
|
|
136
|
-
getRootNode(options?: GetRootNodeOptions
|
|
137
|
+
getRootNode(options?: GetRootNodeOptions): Node;
|
|
137
138
|
hasChildNodes(): boolean;
|
|
138
|
-
insertBefore<
|
|
139
|
+
insertBefore<T extends Node>(node: T, child: Node | null): T;
|
|
139
140
|
isDefaultNamespace(namespace: string | null): boolean;
|
|
140
141
|
isEqualNode(otherNode: Node | null): boolean;
|
|
141
142
|
isSameNode(otherNode: Node | null): boolean;
|
|
142
143
|
lookupNamespaceURI(prefix: string | null): string | null;
|
|
143
144
|
lookupPrefix(namespace: string | null): string | null;
|
|
144
145
|
normalize(): void;
|
|
145
|
-
removeChild<
|
|
146
|
-
replaceChild<
|
|
146
|
+
removeChild<T extends Node>(child: T): T;
|
|
147
|
+
replaceChild<T extends Node>(node: Node, child: T): T;
|
|
147
148
|
readonly ELEMENT_NODE: 1;
|
|
148
149
|
readonly ATTRIBUTE_NODE: 2;
|
|
149
150
|
readonly TEXT_NODE: 3;
|
|
@@ -165,6 +166,8 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
165
166
|
dispatchEvent(event: Event): boolean;
|
|
166
167
|
ariaAtomic: string | null;
|
|
167
168
|
ariaAutoComplete: string | null;
|
|
169
|
+
ariaBrailleLabel: string | null;
|
|
170
|
+
ariaBrailleRoleDescription: string | null;
|
|
168
171
|
ariaBusy: string | null;
|
|
169
172
|
ariaChecked: string | null;
|
|
170
173
|
ariaColCount: string | null;
|
|
@@ -202,12 +205,12 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
202
205
|
ariaValueNow: string | null;
|
|
203
206
|
ariaValueText: string | null;
|
|
204
207
|
role: string | null;
|
|
205
|
-
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions
|
|
206
|
-
getAnimations(options?: GetAnimationsOptions
|
|
207
|
-
after(...nodes: (
|
|
208
|
-
before(...nodes: (
|
|
208
|
+
animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
|
|
209
|
+
getAnimations(options?: GetAnimationsOptions): Animation[];
|
|
210
|
+
after(...nodes: (Node | string)[]): void;
|
|
211
|
+
before(...nodes: (Node | string)[]): void;
|
|
209
212
|
remove(): void;
|
|
210
|
-
replaceWith(...nodes: (
|
|
213
|
+
replaceWith(...nodes: (Node | string)[]): void;
|
|
211
214
|
innerHTML: string;
|
|
212
215
|
readonly nextElementSibling: Element | null;
|
|
213
216
|
readonly previousElementSibling: Element | null;
|
|
@@ -215,19 +218,19 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
215
218
|
readonly children: HTMLCollection;
|
|
216
219
|
readonly firstElementChild: Element | null;
|
|
217
220
|
readonly lastElementChild: Element | null;
|
|
218
|
-
append(...nodes: (
|
|
219
|
-
prepend(...nodes: (
|
|
220
|
-
querySelector<
|
|
221
|
-
querySelector<
|
|
222
|
-
querySelector<
|
|
223
|
-
querySelector<
|
|
224
|
-
querySelector<
|
|
225
|
-
querySelectorAll<
|
|
226
|
-
querySelectorAll<
|
|
227
|
-
querySelectorAll<
|
|
228
|
-
querySelectorAll<
|
|
229
|
-
querySelectorAll<
|
|
230
|
-
replaceChildren(...nodes: (
|
|
221
|
+
append(...nodes: (Node | string)[]): void;
|
|
222
|
+
prepend(...nodes: (Node | string)[]): void;
|
|
223
|
+
querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
|
|
224
|
+
querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
|
|
225
|
+
querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
|
|
226
|
+
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
|
|
227
|
+
querySelector<E extends Element = Element>(selectors: string): E | null;
|
|
228
|
+
querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
|
|
229
|
+
querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
|
|
230
|
+
querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
|
|
231
|
+
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
|
|
232
|
+
querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
|
|
233
|
+
replaceChildren(...nodes: (Node | string)[]): void;
|
|
231
234
|
readonly assignedSlot: HTMLSlotElement | null;
|
|
232
235
|
readonly attributeStyleMap: StylePropertyMap;
|
|
233
236
|
readonly style: CSSStyleDeclaration;
|
|
@@ -298,7 +301,7 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
298
301
|
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
299
302
|
onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
300
303
|
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
|
|
301
|
-
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent
|
|
304
|
+
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
|
|
302
305
|
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
303
306
|
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
304
307
|
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
|
|
@@ -333,15 +336,15 @@ declare const CDSFileUploaderDropContainer_base: {
|
|
|
333
336
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
334
337
|
autofocus: boolean;
|
|
335
338
|
readonly dataset: DOMStringMap;
|
|
336
|
-
nonce?: string
|
|
339
|
+
nonce?: string;
|
|
337
340
|
tabIndex: number;
|
|
338
341
|
blur(): void;
|
|
339
|
-
focus(options?: FocusOptions
|
|
342
|
+
focus(options?: FocusOptions): void;
|
|
340
343
|
};
|
|
341
344
|
_hostListeners: {
|
|
342
345
|
[listenerName: string]: {
|
|
343
346
|
[type: string]: {
|
|
344
|
-
options?: boolean | AddEventListenerOptions
|
|
347
|
+
options?: boolean | AddEventListenerOptions;
|
|
345
348
|
};
|
|
346
349
|
};
|
|
347
350
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-uploader-drop-container.js","names":["classMap","LitElement","html","property","prefix","HostListenerMixin","HostListener","ifNonEmpty","styles","carbonElement","customElement","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","dropEffects","dragover","dragleave","CDSFileUploaderDropContainer","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleChange","event","_ref","_this$shadowRoot","eventChange","selectorInput","files","type","dataTransfer","target","addedFiles","_getFiles","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","shadowRoot","querySelector","decorators","_handleDrag","preventDefault","disabled","dropEffect","_active","requestUpdate","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","Boolean","reflect","render","multiple","active","handleChange","labelClasses","dropareaClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n dragover: 'copy',\n dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-file-uploader-drop-container\n * @fires cds-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n /**\n * `true` to show the active state of this UI.\n */\n private _active = false;\n\n /**\n * Handles user gesture to select files to upload.\n *\n * @param event The event.\n */\n private _handleChange(event: Event | DragEvent) {\n const { eventChange, selectorInput } = this\n .constructor as typeof CDSFileUploaderDropContainer;\n const { files } =\n (event.type === 'drop'\n ? (event as DragEvent).dataTransfer\n : (event.target as HTMLInputElement)) ?? {};\n const addedFiles = this._getFiles(event, files);\n\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n addedFiles,\n },\n })\n );\n\n const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n if (fileInput) {\n (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n }\n }\n\n /**\n * Handles `dragover`, `dragleave` and `drop` events.\n *\n * @param event The event.\n */\n @HostListener('dragover')\n @HostListener('dragleave')\n @HostListener('drop')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleDrag(event: DragEvent) {\n event.preventDefault(); // Prevents page navigation upon dropping\n if (this.disabled) {\n return;\n }\n const { dataTransfer, type } = event;\n const dropEffect = dropEffects[type];\n if (dataTransfer && dropEffect) {\n dataTransfer.dropEffect = dropEffect;\n }\n this._active = type === 'dragover';\n if (type === 'drop') {\n this._handleChange(event);\n }\n this.requestUpdate();\n }\n\n /**\n * @param event The event.\n * @returns The list of files user chose to upload.\n */\n private _getFiles(event, files) {\n const { accept } = this;\n if (!accept || !/^(change|drop)$/.test(event.type)) {\n return Array.from(files ?? []);\n }\n const acceptedTypes = new Set(accept.split(' '));\n return Array.prototype.filter.call(\n files,\n ({ name, type: mimeType = '' }) => {\n const fileExtensionRegExp = /\\.[^.]+$/;\n const hasFileExtension = fileExtensionRegExp.test(name);\n const [fileExtension] = !hasFileExtension\n ? [undefined]\n : fileExtensionRegExp.exec(name) ?? [];\n\n return (\n acceptedTypes.has(mimeType) ||\n (fileExtension && acceptedTypes.has(fileExtension))\n );\n }\n ) as File[];\n }\n\n /**\n * The file types the file input should accept, separated by space.\n */\n @property()\n accept = '';\n\n /**\n * `true` if this drop container should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if this drop container should accept more than one files at once.\n * Note that even with `false` set here, user _can_ select multiple files one by one.\n */\n @property({ type: Boolean, reflect: true })\n multiple = false;\n\n /**\n * The name of the input.\n */\n @property({ reflect: true })\n name = '';\n\n /**\n * The shadow DOM slot to put this drop container in.\n */\n @property({ reflect: true })\n slot = 'drop-container';\n\n render() {\n const {\n accept,\n disabled,\n multiple,\n name,\n _active: active,\n _handleChange: handleChange,\n } = this;\n const labelClasses = classMap({\n [`${prefix}--file-browse-btn`]: true,\n [`${prefix}--file-browse-btn--disabled`]: disabled,\n });\n const dropareaClasses = classMap({\n [`${prefix}--file__drop-container`]: true,\n [`${prefix}--file__drop-container--drag-over`]: active,\n });\n return html`\n <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n <div class=\"${dropareaClasses}\" role=\"button\">\n <slot></slot>\n <input\n id=\"file\"\n type=\"file\"\n name=\"${ifNonEmpty(name)}\"\n class=\"${prefix}--file-input\"\n tabindex=\"-1\"\n accept=\"${ifNonEmpty(accept)}\"\n ?disabled=\"${disabled}\"\n ?multiple=\"${multiple}\"\n @change=\"${handleChange}\" />\n </div>\n </label>\n `;\n }\n\n /**\n * The name of the custom event fired when there is a user gesture to select files to upload.\n */\n static get eventChange() {\n return `${prefix}-file-uploader-drop-container-changed`;\n }\n\n /**\n * A selector that will return the file `<input>`.\n */\n static get selectorInput() {\n return `.${prefix}--file-input`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"file-uploader-drop-container.js","names":["classMap","LitElement","html","property","prefix","HostListenerMixin","HostListener","ifNonEmpty","styles","carbonElement","customElement","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","dropEffects","dragover","dragleave","CDSFileUploaderDropContainer","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleChange","event","_ref","_this$shadowRoot","eventChange","selectorInput","files","type","dataTransfer","target","addedFiles","_getFiles","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","shadowRoot","querySelector","decorators","_handleDrag","preventDefault","disabled","dropEffect","_active","requestUpdate","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","Boolean","reflect","render","multiple","active","handleChange","labelClasses","dropareaClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-drop-container.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * The value to set to `event.dataTransfer.dropEffect`, keyed by the event nane.\n */\nconst dropEffects = {\n dragover: 'copy',\n dragleave: 'move',\n};\n\n/**\n * File uploader drop container.\n *\n * @element cds-file-uploader-drop-container\n * @fires cds-file-uploader-drop-container-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-drop-container`)\nclass CDSFileUploaderDropContainer extends HostListenerMixin(LitElement) {\n /**\n * `true` to show the active state of this UI.\n */\n private _active = false;\n\n /**\n * Handles user gesture to select files to upload.\n *\n * @param event The event.\n */\n private _handleChange(event: Event | DragEvent) {\n const { eventChange, selectorInput } = this\n .constructor as typeof CDSFileUploaderDropContainer;\n const { files } =\n (event.type === 'drop'\n ? (event as DragEvent).dataTransfer\n : (event.target as HTMLInputElement)) ?? {};\n const addedFiles = this._getFiles(event, files);\n\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n addedFiles,\n },\n })\n );\n\n const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n if (fileInput) {\n (fileInput as HTMLInputElement).value = ''; // carbon-web-components#904\n }\n }\n\n /**\n * Handles `dragover`, `dragleave` and `drop` events.\n *\n * @param event The event.\n */\n @HostListener('dragover')\n @HostListener('dragleave')\n @HostListener('drop')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleDrag(event: DragEvent) {\n event.preventDefault(); // Prevents page navigation upon dropping\n if (this.disabled) {\n return;\n }\n const { dataTransfer, type } = event;\n const dropEffect = dropEffects[type];\n if (dataTransfer && dropEffect) {\n dataTransfer.dropEffect = dropEffect;\n }\n this._active = type === 'dragover';\n if (type === 'drop') {\n this._handleChange(event);\n }\n this.requestUpdate();\n }\n\n /**\n * @param event The event.\n * @returns The list of files user chose to upload.\n */\n private _getFiles(event, files) {\n const { accept } = this;\n if (!accept || !/^(change|drop)$/.test(event.type)) {\n return Array.from(files ?? []);\n }\n const acceptedTypes = new Set(accept.split(' '));\n return Array.prototype.filter.call(\n files,\n ({ name, type: mimeType = '' }) => {\n const fileExtensionRegExp = /\\.[^.]+$/;\n const hasFileExtension = fileExtensionRegExp.test(name);\n const [fileExtension] = !hasFileExtension\n ? [undefined]\n : fileExtensionRegExp.exec(name) ?? [];\n\n return (\n acceptedTypes.has(mimeType) ||\n (fileExtension && acceptedTypes.has(fileExtension))\n );\n }\n ) as File[];\n }\n\n /**\n * The file types the file input should accept, separated by space.\n */\n @property()\n accept = '';\n\n /**\n * `true` if this drop container should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if this drop container should accept more than one files at once.\n * Note that even with `false` set here, user _can_ select multiple files one by one.\n */\n @property({ type: Boolean, reflect: true })\n multiple = false;\n\n /**\n * The name of the input.\n */\n @property({ reflect: true })\n name = '';\n\n /**\n * The shadow DOM slot to put this drop container in.\n */\n @property({ reflect: true })\n slot = 'drop-container';\n\n render() {\n const {\n accept,\n disabled,\n multiple,\n name,\n _active: active,\n _handleChange: handleChange,\n } = this;\n const labelClasses = classMap({\n [`${prefix}--file-browse-btn`]: true,\n [`${prefix}--file-browse-btn--disabled`]: disabled,\n });\n const dropareaClasses = classMap({\n [`${prefix}--file__drop-container`]: true,\n [`${prefix}--file__drop-container--drag-over`]: active,\n });\n return html`\n <label class=\"${labelClasses}\" for=\"file\" tabindex=\"0\">\n <div class=\"${dropareaClasses}\" role=\"button\">\n <slot></slot>\n <input\n id=\"file\"\n type=\"file\"\n name=\"${ifNonEmpty(name)}\"\n class=\"${prefix}--file-input\"\n tabindex=\"-1\"\n accept=\"${ifNonEmpty(accept)}\"\n ?disabled=\"${disabled}\"\n ?multiple=\"${multiple}\"\n @change=\"${handleChange}\" />\n </div>\n </label>\n `;\n }\n\n /**\n * The name of the custom event fired when there is a user gesture to select files to upload.\n */\n static get eventChange() {\n return `${prefix}-file-uploader-drop-container-changed`;\n }\n\n /**\n * A selector that will return the file `<input>`.\n */\n static get selectorInput() {\n return `.${prefix}--file-input`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploaderDropContainer;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-uploader-item.js","names":["LitElement","html","property","CheckmarkFilled16","Close16","WarningFilled16","prefix","LOADING_TYPE","FILE_UPLOADER_ITEM_SIZE","FILE_UPLOADER_ITEM_STATE","styles","carbonElement","customElement","CDSFileUploaderItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleClickDeleteButton","init","bubbles","cancelable","composed","eventBeforeDelete","eventDelete","dispatchEvent","CustomEvent","_renderEditing","iconDescription","invalid","handleClickDeleteButton","_t","_","undefined","class","_renderUploading","_t2","SMALL","_renderUploaded","_renderStatus","state","EDIT","UPLOADING","COMPLETE","decorators","attribute","type","Boolean","reflect","MEDIUM","render","errorSubject","errorBody","_t3","static"],"sources":["components/file-uploader/file-uploader-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-file-uploader-item-beingdeleted\n * The custom event fired before this file uploader item is being deleted upon a user gesture.\n * Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n * @fires cds-file-uploader-item-deleted - The custom event fired after this file uploader item is deleted upon a user gesture.\n */\n@customElement(`${prefix}-file-uploader-item`)\nclass CDSFileUploaderItem extends LitElement {\n /**\n * Handles `click` event on the delete button.\n */\n private _handleClickDeleteButton() {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n };\n const { eventBeforeDelete, eventDelete } = this\n .constructor as typeof CDSFileUploaderItem;\n if (this.dispatchEvent(new CustomEvent(eventBeforeDelete, init))) {\n this.dispatchEvent(new CustomEvent(eventDelete, init));\n }\n }\n\n /**\n * @returns The content showing the editing UI of this file uploader item.\n */\n private _renderEditing() {\n const {\n iconDescription,\n invalid,\n _handleClickDeleteButton: handleClickDeleteButton,\n } = this;\n return html`\n ${!invalid\n ? undefined\n : WarningFilled16({ class: `${prefix}--file-invalid` })}\n <button\n type=\"button\"\n aria-label=\"${iconDescription}\"\n class=\"${prefix}--file-close\"\n @click=\"${handleClickDeleteButton}\">\n ${Close16()}\n </button>\n `;\n }\n\n /**\n * @returns The content showing this file uploader's file uploading status as in progress.\n */\n private _renderUploading() {\n const { iconDescription } = this;\n return html`\n <cds-loading\n assistive-text=\"${iconDescription}\"\n type=\"${LOADING_TYPE.SMALL}\"></cds-loading>\n `;\n }\n\n /**\n * @returns The content showing this file uploader's file uploading status as complete.\n */\n private _renderUploaded() {\n const { iconDescription } = this;\n return CheckmarkFilled16({\n class: `${prefix}--file-complete`,\n 'aria-label': iconDescription,\n });\n }\n\n /**\n * @returns The content showing this file uploader's status.\n */\n private _renderStatus() {\n const { state } = this;\n switch (state) {\n case FILE_UPLOADER_ITEM_STATE.EDIT:\n return this._renderEditing();\n case FILE_UPLOADER_ITEM_STATE.UPLOADING:\n return this._renderUploading();\n case FILE_UPLOADER_ITEM_STATE.COMPLETE:\n return this._renderUploaded();\n default:\n return undefined;\n }\n }\n\n /**\n * The `aria-label` attribute for the icon to delete this file uploader item.\n */\n @property({ attribute: 'icon-description' })\n iconDescription = 'Delete this file';\n\n /**\n * Controls the invalid state and visibility of the `validityMessage`.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * The size of this file uploader item.\n */\n @property({ reflect: true })\n size = FILE_UPLOADER_ITEM_SIZE.MEDIUM;\n\n /**\n * The state of this file uploader item.\n */\n @property({ reflect: true })\n state = FILE_UPLOADER_ITEM_STATE.UPLOADING;\n\n /**\n * The error subject text.\n */\n @property({ attribute: 'error-subject' })\n errorSubject = '';\n\n /**\n * The error body text\n */\n @property({ attribute: 'error-body' })\n errorBody = '';\n\n render() {\n const { invalid, errorSubject, errorBody } = this;\n return html` <p class=\"${prefix}--file-filename\"><slot></slot></p>\n <span class=\"${prefix}--file__state-container\"\n >${this._renderStatus()}</span\n >\n <div\n class=\"${prefix}--form-requirement\"\n ?hidden=\"${!invalid && !errorSubject}\">\n <div class=\"${prefix}--form-requirement__title\">${errorSubject}</div>\n <p\n class=\"${prefix}--form-requirement__supplement\"\n ?hidden=\"${!errorBody}\">\n ${errorBody}\n </p>\n </div>`;\n }\n\n /**\n * The name of the custom event fired before this file uplodaer item is being deleted upon a user gesture.\n * Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n */\n static get eventBeforeDelete() {\n return `${prefix}-file-uploader-item-beingdeleted`;\n }\n\n /**\n * The name of the custom event fired after this file uplodaer item is deleted upon a user gesture.\n */\n static get eventDelete() {\n return `${prefix}-file-uploader-item-deleted`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploaderItem;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"file-uploader-item.js","names":["LitElement","html","property","CheckmarkFilled16","Close16","WarningFilled16","prefix","LOADING_TYPE","FILE_UPLOADER_ITEM_SIZE","FILE_UPLOADER_ITEM_STATE","styles","carbonElement","customElement","CDSFileUploaderItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","_handleClickDeleteButton","init","bubbles","cancelable","composed","eventBeforeDelete","eventDelete","dispatchEvent","CustomEvent","_renderEditing","iconDescription","invalid","handleClickDeleteButton","_t","_","undefined","class","_renderUploading","_t2","SMALL","_renderUploaded","_renderStatus","state","EDIT","UPLOADING","COMPLETE","decorators","attribute","type","Boolean","reflect","MEDIUM","render","errorSubject","errorBody","_t3","static"],"sources":["components/file-uploader/file-uploader-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { LOADING_TYPE } from '../loading/loading';\nimport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE } from './defs';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FILE_UPLOADER_ITEM_SIZE, FILE_UPLOADER_ITEM_STATE };\n\n/**\n * File uploader item.\n *\n * @element cds-file-uploader-item\n * @slot validity-message The validity message.\n * @slot validity-message-supplement The supplemental validity message.\n * @fires cds-file-uploader-item-beingdeleted\n * The custom event fired before this file uploader item is being deleted upon a user gesture.\n * Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n * @fires cds-file-uploader-item-deleted - The custom event fired after this file uploader item is deleted upon a user gesture.\n */\n@customElement(`${prefix}-file-uploader-item`)\nclass CDSFileUploaderItem extends LitElement {\n /**\n * Handles `click` event on the delete button.\n */\n private _handleClickDeleteButton() {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n };\n const { eventBeforeDelete, eventDelete } = this\n .constructor as typeof CDSFileUploaderItem;\n if (this.dispatchEvent(new CustomEvent(eventBeforeDelete, init))) {\n this.dispatchEvent(new CustomEvent(eventDelete, init));\n }\n }\n\n /**\n * @returns The content showing the editing UI of this file uploader item.\n */\n private _renderEditing() {\n const {\n iconDescription,\n invalid,\n _handleClickDeleteButton: handleClickDeleteButton,\n } = this;\n return html`\n ${!invalid\n ? undefined\n : WarningFilled16({ class: `${prefix}--file-invalid` })}\n <button\n type=\"button\"\n aria-label=\"${iconDescription}\"\n class=\"${prefix}--file-close\"\n @click=\"${handleClickDeleteButton}\">\n ${Close16()}\n </button>\n `;\n }\n\n /**\n * @returns The content showing this file uploader's file uploading status as in progress.\n */\n private _renderUploading() {\n const { iconDescription } = this;\n return html`\n <cds-loading\n assistive-text=\"${iconDescription}\"\n type=\"${LOADING_TYPE.SMALL}\"></cds-loading>\n `;\n }\n\n /**\n * @returns The content showing this file uploader's file uploading status as complete.\n */\n private _renderUploaded() {\n const { iconDescription } = this;\n return CheckmarkFilled16({\n class: `${prefix}--file-complete`,\n 'aria-label': iconDescription,\n });\n }\n\n /**\n * @returns The content showing this file uploader's status.\n */\n private _renderStatus() {\n const { state } = this;\n switch (state) {\n case FILE_UPLOADER_ITEM_STATE.EDIT:\n return this._renderEditing();\n case FILE_UPLOADER_ITEM_STATE.UPLOADING:\n return this._renderUploading();\n case FILE_UPLOADER_ITEM_STATE.COMPLETE:\n return this._renderUploaded();\n default:\n return undefined;\n }\n }\n\n /**\n * The `aria-label` attribute for the icon to delete this file uploader item.\n */\n @property({ attribute: 'icon-description' })\n iconDescription = 'Delete this file';\n\n /**\n * Controls the invalid state and visibility of the `validityMessage`.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * The size of this file uploader item.\n */\n @property({ reflect: true })\n size = FILE_UPLOADER_ITEM_SIZE.MEDIUM;\n\n /**\n * The state of this file uploader item.\n */\n @property({ reflect: true })\n state = FILE_UPLOADER_ITEM_STATE.UPLOADING;\n\n /**\n * The error subject text.\n */\n @property({ attribute: 'error-subject' })\n errorSubject = '';\n\n /**\n * The error body text\n */\n @property({ attribute: 'error-body' })\n errorBody = '';\n\n render() {\n const { invalid, errorSubject, errorBody } = this;\n return html` <p class=\"${prefix}--file-filename\"><slot></slot></p>\n <span class=\"${prefix}--file__state-container\"\n >${this._renderStatus()}</span\n >\n <div\n class=\"${prefix}--form-requirement\"\n ?hidden=\"${!invalid && !errorSubject}\">\n <div class=\"${prefix}--form-requirement__title\">${errorSubject}</div>\n <p\n class=\"${prefix}--form-requirement__supplement\"\n ?hidden=\"${!errorBody}\">\n ${errorBody}\n </p>\n </div>`;\n }\n\n /**\n * The name of the custom event fired before this file uplodaer item is being deleted upon a user gesture.\n * Cancellation of this event stops the user-initiated action of deleting this file uploader item.\n */\n static get eventBeforeDelete() {\n return `${prefix}-file-uploader-item-beingdeleted`;\n }\n\n /**\n * The name of the custom event fired after this file uplodaer item is deleted upon a user gesture.\n */\n static get eventDelete() {\n return `${prefix}-file-uploader-item-deleted`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploaderItem;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-uploader-skeleton.js","names":["LitElement","html","prefix","SKELETON_TEXT_TYPE","carbonElement","customElement","CDSFileUploaderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","HEADING"],"sources":["components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-file-uploader-skeleton\n */\n@customElement(`${prefix}-file-uploader-skeleton`)\nclass CDSFileUploaderSkeleton extends LitElement {\n render() {\n return html`\n <cds-skeleton-text\n type=\"${SKELETON_TEXT_TYPE.HEADING}\"\n width=\"100px\"></cds-skeleton-text>\n <cds-skeleton-text width=\"225px\"></cds-skeleton-text>\n <cds-button-skeleton></cds-button-skeleton>\n `;\n }\n}\n\nexport default CDSFileUploaderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,gCAAgC;AACvC,SAASC,kBAAkB,QAAQ,gCAAgC;AACnE,OAAO,2BAA2B;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,uBAAuB,GAAAC,SAAA,EAD5BF,aAAa,
|
|
1
|
+
{"version":3,"file":"file-uploader-skeleton.js","names":["LitElement","html","prefix","SKELETON_TEXT_TYPE","carbonElement","customElement","CDSFileUploaderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","HEADING"],"sources":["components/file-uploader/file-uploader-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/skeleton-text';\nimport { SKELETON_TEXT_TYPE } from '../skeleton-text/skeleton-text';\nimport '../button/button-skeleton';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The File uploader skeleton.\n *\n * @element cds-file-uploader-skeleton\n */\n@customElement(`${prefix}-file-uploader-skeleton`)\nclass CDSFileUploaderSkeleton extends LitElement {\n render() {\n return html`\n <cds-skeleton-text\n type=\"${SKELETON_TEXT_TYPE.HEADING}\"\n width=\"100px\"></cds-skeleton-text>\n <cds-skeleton-text width=\"225px\"></cds-skeleton-text>\n <cds-button-skeleton></cds-button-skeleton>\n `;\n }\n}\n\nexport default CDSFileUploaderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAO,gCAAgC;AACvC,SAASC,kBAAkB,QAAQ,gCAAgC;AACnE,OAAO,2BAA2B;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,uBAAuB,GAAAC,SAAA,EAD5BF,aAAa,CAAC,GAAGH,MAAM,yBAAyB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAlD,MACMH,uBAAuB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAUjD;EAAC;IAAAI,CAAA,EAVKN,uBAAuB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC3B,SAAAC,OAAA,EAAS;QACP,OAAOhB,IAAI,CAAAiB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf;AACA,gBAFe;AACf;AACA;AACA;AACA,KAJe,GAEChB,kBAAkB,CAACiB,OAAO;MAKxC;IAAC;EAAA;AAAA,GATmCpB,UAAU;AAYhD,eAAeM,uBAAuB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-uploader.js","names":["classMap","LitElement","html","property","prefix","styles","carbonElement","customElement","CDSFileUploader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","updated","changedProperties","has","selectorUploaderItem","uploaderItem","querySelector","disabled","render","labelDescription","labelTitle","labelClasses","descriptionClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The shell UI for file uploader.\n *\n * @element cds-file-uploader\n * @slot label-title.\n * @slot lebel-description.\n */\n@customElement(`${prefix}-file-uploader`)\nclass CDSFileUploader extends LitElement {\n /**\n * `true` if the file uploader should disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The description text.\n */\n @property({ attribute: 'label-description' })\n labelDescription = '';\n\n /**\n * The label title.\n */\n @property({ attribute: 'label-title' })\n labelTitle = '';\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n const { selectorUploaderItem } = this\n .constructor as typeof CDSFileUploader;\n const uploaderItem = this.querySelector(\n selectorUploaderItem\n ) as CDSFileUploader;\n uploaderItem.disabled = this.disabled;\n }\n }\n\n render() {\n const { disabled, labelDescription, labelTitle } = this;\n\n const labelClasses = classMap({\n [`${prefix}--file--label`]: true,\n [`${prefix}--label-description--disabled`]: disabled,\n });\n\n const descriptionClasses = classMap({\n [`${prefix}--label-description`]: true,\n [`${prefix}--label-description--disabled`]: disabled,\n });\n\n return html`\n <p class=\"${labelClasses}\">\n <slot name=\"label-title\">${labelTitle}</slot>\n </p>\n <p class=\"${descriptionClasses}\">\n <slot name=\"label-description\">${labelDescription}</slot>\n </p>\n <slot name=\"drop-container\"></slot>\n <div class=\"${prefix}--file-container\">\n <slot></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return the `<input>` to enter starting date.\n */\n static get selectorUploaderItem() {\n return `${prefix}-file-uploader-button,${prefix}-file-uploader-drop-container`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploader;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,0BAAsB;AACzC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,eAAe,GAAAC,SAAA,EADpBF,aAAa,
|
|
1
|
+
{"version":3,"file":"file-uploader.js","names":["classMap","LitElement","html","property","prefix","styles","carbonElement","customElement","CDSFileUploader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","attribute","updated","changedProperties","has","selectorUploaderItem","uploaderItem","querySelector","disabled","render","labelDescription","labelTitle","labelClasses","descriptionClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './file-uploader.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The shell UI for file uploader.\n *\n * @element cds-file-uploader\n * @slot label-title.\n * @slot lebel-description.\n */\n@customElement(`${prefix}-file-uploader`)\nclass CDSFileUploader extends LitElement {\n /**\n * `true` if the file uploader should disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The description text.\n */\n @property({ attribute: 'label-description' })\n labelDescription = '';\n\n /**\n * The label title.\n */\n @property({ attribute: 'label-title' })\n labelTitle = '';\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n const { selectorUploaderItem } = this\n .constructor as typeof CDSFileUploader;\n const uploaderItem = this.querySelector(\n selectorUploaderItem\n ) as CDSFileUploader;\n uploaderItem.disabled = this.disabled;\n }\n }\n\n render() {\n const { disabled, labelDescription, labelTitle } = this;\n\n const labelClasses = classMap({\n [`${prefix}--file--label`]: true,\n [`${prefix}--label-description--disabled`]: disabled,\n });\n\n const descriptionClasses = classMap({\n [`${prefix}--label-description`]: true,\n [`${prefix}--label-description--disabled`]: disabled,\n });\n\n return html`\n <p class=\"${labelClasses}\">\n <slot name=\"label-title\">${labelTitle}</slot>\n </p>\n <p class=\"${descriptionClasses}\">\n <slot name=\"label-description\">${labelDescription}</slot>\n </p>\n <slot name=\"drop-container\"></slot>\n <div class=\"${prefix}--file-container\">\n <slot></slot>\n </div>\n `;\n }\n\n /**\n * A selector that will return the `<input>` to enter starting date.\n */\n static get selectorUploaderItem() {\n return `${prefix}-file-uploader-button,${prefix}-file-uploader-drop-container`;\n }\n\n static styles = styles;\n}\n\nexport default CDSFileUploader;\n"],"mappings":"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","ignoreList":[]}
|