@tartaguti/ui-components 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/LICENSE +21 -0
- package/README.md +192 -2
- package/THIRD-PARTY-NOTICES.md +29 -0
- package/custom-elements.json +16731 -0
- package/dist/accordion/tt-accordion-item.d.ts +32 -0
- package/dist/accordion/tt-accordion-item.d.ts.map +1 -0
- package/dist/accordion/tt-accordion-item.js +247 -0
- package/dist/accordion/tt-accordion-item.js.map +1 -0
- package/dist/accordion/tt-accordion.d.ts +28 -0
- package/dist/accordion/tt-accordion.d.ts.map +1 -0
- package/dist/accordion/tt-accordion.js +148 -0
- package/dist/accordion/tt-accordion.js.map +1 -0
- package/dist/bento/tt-bento-item.d.ts +35 -0
- package/dist/bento/tt-bento-item.d.ts.map +1 -0
- package/dist/bento/tt-bento-item.js +201 -0
- package/dist/bento/tt-bento-item.js.map +1 -0
- package/dist/bento/tt-bento.d.ts +25 -0
- package/dist/bento/tt-bento.d.ts.map +1 -0
- package/dist/bento/tt-bento.js +314 -0
- package/dist/bento/tt-bento.js.map +1 -0
- package/dist/floating.d.ts +61 -0
- package/dist/floating.d.ts.map +1 -0
- package/dist/floating.js +120 -0
- package/dist/floating.js.map +1 -0
- package/dist/index.d.ts +92 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +96 -0
- package/dist/index.js.map +1 -0
- package/dist/interaction/tt-draggable.d.ts +29 -0
- package/dist/interaction/tt-draggable.d.ts.map +1 -0
- package/dist/interaction/tt-draggable.js +66 -0
- package/dist/interaction/tt-draggable.js.map +1 -0
- package/dist/interaction/tt-droppable.d.ts +37 -0
- package/dist/interaction/tt-droppable.d.ts.map +1 -0
- package/dist/interaction/tt-droppable.js +108 -0
- package/dist/interaction/tt-droppable.js.map +1 -0
- package/dist/interaction/tt-resizable.d.ts +45 -0
- package/dist/interaction/tt-resizable.d.ts.map +1 -0
- package/dist/interaction/tt-resizable.js +210 -0
- package/dist/interaction/tt-resizable.js.map +1 -0
- package/dist/interaction/tt-reveal.d.ts +54 -0
- package/dist/interaction/tt-reveal.d.ts.map +1 -0
- package/dist/interaction/tt-reveal.js +302 -0
- package/dist/interaction/tt-reveal.js.map +1 -0
- package/dist/motion.d.ts +8 -0
- package/dist/motion.d.ts.map +1 -0
- package/dist/motion.js +49 -0
- package/dist/motion.js.map +1 -0
- package/dist/overlay.d.ts +7 -0
- package/dist/overlay.d.ts.map +1 -0
- package/dist/overlay.js +121 -0
- package/dist/overlay.js.map +1 -0
- package/dist/safe-url.d.ts +14 -0
- package/dist/safe-url.d.ts.map +1 -0
- package/dist/safe-url.js +46 -0
- package/dist/safe-url.js.map +1 -0
- package/dist/scroll-lock.d.ts +22 -0
- package/dist/scroll-lock.d.ts.map +1 -0
- package/dist/scroll-lock.js +56 -0
- package/dist/scroll-lock.js.map +1 -0
- package/dist/sidebar/tt-menu-group.d.ts +69 -0
- package/dist/sidebar/tt-menu-group.d.ts.map +1 -0
- package/dist/sidebar/tt-menu-group.js +358 -0
- package/dist/sidebar/tt-menu-group.js.map +1 -0
- package/dist/sidebar/tt-menu-item.d.ts +70 -0
- package/dist/sidebar/tt-menu-item.d.ts.map +1 -0
- package/dist/sidebar/tt-menu-item.js +502 -0
- package/dist/sidebar/tt-menu-item.js.map +1 -0
- package/dist/sidebar/tt-sidebar-footer.d.ts +39 -0
- package/dist/sidebar/tt-sidebar-footer.d.ts.map +1 -0
- package/dist/sidebar/tt-sidebar-footer.js +205 -0
- package/dist/sidebar/tt-sidebar-footer.js.map +1 -0
- package/dist/sidebar/tt-sidebar-header.d.ts +31 -0
- package/dist/sidebar/tt-sidebar-header.d.ts.map +1 -0
- package/dist/sidebar/tt-sidebar-header.js +150 -0
- package/dist/sidebar/tt-sidebar-header.js.map +1 -0
- package/dist/sidebar/tt-sidebar.d.ts +72 -0
- package/dist/sidebar/tt-sidebar.d.ts.map +1 -0
- package/dist/sidebar/tt-sidebar.js +539 -0
- package/dist/sidebar/tt-sidebar.js.map +1 -0
- package/dist/sr-only.d.ts +15 -0
- package/dist/sr-only.d.ts.map +1 -0
- package/dist/sr-only.js +27 -0
- package/dist/sr-only.js.map +1 -0
- package/dist/tokens.css +1124 -0
- package/dist/tt-alert.d.ts +26 -0
- package/dist/tt-alert.d.ts.map +1 -0
- package/dist/tt-alert.js +165 -0
- package/dist/tt-alert.js.map +1 -0
- package/dist/tt-aspect-ratio.d.ts +40 -0
- package/dist/tt-aspect-ratio.d.ts.map +1 -0
- package/dist/tt-aspect-ratio.js +98 -0
- package/dist/tt-aspect-ratio.js.map +1 -0
- package/dist/tt-auth.d.ts +75 -0
- package/dist/tt-auth.d.ts.map +1 -0
- package/dist/tt-auth.js +520 -0
- package/dist/tt-auth.js.map +1 -0
- package/dist/tt-avatar.d.ts +26 -0
- package/dist/tt-avatar.d.ts.map +1 -0
- package/dist/tt-avatar.js +169 -0
- package/dist/tt-avatar.js.map +1 -0
- package/dist/tt-badge.d.ts +36 -0
- package/dist/tt-badge.d.ts.map +1 -0
- package/dist/tt-badge.js +135 -0
- package/dist/tt-badge.js.map +1 -0
- package/dist/tt-breadcrumbs.d.ts +22 -0
- package/dist/tt-breadcrumbs.d.ts.map +1 -0
- package/dist/tt-breadcrumbs.js +144 -0
- package/dist/tt-breadcrumbs.js.map +1 -0
- package/dist/tt-button-group.d.ts +32 -0
- package/dist/tt-button-group.d.ts.map +1 -0
- package/dist/tt-button-group.js +132 -0
- package/dist/tt-button-group.js.map +1 -0
- package/dist/tt-button.d.ts +31 -0
- package/dist/tt-button.d.ts.map +1 -0
- package/dist/tt-button.js +483 -0
- package/dist/tt-button.js.map +1 -0
- package/dist/tt-card.d.ts +26 -0
- package/dist/tt-card.d.ts.map +1 -0
- package/dist/tt-card.js +429 -0
- package/dist/tt-card.js.map +1 -0
- package/dist/tt-chart.d.ts +36 -0
- package/dist/tt-chart.d.ts.map +1 -0
- package/dist/tt-chart.js +332 -0
- package/dist/tt-chart.js.map +1 -0
- package/dist/tt-checkbox-group.d.ts +38 -0
- package/dist/tt-checkbox-group.d.ts.map +1 -0
- package/dist/tt-checkbox-group.js +243 -0
- package/dist/tt-checkbox-group.js.map +1 -0
- package/dist/tt-checkbox.d.ts +35 -0
- package/dist/tt-checkbox.d.ts.map +1 -0
- package/dist/tt-checkbox.js +354 -0
- package/dist/tt-checkbox.js.map +1 -0
- package/dist/tt-code-block.d.ts +37 -0
- package/dist/tt-code-block.d.ts.map +1 -0
- package/dist/tt-code-block.js +409 -0
- package/dist/tt-code-block.js.map +1 -0
- package/dist/tt-collapsible.d.ts +71 -0
- package/dist/tt-collapsible.d.ts.map +1 -0
- package/dist/tt-collapsible.js +206 -0
- package/dist/tt-collapsible.js.map +1 -0
- package/dist/tt-combobox.d.ts +107 -0
- package/dist/tt-combobox.d.ts.map +1 -0
- package/dist/tt-combobox.js +816 -0
- package/dist/tt-combobox.js.map +1 -0
- package/dist/tt-company-card.d.ts +30 -0
- package/dist/tt-company-card.d.ts.map +1 -0
- package/dist/tt-company-card.js +382 -0
- package/dist/tt-company-card.js.map +1 -0
- package/dist/tt-comparison-table.d.ts +59 -0
- package/dist/tt-comparison-table.d.ts.map +1 -0
- package/dist/tt-comparison-table.js +441 -0
- package/dist/tt-comparison-table.js.map +1 -0
- package/dist/tt-component-doc.d.ts +63 -0
- package/dist/tt-component-doc.d.ts.map +1 -0
- package/dist/tt-component-doc.js +585 -0
- package/dist/tt-component-doc.js.map +1 -0
- package/dist/tt-confirm.d.ts +45 -0
- package/dist/tt-confirm.d.ts.map +1 -0
- package/dist/tt-confirm.js +151 -0
- package/dist/tt-confirm.js.map +1 -0
- package/dist/tt-contact-list.d.ts +18 -0
- package/dist/tt-contact-list.d.ts.map +1 -0
- package/dist/tt-contact-list.js +101 -0
- package/dist/tt-contact-list.js.map +1 -0
- package/dist/tt-copy-button.d.ts +25 -0
- package/dist/tt-copy-button.d.ts.map +1 -0
- package/dist/tt-copy-button.js +194 -0
- package/dist/tt-copy-button.js.map +1 -0
- package/dist/tt-data-table.d.ts +69 -0
- package/dist/tt-data-table.d.ts.map +1 -0
- package/dist/tt-data-table.js +542 -0
- package/dist/tt-data-table.js.map +1 -0
- package/dist/tt-divider.d.ts +19 -0
- package/dist/tt-divider.d.ts.map +1 -0
- package/dist/tt-divider.js +104 -0
- package/dist/tt-divider.js.map +1 -0
- package/dist/tt-drawer.d.ts +38 -0
- package/dist/tt-drawer.d.ts.map +1 -0
- package/dist/tt-drawer.js +433 -0
- package/dist/tt-drawer.js.map +1 -0
- package/dist/tt-dropdown-menu.d.ts +57 -0
- package/dist/tt-dropdown-menu.d.ts.map +1 -0
- package/dist/tt-dropdown-menu.js +631 -0
- package/dist/tt-dropdown-menu.js.map +1 -0
- package/dist/tt-empty-state.d.ts +13 -0
- package/dist/tt-empty-state.d.ts.map +1 -0
- package/dist/tt-empty-state.js +94 -0
- package/dist/tt-empty-state.js.map +1 -0
- package/dist/tt-example.d.ts +33 -0
- package/dist/tt-example.d.ts.map +1 -0
- package/dist/tt-example.js +250 -0
- package/dist/tt-example.js.map +1 -0
- package/dist/tt-file-upload.d.ts +85 -0
- package/dist/tt-file-upload.d.ts.map +1 -0
- package/dist/tt-file-upload.js +662 -0
- package/dist/tt-file-upload.js.map +1 -0
- package/dist/tt-filter.d.ts +62 -0
- package/dist/tt-filter.d.ts.map +1 -0
- package/dist/tt-filter.js +393 -0
- package/dist/tt-filter.js.map +1 -0
- package/dist/tt-form.d.ts +33 -0
- package/dist/tt-form.d.ts.map +1 -0
- package/dist/tt-form.js +202 -0
- package/dist/tt-form.js.map +1 -0
- package/dist/tt-grid.d.ts +22 -0
- package/dist/tt-grid.d.ts.map +1 -0
- package/dist/tt-grid.js +106 -0
- package/dist/tt-grid.js.map +1 -0
- package/dist/tt-icon.d.ts +20 -0
- package/dist/tt-icon.d.ts.map +1 -0
- package/dist/tt-icon.js +510 -0
- package/dist/tt-icon.js.map +1 -0
- package/dist/tt-image.d.ts +59 -0
- package/dist/tt-image.d.ts.map +1 -0
- package/dist/tt-image.js +314 -0
- package/dist/tt-image.js.map +1 -0
- package/dist/tt-inbox.d.ts +45 -0
- package/dist/tt-inbox.d.ts.map +1 -0
- package/dist/tt-inbox.js +275 -0
- package/dist/tt-inbox.js.map +1 -0
- package/dist/tt-input.d.ts +43 -0
- package/dist/tt-input.d.ts.map +1 -0
- package/dist/tt-input.js +476 -0
- package/dist/tt-input.js.map +1 -0
- package/dist/tt-kbd.d.ts +39 -0
- package/dist/tt-kbd.d.ts.map +1 -0
- package/dist/tt-kbd.js +145 -0
- package/dist/tt-kbd.js.map +1 -0
- package/dist/tt-key-values.d.ts +17 -0
- package/dist/tt-key-values.d.ts.map +1 -0
- package/dist/tt-key-values.js +126 -0
- package/dist/tt-key-values.js.map +1 -0
- package/dist/tt-knowledge-doc.d.ts +24 -0
- package/dist/tt-knowledge-doc.d.ts.map +1 -0
- package/dist/tt-knowledge-doc.js +120 -0
- package/dist/tt-knowledge-doc.js.map +1 -0
- package/dist/tt-layout.d.ts +36 -0
- package/dist/tt-layout.d.ts.map +1 -0
- package/dist/tt-layout.js +318 -0
- package/dist/tt-layout.js.map +1 -0
- package/dist/tt-modal.d.ts +32 -0
- package/dist/tt-modal.d.ts.map +1 -0
- package/dist/tt-modal.js +553 -0
- package/dist/tt-modal.js.map +1 -0
- package/dist/tt-navbar.d.ts +33 -0
- package/dist/tt-navbar.d.ts.map +1 -0
- package/dist/tt-navbar.js +390 -0
- package/dist/tt-navbar.js.map +1 -0
- package/dist/tt-page-header.d.ts +28 -0
- package/dist/tt-page-header.d.ts.map +1 -0
- package/dist/tt-page-header.js +166 -0
- package/dist/tt-page-header.js.map +1 -0
- package/dist/tt-page.d.ts +14 -0
- package/dist/tt-page.d.ts.map +1 -0
- package/dist/tt-page.js +163 -0
- package/dist/tt-page.js.map +1 -0
- package/dist/tt-pagination.d.ts +27 -0
- package/dist/tt-pagination.d.ts.map +1 -0
- package/dist/tt-pagination.js +194 -0
- package/dist/tt-pagination.js.map +1 -0
- package/dist/tt-preview.d.ts +11 -0
- package/dist/tt-preview.d.ts.map +1 -0
- package/dist/tt-preview.js +68 -0
- package/dist/tt-preview.js.map +1 -0
- package/dist/tt-product.d.ts +40 -0
- package/dist/tt-product.d.ts.map +1 -0
- package/dist/tt-product.js +590 -0
- package/dist/tt-product.js.map +1 -0
- package/dist/tt-profile-card.d.ts +23 -0
- package/dist/tt-profile-card.d.ts.map +1 -0
- package/dist/tt-profile-card.js +199 -0
- package/dist/tt-profile-card.js.map +1 -0
- package/dist/tt-progress.d.ts +26 -0
- package/dist/tt-progress.d.ts.map +1 -0
- package/dist/tt-progress.js +156 -0
- package/dist/tt-progress.js.map +1 -0
- package/dist/tt-quantity.d.ts +36 -0
- package/dist/tt-quantity.d.ts.map +1 -0
- package/dist/tt-quantity.js +396 -0
- package/dist/tt-quantity.js.map +1 -0
- package/dist/tt-radio-group.d.ts +50 -0
- package/dist/tt-radio-group.d.ts.map +1 -0
- package/dist/tt-radio-group.js +372 -0
- package/dist/tt-radio-group.js.map +1 -0
- package/dist/tt-rating.d.ts +54 -0
- package/dist/tt-rating.d.ts.map +1 -0
- package/dist/tt-rating.js +312 -0
- package/dist/tt-rating.js.map +1 -0
- package/dist/tt-search.d.ts +47 -0
- package/dist/tt-search.d.ts.map +1 -0
- package/dist/tt-search.js +360 -0
- package/dist/tt-search.js.map +1 -0
- package/dist/tt-section.d.ts +13 -0
- package/dist/tt-section.d.ts.map +1 -0
- package/dist/tt-section.js +98 -0
- package/dist/tt-section.js.map +1 -0
- package/dist/tt-select.d.ts +62 -0
- package/dist/tt-select.d.ts.map +1 -0
- package/dist/tt-select.js +662 -0
- package/dist/tt-select.js.map +1 -0
- package/dist/tt-skeleton.d.ts +20 -0
- package/dist/tt-skeleton.d.ts.map +1 -0
- package/dist/tt-skeleton.js +143 -0
- package/dist/tt-skeleton.js.map +1 -0
- package/dist/tt-slider.d.ts +74 -0
- package/dist/tt-slider.d.ts.map +1 -0
- package/dist/tt-slider.js +426 -0
- package/dist/tt-slider.js.map +1 -0
- package/dist/tt-social-links.d.ts +34 -0
- package/dist/tt-social-links.d.ts.map +1 -0
- package/dist/tt-social-links.js +242 -0
- package/dist/tt-social-links.js.map +1 -0
- package/dist/tt-sparkline.d.ts +19 -0
- package/dist/tt-sparkline.d.ts.map +1 -0
- package/dist/tt-sparkline.js +191 -0
- package/dist/tt-sparkline.js.map +1 -0
- package/dist/tt-spinner.d.ts +19 -0
- package/dist/tt-spinner.d.ts.map +1 -0
- package/dist/tt-spinner.js +93 -0
- package/dist/tt-spinner.js.map +1 -0
- package/dist/tt-stack.d.ts +42 -0
- package/dist/tt-stack.d.ts.map +1 -0
- package/dist/tt-stack.js +158 -0
- package/dist/tt-stack.js.map +1 -0
- package/dist/tt-stat.d.ts +17 -0
- package/dist/tt-stat.d.ts.map +1 -0
- package/dist/tt-stat.js +134 -0
- package/dist/tt-stat.js.map +1 -0
- package/dist/tt-switch.d.ts +39 -0
- package/dist/tt-switch.d.ts.map +1 -0
- package/dist/tt-switch.js +254 -0
- package/dist/tt-switch.js.map +1 -0
- package/dist/tt-switcher.d.ts +23 -0
- package/dist/tt-switcher.d.ts.map +1 -0
- package/dist/tt-switcher.js +203 -0
- package/dist/tt-switcher.js.map +1 -0
- package/dist/tt-table-cell.d.ts +26 -0
- package/dist/tt-table-cell.d.ts.map +1 -0
- package/dist/tt-table-cell.js +121 -0
- package/dist/tt-table-cell.js.map +1 -0
- package/dist/tt-table-row.d.ts +31 -0
- package/dist/tt-table-row.d.ts.map +1 -0
- package/dist/tt-table-row.js +72 -0
- package/dist/tt-table-row.js.map +1 -0
- package/dist/tt-table.d.ts +44 -0
- package/dist/tt-table.d.ts.map +1 -0
- package/dist/tt-table.js +270 -0
- package/dist/tt-table.js.map +1 -0
- package/dist/tt-tabs.d.ts +31 -0
- package/dist/tt-tabs.d.ts.map +1 -0
- package/dist/tt-tabs.js +223 -0
- package/dist/tt-tabs.js.map +1 -0
- package/dist/tt-tag-list.d.ts +19 -0
- package/dist/tt-tag-list.d.ts.map +1 -0
- package/dist/tt-tag-list.js +136 -0
- package/dist/tt-tag-list.js.map +1 -0
- package/dist/tt-text.d.ts +52 -0
- package/dist/tt-text.d.ts.map +1 -0
- package/dist/tt-text.js +337 -0
- package/dist/tt-text.js.map +1 -0
- package/dist/tt-textarea.d.ts +43 -0
- package/dist/tt-textarea.d.ts.map +1 -0
- package/dist/tt-textarea.js +356 -0
- package/dist/tt-textarea.js.map +1 -0
- package/dist/tt-thread.d.ts +62 -0
- package/dist/tt-thread.d.ts.map +1 -0
- package/dist/tt-thread.js +374 -0
- package/dist/tt-thread.js.map +1 -0
- package/dist/tt-toast.d.ts +49 -0
- package/dist/tt-toast.d.ts.map +1 -0
- package/dist/tt-toast.js +440 -0
- package/dist/tt-toast.js.map +1 -0
- package/dist/tt-toggle-group.d.ts +73 -0
- package/dist/tt-toggle-group.d.ts.map +1 -0
- package/dist/tt-toggle-group.js +273 -0
- package/dist/tt-toggle-group.js.map +1 -0
- package/dist/tt-toggle.d.ts +54 -0
- package/dist/tt-toggle.d.ts.map +1 -0
- package/dist/tt-toggle.js +232 -0
- package/dist/tt-toggle.js.map +1 -0
- package/dist/tt-toolbar.d.ts +26 -0
- package/dist/tt-toolbar.d.ts.map +1 -0
- package/dist/tt-toolbar.js +164 -0
- package/dist/tt-toolbar.js.map +1 -0
- package/dist/tt-tooltip.d.ts +42 -0
- package/dist/tt-tooltip.d.ts.map +1 -0
- package/dist/tt-tooltip.js +299 -0
- package/dist/tt-tooltip.js.map +1 -0
- package/package.json +84 -4
- package/vscode.html-custom-data.json +2907 -0
|
@@ -0,0 +1,662 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css, nothing } from "lit";
|
|
8
|
+
import { customElement, property, query, state } from "lit/decorators.js";
|
|
9
|
+
import { ifDefined } from "lit/directives/if-defined.js";
|
|
10
|
+
import { srOnly } from "./sr-only.js";
|
|
11
|
+
import "./tt-icon.js";
|
|
12
|
+
/*
|
|
13
|
+
Image types a browser draws safely in an <img>. SVG is left out on
|
|
14
|
+
purpose: it is a document that can carry scripts and links, so it is
|
|
15
|
+
never previewed, only listed.
|
|
16
|
+
*/
|
|
17
|
+
const PREVIEWABLE = new Set([
|
|
18
|
+
"image/png",
|
|
19
|
+
"image/jpeg",
|
|
20
|
+
"image/gif",
|
|
21
|
+
"image/webp",
|
|
22
|
+
"image/avif",
|
|
23
|
+
"image/bmp",
|
|
24
|
+
]);
|
|
25
|
+
/**
|
|
26
|
+
* True when a file matches an `accept` list ("image/*,.pdf"), the same
|
|
27
|
+
* rules the native picker uses. An empty list accepts anything.
|
|
28
|
+
*
|
|
29
|
+
* This is for the person choosing, not for security: a file's type comes
|
|
30
|
+
* from its name, so anyone can rename one. The server must check again.
|
|
31
|
+
*/
|
|
32
|
+
export function matchesAccept(file, accept) {
|
|
33
|
+
const rules = accept
|
|
34
|
+
.split(",")
|
|
35
|
+
.map((rule) => rule.trim().toLowerCase())
|
|
36
|
+
.filter(Boolean);
|
|
37
|
+
if (rules.length === 0)
|
|
38
|
+
return true;
|
|
39
|
+
const name = file.name.toLowerCase();
|
|
40
|
+
const type = file.type.toLowerCase();
|
|
41
|
+
return rules.some((rule) => {
|
|
42
|
+
if (rule.startsWith("."))
|
|
43
|
+
return name.endsWith(rule);
|
|
44
|
+
if (rule.endsWith("/*"))
|
|
45
|
+
return type.startsWith(rule.slice(0, -1));
|
|
46
|
+
return type === rule;
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
/*
|
|
50
|
+
A file name is text a stranger chose. Lit escapes it, so it cannot
|
|
51
|
+
inject markup, but it can still lie: a right-to-left override turns
|
|
52
|
+
"invoice\u202Efdp.exe" into what reads as "invoiceexe.pdf". Direction
|
|
53
|
+
and control characters are removed before a name is shown.
|
|
54
|
+
*/
|
|
55
|
+
// Matching control characters is the point, so the lint rule is off for this line.
|
|
56
|
+
// eslint-disable-next-line no-control-regex
|
|
57
|
+
const MISLEADING = /[\u0000-\u001f\u007f\u200e\u200f\u202a-\u202e\u2066-\u2069]/g;
|
|
58
|
+
export function displayName(name) {
|
|
59
|
+
return name.replace(MISLEADING, "") || "Unnamed file";
|
|
60
|
+
}
|
|
61
|
+
const sizeFormat = new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 });
|
|
62
|
+
/** 820 B, 14 KB, 2.5 MB. Powers of 1024, as file managers show them. */
|
|
63
|
+
export function formatBytes(bytes) {
|
|
64
|
+
const units = ["B", "KB", "MB", "GB"];
|
|
65
|
+
let value = bytes;
|
|
66
|
+
let unit = 0;
|
|
67
|
+
while (value >= 1024 && unit < units.length - 1) {
|
|
68
|
+
value /= 1024;
|
|
69
|
+
unit += 1;
|
|
70
|
+
}
|
|
71
|
+
return `${sizeFormat.format(value)} ${units[unit]}`;
|
|
72
|
+
}
|
|
73
|
+
const REASONS = {
|
|
74
|
+
type: () => "is not a type this field takes",
|
|
75
|
+
size: (limit) => `is larger than ${limit}`,
|
|
76
|
+
empty: () => "is empty",
|
|
77
|
+
count: () => "was not added: too many files",
|
|
78
|
+
};
|
|
79
|
+
let uid = 0;
|
|
80
|
+
/**
|
|
81
|
+
* Chooses files, by tapping a button or dropping them on the box. Checks
|
|
82
|
+
* type, size and count before keeping a file, previews images, and
|
|
83
|
+
* submits the files with its form under `name`.
|
|
84
|
+
*
|
|
85
|
+
* @fires tt-change - { files } after files are added or removed: the whole list.
|
|
86
|
+
* @fires tt-reject - { rejected: { file, reason }[] } when files were turned away.
|
|
87
|
+
*/
|
|
88
|
+
let TTFileUpload = class TTFileUpload extends LitElement {
|
|
89
|
+
constructor() {
|
|
90
|
+
super(...arguments);
|
|
91
|
+
this.internals = this.attachInternals();
|
|
92
|
+
// Reflected: a form-associated element submits under its name ATTRIBUTE.
|
|
93
|
+
this.name = "";
|
|
94
|
+
this.label = "";
|
|
95
|
+
this.labelHidden = false;
|
|
96
|
+
// One line under the prompt ("A square photo works best"). The limits
|
|
97
|
+
// below are added to it by themselves.
|
|
98
|
+
this.description = "";
|
|
99
|
+
// What the picker offers and what is kept: "image/*", ".pdf,.docx".
|
|
100
|
+
// Empty takes anything.
|
|
101
|
+
this.accept = "";
|
|
102
|
+
// Off: one file, and choosing another replaces it.
|
|
103
|
+
this.multiple = false;
|
|
104
|
+
// Largest file kept, in bytes. 0 is no limit.
|
|
105
|
+
this.maxSize = 0;
|
|
106
|
+
// Most files kept with `multiple`. 0 is no limit.
|
|
107
|
+
this.maxFiles = 0;
|
|
108
|
+
this.required = false;
|
|
109
|
+
this.disabled = false;
|
|
110
|
+
this.error = "";
|
|
111
|
+
/** The files kept so far. Setting it replaces them. */
|
|
112
|
+
this.files = [];
|
|
113
|
+
this.dragging = false;
|
|
114
|
+
// Why files were just turned away, shown until the next good choice.
|
|
115
|
+
this.notice = "";
|
|
116
|
+
this.fieldId = `tt-file-upload-${++uid}`;
|
|
117
|
+
// One object URL per previewed file, revoked when the file goes.
|
|
118
|
+
this.previews = new Map();
|
|
119
|
+
// dragenter and dragleave fire for every child crossed, so count them.
|
|
120
|
+
this.dragDepth = 0;
|
|
121
|
+
this.openPicker = () => {
|
|
122
|
+
if (!this.disabled)
|
|
123
|
+
this.input.click();
|
|
124
|
+
};
|
|
125
|
+
this.handlePicked = () => {
|
|
126
|
+
this.add([...(this.input.files ?? [])]);
|
|
127
|
+
// Cleared, so choosing the same file again still fires change.
|
|
128
|
+
this.input.value = "";
|
|
129
|
+
};
|
|
130
|
+
this.handleDragEnter = (event) => {
|
|
131
|
+
if (this.disabled || !this.carriesFiles(event))
|
|
132
|
+
return;
|
|
133
|
+
event.preventDefault();
|
|
134
|
+
this.dragDepth += 1;
|
|
135
|
+
this.dragging = true;
|
|
136
|
+
};
|
|
137
|
+
this.handleDragOver = (event) => {
|
|
138
|
+
if (this.disabled || !this.carriesFiles(event))
|
|
139
|
+
return;
|
|
140
|
+
// Without this the browser opens the file instead of dropping it here.
|
|
141
|
+
event.preventDefault();
|
|
142
|
+
if (event.dataTransfer)
|
|
143
|
+
event.dataTransfer.dropEffect = "copy";
|
|
144
|
+
};
|
|
145
|
+
this.handleDragLeave = () => {
|
|
146
|
+
this.dragDepth = Math.max(0, this.dragDepth - 1);
|
|
147
|
+
if (this.dragDepth === 0)
|
|
148
|
+
this.dragging = false;
|
|
149
|
+
};
|
|
150
|
+
this.handleDrop = (event) => {
|
|
151
|
+
this.dragDepth = 0;
|
|
152
|
+
this.dragging = false;
|
|
153
|
+
if (!this.carriesFiles(event))
|
|
154
|
+
return;
|
|
155
|
+
event.preventDefault();
|
|
156
|
+
if (!this.disabled)
|
|
157
|
+
this.add([...(event.dataTransfer?.files ?? [])]);
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
// Form-associated, so the files reach FormData under `name` like a
|
|
161
|
+
// native <input type="file"> would.
|
|
162
|
+
static { this.formAssociated = true; }
|
|
163
|
+
get form() {
|
|
164
|
+
return this.internals.form;
|
|
165
|
+
}
|
|
166
|
+
focus(options) {
|
|
167
|
+
this.chooseButton?.focus(options);
|
|
168
|
+
}
|
|
169
|
+
/** Removes every file. */
|
|
170
|
+
clear() {
|
|
171
|
+
this.commit([]);
|
|
172
|
+
}
|
|
173
|
+
disconnectedCallback() {
|
|
174
|
+
super.disconnectedCallback();
|
|
175
|
+
this.revokeAll();
|
|
176
|
+
}
|
|
177
|
+
formResetCallback() {
|
|
178
|
+
this.commit([]);
|
|
179
|
+
this.notice = "";
|
|
180
|
+
}
|
|
181
|
+
updated(changed) {
|
|
182
|
+
if (changed.has("files")) {
|
|
183
|
+
// Files replaced from outside: let go of previews no longer shown.
|
|
184
|
+
for (const [file, url] of this.previews) {
|
|
185
|
+
if (!this.files.includes(file)) {
|
|
186
|
+
URL.revokeObjectURL(url);
|
|
187
|
+
this.previews.delete(file);
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
if (changed.has("files") || changed.has("name") || changed.has("required")) {
|
|
192
|
+
this.syncFormState();
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
syncFormState() {
|
|
196
|
+
if (this.name && this.files.length > 0) {
|
|
197
|
+
const data = new FormData();
|
|
198
|
+
for (const file of this.files)
|
|
199
|
+
data.append(this.name, file);
|
|
200
|
+
this.internals.setFormValue(data);
|
|
201
|
+
}
|
|
202
|
+
else {
|
|
203
|
+
this.internals.setFormValue(null);
|
|
204
|
+
}
|
|
205
|
+
if (this.required && this.files.length === 0) {
|
|
206
|
+
this.internals.setValidity({ valueMissing: true }, "Choose a file.", this.chooseButton ?? undefined);
|
|
207
|
+
}
|
|
208
|
+
else {
|
|
209
|
+
this.internals.setValidity({});
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
emit(name, detail) {
|
|
213
|
+
this.dispatchEvent(new CustomEvent(name, { detail, bubbles: true, composed: true }));
|
|
214
|
+
}
|
|
215
|
+
/** Keeps a new list and says so. Every add, remove and clear ends here. */
|
|
216
|
+
commit(files) {
|
|
217
|
+
this.files = files;
|
|
218
|
+
this.emit("tt-change", { files: [...files] });
|
|
219
|
+
}
|
|
220
|
+
add(incoming) {
|
|
221
|
+
if (this.disabled || incoming.length === 0)
|
|
222
|
+
return;
|
|
223
|
+
const kept = [];
|
|
224
|
+
const rejected = [];
|
|
225
|
+
const known = (file) => [...this.files, ...kept].some((other) => other.name === file.name &&
|
|
226
|
+
other.size === file.size &&
|
|
227
|
+
other.lastModified === file.lastModified);
|
|
228
|
+
// One file: the new one replaces the old. Many: up to maxFiles in all.
|
|
229
|
+
const room = !this.multiple
|
|
230
|
+
? 1
|
|
231
|
+
: this.maxFiles > 0
|
|
232
|
+
? Math.max(0, this.maxFiles - this.files.length)
|
|
233
|
+
: Infinity;
|
|
234
|
+
for (const file of incoming) {
|
|
235
|
+
if (this.multiple && known(file))
|
|
236
|
+
continue;
|
|
237
|
+
let reason = null;
|
|
238
|
+
if (!matchesAccept(file, this.accept))
|
|
239
|
+
reason = "type";
|
|
240
|
+
// A dropped folder arrives as an empty, typeless "file".
|
|
241
|
+
else if (file.size === 0)
|
|
242
|
+
reason = "empty";
|
|
243
|
+
else if (this.maxSize > 0 && file.size > this.maxSize)
|
|
244
|
+
reason = "size";
|
|
245
|
+
else if (kept.length >= room)
|
|
246
|
+
reason = "count";
|
|
247
|
+
if (reason)
|
|
248
|
+
rejected.push({ file, reason });
|
|
249
|
+
else
|
|
250
|
+
kept.push(file);
|
|
251
|
+
}
|
|
252
|
+
this.notice = rejected
|
|
253
|
+
.map(({ file, reason }) => `${displayName(file.name)} ${REASONS[reason](formatBytes(this.maxSize))}.`)
|
|
254
|
+
.join(" ");
|
|
255
|
+
if (rejected.length > 0)
|
|
256
|
+
this.emit("tt-reject", { rejected });
|
|
257
|
+
if (kept.length > 0)
|
|
258
|
+
this.commit(this.multiple ? [...this.files, ...kept] : kept);
|
|
259
|
+
}
|
|
260
|
+
async removeFile(file) {
|
|
261
|
+
const index = this.files.indexOf(file);
|
|
262
|
+
this.commit(this.files.filter((other) => other !== file));
|
|
263
|
+
this.notice = "";
|
|
264
|
+
// The button that was pressed is gone. Focus the next file's, else
|
|
265
|
+
// the previous one's, else the choose button, never the page.
|
|
266
|
+
await this.updateComplete;
|
|
267
|
+
const buttons = this.renderRoot.querySelectorAll(".remove");
|
|
268
|
+
(buttons[Math.min(index, buttons.length - 1)] ?? this.chooseButton)?.focus();
|
|
269
|
+
}
|
|
270
|
+
preview(file) {
|
|
271
|
+
if (!PREVIEWABLE.has(file.type))
|
|
272
|
+
return undefined;
|
|
273
|
+
let url = this.previews.get(file);
|
|
274
|
+
if (!url) {
|
|
275
|
+
url = URL.createObjectURL(file);
|
|
276
|
+
this.previews.set(file, url);
|
|
277
|
+
}
|
|
278
|
+
return url;
|
|
279
|
+
}
|
|
280
|
+
revokeAll() {
|
|
281
|
+
for (const url of this.previews.values())
|
|
282
|
+
URL.revokeObjectURL(url);
|
|
283
|
+
this.previews.clear();
|
|
284
|
+
}
|
|
285
|
+
carriesFiles(event) {
|
|
286
|
+
return event.dataTransfer?.types.includes("Files") ?? false;
|
|
287
|
+
}
|
|
288
|
+
/** "Up to 3 files, 5 MB each", from the limits that are set. */
|
|
289
|
+
limits() {
|
|
290
|
+
const parts = [];
|
|
291
|
+
if (this.multiple && this.maxFiles > 0) {
|
|
292
|
+
parts.push(`Up to ${this.maxFiles} ${this.maxFiles === 1 ? "file" : "files"}`);
|
|
293
|
+
}
|
|
294
|
+
if (this.maxSize > 0) {
|
|
295
|
+
const size = formatBytes(this.maxSize);
|
|
296
|
+
parts.push(parts.length > 0 ? `${size} each` : `Up to ${size}`);
|
|
297
|
+
}
|
|
298
|
+
return parts.join(", ");
|
|
299
|
+
}
|
|
300
|
+
static { this.styles = [srOnly, css `
|
|
301
|
+
/* The browser's own [hidden] rule loses to any :host display, so a
|
|
302
|
+
hidden element would still show. Important, so it always wins. */
|
|
303
|
+
:host([hidden]) {
|
|
304
|
+
display: none !important;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
:host {
|
|
308
|
+
display: block;
|
|
309
|
+
min-width: 0;
|
|
310
|
+
font-family: var(--tt-font-sans);
|
|
311
|
+
-webkit-font-smoothing: antialiased;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
.field {
|
|
315
|
+
display: flex;
|
|
316
|
+
flex-direction: column;
|
|
317
|
+
gap: var(--tt-space-2);
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
.label {
|
|
321
|
+
font-size: var(--tt-text-sm);
|
|
322
|
+
font-weight: var(--tt-weight-medium);
|
|
323
|
+
color: var(--tt-foreground);
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
.req {
|
|
327
|
+
margin-left: 2px;
|
|
328
|
+
color: var(--tt-destructive);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.zone {
|
|
332
|
+
display: flex;
|
|
333
|
+
flex-direction: column;
|
|
334
|
+
align-items: center;
|
|
335
|
+
gap: var(--tt-space-2);
|
|
336
|
+
padding: var(--tt-space-6) var(--tt-space-4);
|
|
337
|
+
border: 1px dashed var(--tt-input);
|
|
338
|
+
border-radius: var(--tt-radius-lg);
|
|
339
|
+
background: var(--tt-field);
|
|
340
|
+
color: var(--tt-muted-foreground);
|
|
341
|
+
text-align: center;
|
|
342
|
+
cursor: pointer;
|
|
343
|
+
transition:
|
|
344
|
+
border-color var(--tt-duration-normal) var(--tt-ease),
|
|
345
|
+
background-color var(--tt-duration-normal) var(--tt-ease);
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.zone:hover {
|
|
349
|
+
border-color: var(--tt-muted-foreground);
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
.zone.dragging {
|
|
353
|
+
border-style: solid;
|
|
354
|
+
border-color: var(--tt-ring);
|
|
355
|
+
background: var(--tt-accent);
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.zone.invalid {
|
|
359
|
+
border-color: var(--tt-destructive);
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
:host([disabled]) .zone {
|
|
363
|
+
cursor: not-allowed;
|
|
364
|
+
opacity: 0.5;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
.zone tt-icon {
|
|
368
|
+
--tt-icon-size: 24px;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.prompt {
|
|
372
|
+
margin: 0;
|
|
373
|
+
font-size: var(--tt-text-sm);
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
.choose {
|
|
377
|
+
min-height: var(--tt-control-sm);
|
|
378
|
+
padding: 0 var(--tt-space-3);
|
|
379
|
+
border: 1px solid var(--tt-border);
|
|
380
|
+
border-radius: var(--tt-radius);
|
|
381
|
+
background: var(--tt-secondary);
|
|
382
|
+
color: var(--tt-secondary-foreground);
|
|
383
|
+
font: inherit;
|
|
384
|
+
font-weight: var(--tt-weight-medium);
|
|
385
|
+
cursor: pointer;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.choose:hover:not(:disabled) {
|
|
389
|
+
background: var(--tt-accent);
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.choose:disabled {
|
|
393
|
+
cursor: not-allowed;
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
button:focus-visible {
|
|
397
|
+
outline: var(--tt-ring-width) solid var(--tt-ring);
|
|
398
|
+
outline-offset: var(--tt-ring-offset);
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
.hint {
|
|
402
|
+
margin: 0;
|
|
403
|
+
font-size: var(--tt-text-xs);
|
|
404
|
+
line-height: var(--tt-leading-normal);
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
/* Nothing can be dropped from a touch screen. */
|
|
408
|
+
@media (pointer: coarse) {
|
|
409
|
+
.drop {
|
|
410
|
+
display: none;
|
|
411
|
+
}
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.files {
|
|
415
|
+
display: flex;
|
|
416
|
+
flex-direction: column;
|
|
417
|
+
gap: var(--tt-space-2);
|
|
418
|
+
margin: 0;
|
|
419
|
+
padding: 0;
|
|
420
|
+
list-style: none;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.file {
|
|
424
|
+
display: grid;
|
|
425
|
+
grid-template-columns: 40px minmax(0, 1fr) auto;
|
|
426
|
+
align-items: center;
|
|
427
|
+
gap: var(--tt-space-3);
|
|
428
|
+
padding: var(--tt-space-2);
|
|
429
|
+
border: 1px solid var(--tt-border);
|
|
430
|
+
border-radius: var(--tt-radius);
|
|
431
|
+
background: var(--tt-card);
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.thumb {
|
|
435
|
+
display: grid;
|
|
436
|
+
place-items: center;
|
|
437
|
+
width: 40px;
|
|
438
|
+
height: 40px;
|
|
439
|
+
overflow: hidden;
|
|
440
|
+
border-radius: var(--tt-radius-sm);
|
|
441
|
+
background: var(--tt-muted);
|
|
442
|
+
color: var(--tt-muted-foreground);
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
.thumb img {
|
|
446
|
+
width: 100%;
|
|
447
|
+
height: 100%;
|
|
448
|
+
object-fit: cover;
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
.meta {
|
|
452
|
+
display: flex;
|
|
453
|
+
flex-direction: column;
|
|
454
|
+
min-width: 0;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.name {
|
|
458
|
+
overflow: hidden;
|
|
459
|
+
color: var(--tt-foreground);
|
|
460
|
+
font-size: var(--tt-text-sm);
|
|
461
|
+
font-weight: var(--tt-weight-medium);
|
|
462
|
+
text-overflow: ellipsis;
|
|
463
|
+
white-space: nowrap;
|
|
464
|
+
}
|
|
465
|
+
|
|
466
|
+
.size {
|
|
467
|
+
color: var(--tt-muted-foreground);
|
|
468
|
+
font-size: var(--tt-text-xs);
|
|
469
|
+
font-variant-numeric: tabular-nums;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
.remove {
|
|
473
|
+
display: grid;
|
|
474
|
+
place-items: center;
|
|
475
|
+
width: var(--tt-control-sm);
|
|
476
|
+
height: var(--tt-control-sm);
|
|
477
|
+
padding: 0;
|
|
478
|
+
border: 0;
|
|
479
|
+
border-radius: var(--tt-radius-sm);
|
|
480
|
+
background: transparent;
|
|
481
|
+
color: var(--tt-muted-foreground);
|
|
482
|
+
cursor: pointer;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
.remove:hover:not(:disabled) {
|
|
486
|
+
background: var(--tt-accent);
|
|
487
|
+
color: var(--tt-foreground);
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
/* Always in the page, so screen readers announce what lands in it. */
|
|
491
|
+
.notice:empty {
|
|
492
|
+
display: none;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
.notice,
|
|
496
|
+
.error-text {
|
|
497
|
+
margin: 0;
|
|
498
|
+
color: var(--tt-destructive);
|
|
499
|
+
font-size: var(--tt-text-xs);
|
|
500
|
+
font-weight: var(--tt-weight-medium);
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
@media (prefers-reduced-motion: reduce) {
|
|
504
|
+
.zone {
|
|
505
|
+
transition: none;
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
`]; }
|
|
509
|
+
render() {
|
|
510
|
+
const id = this.fieldId;
|
|
511
|
+
const limits = this.limits();
|
|
512
|
+
const hint = [this.description, limits].filter(Boolean).join(". ");
|
|
513
|
+
const describedBy = [
|
|
514
|
+
hint ? `${id}-hint` : "",
|
|
515
|
+
this.notice ? `${id}-notice` : "",
|
|
516
|
+
this.error ? `${id}-error` : "",
|
|
517
|
+
]
|
|
518
|
+
.filter(Boolean)
|
|
519
|
+
.join(" ");
|
|
520
|
+
const choose = this.multiple ? "Choose files" : "Choose a file";
|
|
521
|
+
return html `
|
|
522
|
+
<div class="field">
|
|
523
|
+
${this.label
|
|
524
|
+
? html `<span id="${id}-label" part="label" class="label ${this.labelHidden ? "sr-only" : ""}">
|
|
525
|
+
${this.label}${this.required ? html `<span class="req" aria-hidden="true">*</span>` : nothing}
|
|
526
|
+
</span>`
|
|
527
|
+
: nothing}
|
|
528
|
+
|
|
529
|
+
<!-- The box is a big target for the mouse; the button inside it is
|
|
530
|
+
the control, so keyboards and screen readers have one stop. -->
|
|
531
|
+
<div
|
|
532
|
+
part="zone"
|
|
533
|
+
class="zone ${this.dragging ? "dragging" : ""} ${this.error || this.notice ? "invalid" : ""}"
|
|
534
|
+
@click=${(event) => {
|
|
535
|
+
if (!event.target.closest("button"))
|
|
536
|
+
this.openPicker();
|
|
537
|
+
}}
|
|
538
|
+
@dragenter=${this.handleDragEnter}
|
|
539
|
+
@dragover=${this.handleDragOver}
|
|
540
|
+
@dragleave=${this.handleDragLeave}
|
|
541
|
+
@drop=${this.handleDrop}
|
|
542
|
+
>
|
|
543
|
+
<tt-icon name="upload" aria-hidden="true"></tt-icon>
|
|
544
|
+
<p class="prompt">
|
|
545
|
+
<button
|
|
546
|
+
type="button"
|
|
547
|
+
class="choose"
|
|
548
|
+
id="${id}-choose"
|
|
549
|
+
aria-labelledby=${ifDefined(this.label ? `${id}-label ${id}-choose` : undefined)}
|
|
550
|
+
aria-describedby=${ifDefined(describedBy || undefined)}
|
|
551
|
+
aria-invalid=${this.error ? "true" : "false"}
|
|
552
|
+
?disabled=${this.disabled}
|
|
553
|
+
@click=${this.openPicker}
|
|
554
|
+
>
|
|
555
|
+
${choose}
|
|
556
|
+
</button>
|
|
557
|
+
<span class="drop">or drop ${this.multiple ? "them" : "it"} here</span>
|
|
558
|
+
</p>
|
|
559
|
+
${hint ? html `<p class="hint" id="${id}-hint">${hint}</p>` : nothing}
|
|
560
|
+
</div>
|
|
561
|
+
|
|
562
|
+
<input
|
|
563
|
+
type="file"
|
|
564
|
+
hidden
|
|
565
|
+
tabindex="-1"
|
|
566
|
+
accept=${ifDefined(this.accept || undefined)}
|
|
567
|
+
?multiple=${this.multiple}
|
|
568
|
+
?disabled=${this.disabled}
|
|
569
|
+
@change=${this.handlePicked}
|
|
570
|
+
/>
|
|
571
|
+
|
|
572
|
+
${this.files.length > 0
|
|
573
|
+
? html `<ul class="files" part="files" aria-label="Chosen files">
|
|
574
|
+
${this.files.map((file) => this.renderFile(file))}
|
|
575
|
+
</ul>`
|
|
576
|
+
: nothing}
|
|
577
|
+
|
|
578
|
+
<p class="notice" id="${id}-notice" role="status">${this.notice}</p>
|
|
579
|
+
${this.error
|
|
580
|
+
? html `<p class="error-text" id="${id}-error" role="alert">${this.error}</p>`
|
|
581
|
+
: nothing}
|
|
582
|
+
</div>
|
|
583
|
+
`;
|
|
584
|
+
}
|
|
585
|
+
renderFile(file) {
|
|
586
|
+
const name = displayName(file.name);
|
|
587
|
+
const preview = this.preview(file);
|
|
588
|
+
return html `<li class="file">
|
|
589
|
+
<span class="thumb" aria-hidden="true">
|
|
590
|
+
${preview
|
|
591
|
+
? html `<img src=${preview} alt="" decoding="async" />`
|
|
592
|
+
: html `<tt-icon name="file" size="20px"></tt-icon>`}
|
|
593
|
+
</span>
|
|
594
|
+
<span class="meta">
|
|
595
|
+
<span class="name" title=${name}>${name}</span>
|
|
596
|
+
<span class="size">${formatBytes(file.size)}</span>
|
|
597
|
+
</span>
|
|
598
|
+
<button
|
|
599
|
+
type="button"
|
|
600
|
+
class="remove"
|
|
601
|
+
aria-label="Remove ${name}"
|
|
602
|
+
?disabled=${this.disabled}
|
|
603
|
+
@click=${() => this.removeFile(file)}
|
|
604
|
+
>
|
|
605
|
+
<tt-icon name="x" size="16px"></tt-icon>
|
|
606
|
+
</button>
|
|
607
|
+
</li>`;
|
|
608
|
+
}
|
|
609
|
+
};
|
|
610
|
+
__decorate([
|
|
611
|
+
property({ type: String, reflect: true })
|
|
612
|
+
], TTFileUpload.prototype, "name", void 0);
|
|
613
|
+
__decorate([
|
|
614
|
+
property({ type: String })
|
|
615
|
+
], TTFileUpload.prototype, "label", void 0);
|
|
616
|
+
__decorate([
|
|
617
|
+
property({ type: Boolean, attribute: "label-hidden", reflect: true })
|
|
618
|
+
], TTFileUpload.prototype, "labelHidden", void 0);
|
|
619
|
+
__decorate([
|
|
620
|
+
property({ type: String })
|
|
621
|
+
], TTFileUpload.prototype, "description", void 0);
|
|
622
|
+
__decorate([
|
|
623
|
+
property({ type: String })
|
|
624
|
+
], TTFileUpload.prototype, "accept", void 0);
|
|
625
|
+
__decorate([
|
|
626
|
+
property({ type: Boolean, reflect: true })
|
|
627
|
+
], TTFileUpload.prototype, "multiple", void 0);
|
|
628
|
+
__decorate([
|
|
629
|
+
property({ type: Number, attribute: "max-size" })
|
|
630
|
+
], TTFileUpload.prototype, "maxSize", void 0);
|
|
631
|
+
__decorate([
|
|
632
|
+
property({ type: Number, attribute: "max-files" })
|
|
633
|
+
], TTFileUpload.prototype, "maxFiles", void 0);
|
|
634
|
+
__decorate([
|
|
635
|
+
property({ type: Boolean, reflect: true })
|
|
636
|
+
], TTFileUpload.prototype, "required", void 0);
|
|
637
|
+
__decorate([
|
|
638
|
+
property({ type: Boolean, reflect: true })
|
|
639
|
+
], TTFileUpload.prototype, "disabled", void 0);
|
|
640
|
+
__decorate([
|
|
641
|
+
property({ type: String })
|
|
642
|
+
], TTFileUpload.prototype, "error", void 0);
|
|
643
|
+
__decorate([
|
|
644
|
+
property({ attribute: false })
|
|
645
|
+
], TTFileUpload.prototype, "files", void 0);
|
|
646
|
+
__decorate([
|
|
647
|
+
state()
|
|
648
|
+
], TTFileUpload.prototype, "dragging", void 0);
|
|
649
|
+
__decorate([
|
|
650
|
+
state()
|
|
651
|
+
], TTFileUpload.prototype, "notice", void 0);
|
|
652
|
+
__decorate([
|
|
653
|
+
query("input")
|
|
654
|
+
], TTFileUpload.prototype, "input", void 0);
|
|
655
|
+
__decorate([
|
|
656
|
+
query(".choose")
|
|
657
|
+
], TTFileUpload.prototype, "chooseButton", void 0);
|
|
658
|
+
TTFileUpload = __decorate([
|
|
659
|
+
customElement("tt-file-upload")
|
|
660
|
+
], TTFileUpload);
|
|
661
|
+
export { TTFileUpload };
|
|
662
|
+
//# sourceMappingURL=tt-file-upload.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tt-file-upload.js","sourceRoot":"","sources":["../src/tt-file-upload.ts"],"names":[],"mappings":"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"}
|