@getufy/flint-ui 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/dist/_shared/decorate-DPS9PT8d.js +9 -0
- package/dist/_shared/flint-accordion-CnXIksxN.js +104 -0
- package/dist/_shared/flint-alert-DNcwWxQL.js +59 -0
- package/dist/_shared/flint-app-bar-CNbq6ggt.js +39 -0
- package/dist/_shared/flint-autocomplete-B1tLM8lN.js +131 -0
- package/dist/_shared/flint-avatar-DSQJv4gX.js +40 -0
- package/dist/_shared/flint-backdrop-BszHm5cJ.js +58 -0
- package/dist/_shared/flint-badge-AzmcBWUq.js +38 -0
- package/dist/_shared/flint-bottom-navigation-B4-3_1w7.js +46 -0
- package/dist/_shared/flint-bottom-navigation-action-CW0ZUZlF.js +44 -0
- package/dist/_shared/flint-box-TbPTowiO.js +60 -0
- package/dist/_shared/flint-breadcrumbs-DjFiMWIj.js +83 -0
- package/dist/_shared/flint-button-DwrmFg7O.js +39 -0
- package/dist/_shared/flint-button-group-CdwiDTLI.js +20 -0
- package/dist/_shared/flint-card-C-j6SYxM.js +33 -0
- package/dist/_shared/flint-card-action-area-07Emwi1d.js +22 -0
- package/dist/_shared/flint-card-actions-C74ZbYNI.js +17 -0
- package/dist/_shared/flint-card-content-C3Gv3Ps5.js +17 -0
- package/dist/_shared/flint-card-header-HxL5TlBx.js +28 -0
- package/dist/_shared/flint-card-media-B1U9TYsC.js +26 -0
- package/dist/_shared/flint-carousel-jwZ5C4e_.js +224 -0
- package/dist/_shared/flint-checkbox-GnuZq0Yy.js +82 -0
- package/dist/_shared/flint-chip-5QF8rU8e.js +86 -0
- package/dist/_shared/flint-circular-progress-CuR8VdqI.js +68 -0
- package/dist/_shared/flint-collapsible-BJ4LwGpz.js +101 -0
- package/dist/_shared/flint-command-DGhby0QI.js +318 -0
- package/dist/_shared/flint-container-CYSq758Y.js +42 -0
- package/dist/_shared/flint-copy-button-Y4yVbPxo.js +142 -0
- package/dist/_shared/flint-date-field-CYSc9ezt.js +288 -0
- package/dist/_shared/flint-date-picker-CmCtDBVO.js +370 -0
- package/dist/_shared/flint-date-range-calendar-BPBdO9n3.js +122 -0
- package/dist/_shared/flint-date-range-picker-DiVjn_ST.js +201 -0
- package/dist/_shared/flint-dialog-CH1ylFUb.js +113 -0
- package/dist/_shared/flint-divider-Boj8Ggbt.js +37 -0
- package/dist/_shared/flint-drawer-BAukflTn.js +79 -0
- package/dist/_shared/flint-empty-Bq8DuJQT.js +75 -0
- package/dist/_shared/flint-fab-D8nKcAan.js +77 -0
- package/dist/_shared/flint-format-date-_jfKYO_2.js +62 -0
- package/dist/_shared/flint-format-number-g8MkggyM.js +68 -0
- package/dist/_shared/flint-grid-ClCXGz3k.js +177 -0
- package/dist/_shared/flint-hover-card-fSMVR0xj.js +125 -0
- package/dist/_shared/flint-image-comparer-DDF_wCjc.js +116 -0
- package/dist/_shared/flint-image-list-CS-XDM0T.js +24 -0
- package/dist/_shared/flint-image-list-item-CE1j29Ay.js +41 -0
- package/dist/_shared/flint-image-list-item-bar-BZfSoVrZ.js +31 -0
- package/dist/_shared/flint-input-BV4Glu8N.js +87 -0
- package/dist/_shared/flint-input-otp-__geY8N4.js +203 -0
- package/dist/_shared/flint-item-XvdemneV.js +114 -0
- package/dist/_shared/flint-kbd-DXSl3YcK.js +31 -0
- package/dist/_shared/flint-linear-progress-B4sGgZrk.js +63 -0
- package/dist/_shared/flint-link-CnzR1CYQ.js +55 -0
- package/dist/_shared/flint-list-DJCPEDre.js +113 -0
- package/dist/_shared/flint-menu-EOF1QvHq.js +207 -0
- package/dist/_shared/flint-menubar-7AuGQli6.js +666 -0
- package/dist/_shared/flint-pagination-D-KNsfjM.js +143 -0
- package/dist/_shared/flint-paper-CArGvvRa.js +27 -0
- package/dist/_shared/flint-radio-B_C3wNRn.js +165 -0
- package/dist/_shared/flint-range-slider-IfXMtey2.js +129 -0
- package/dist/_shared/flint-rating-9FxNfBNa.js +148 -0
- package/dist/_shared/flint-relative-time-BFh5nQqz.js +98 -0
- package/dist/_shared/flint-rich-tree-view-BGUjgeZv.js +383 -0
- package/dist/_shared/flint-scroll-area-Dn9yT7ZU.js +227 -0
- package/dist/_shared/flint-select-Bhc3BR09.js +249 -0
- package/dist/_shared/flint-simple-tree-view-DD3zHLzJ.js +175 -0
- package/dist/_shared/flint-single-input-date-range-field-BVGf6515.js +314 -0
- package/dist/_shared/flint-skeleton-CWFa-PkE.js +54 -0
- package/dist/_shared/flint-slider-CVb_rYPp.js +97 -0
- package/dist/_shared/flint-snackbar-DS5F7oXF.js +102 -0
- package/dist/_shared/flint-sonner-DD_qGTfm.js +230 -0
- package/dist/_shared/flint-speed-dial-DTZ2WaBh.js +259 -0
- package/dist/_shared/flint-stack-GAeGPdLR.js +98 -0
- package/dist/_shared/flint-stepper-DdkEEVXE.js +285 -0
- package/dist/_shared/flint-switch-DN7VI9jT.js +80 -0
- package/dist/_shared/flint-table-DQ--YqEC.js +112 -0
- package/dist/_shared/flint-table-pagination-BrJ56t-r.js +97 -0
- package/dist/_shared/flint-table-sort-label-C4mkQmDM.js +37 -0
- package/dist/_shared/flint-tabs-Do8hU-DT.js +226 -0
- package/dist/_shared/flint-text-field-DlLvuIJW.js +76 -0
- package/dist/_shared/flint-textarea-wDEUC9Bt.js +106 -0
- package/dist/_shared/flint-time-picker-D00w7wjz.js +817 -0
- package/dist/_shared/flint-toggle-DTT9i3J2.js +61 -0
- package/dist/_shared/flint-toggle-button-GmL4rbZa.js +48 -0
- package/dist/_shared/flint-toggle-button-group-Cp9x0wSj.js +52 -0
- package/dist/_shared/flint-tooltip-C9nJvtJi.js +108 -0
- package/dist/_shared/flint-transfer-list-DZsAcF0l.js +173 -0
- package/dist/_shared/flint-tree-item-iMT216uo.js +130 -0
- package/dist/_shared/flint-typography-D0vqF15X.js +66 -0
- package/dist/_shared/flint-visually-hidden-CqgpY__B.js +22 -0
- package/dist/_shared/form-associated-EGIhyHHt.js +20 -0
- package/dist/accordion/flint-accordion.d.ts +61 -0
- package/dist/accordion/flint-accordion.d.ts.map +1 -0
- package/dist/accordion/flint-accordion.js +2 -0
- package/dist/alert/flint-alert.d.ts +35 -0
- package/dist/alert/flint-alert.d.ts.map +1 -0
- package/dist/alert/flint-alert.js +2 -0
- package/dist/app-bar/flint-app-bar.d.ts +20 -0
- package/dist/app-bar/flint-app-bar.d.ts.map +1 -0
- package/dist/app-bar/flint-app-bar.js +2 -0
- package/dist/autocomplete/flint-autocomplete.d.ts +44 -0
- package/dist/autocomplete/flint-autocomplete.d.ts.map +1 -0
- package/dist/autocomplete/flint-autocomplete.js +2 -0
- package/dist/avatar/flint-avatar.d.ts +26 -0
- package/dist/avatar/flint-avatar.d.ts.map +1 -0
- package/dist/avatar/flint-avatar.js +2 -0
- package/dist/backdrop/flint-backdrop.d.ts +28 -0
- package/dist/backdrop/flint-backdrop.d.ts.map +1 -0
- package/dist/backdrop/flint-backdrop.js +2 -0
- package/dist/badge/flint-badge.d.ts +27 -0
- package/dist/badge/flint-badge.d.ts.map +1 -0
- package/dist/badge/flint-badge.js +2 -0
- package/dist/bottom-navigation/flint-bottom-navigation-action.d.ts +34 -0
- package/dist/bottom-navigation/flint-bottom-navigation-action.d.ts.map +1 -0
- package/dist/bottom-navigation/flint-bottom-navigation-action.js +2 -0
- package/dist/bottom-navigation/flint-bottom-navigation.d.ts +30 -0
- package/dist/bottom-navigation/flint-bottom-navigation.d.ts.map +1 -0
- package/dist/bottom-navigation/flint-bottom-navigation.js +2 -0
- package/dist/box/flint-box.d.ts +79 -0
- package/dist/box/flint-box.d.ts.map +1 -0
- package/dist/box/flint-box.js +2 -0
- package/dist/breadcrumbs/flint-breadcrumbs.d.ts +50 -0
- package/dist/breadcrumbs/flint-breadcrumbs.d.ts.map +1 -0
- package/dist/breadcrumbs/flint-breadcrumbs.js +2 -0
- package/dist/button/flint-button-group.d.ts +12 -0
- package/dist/button/flint-button-group.d.ts.map +1 -0
- package/dist/button/flint-button-group.js +2 -0
- package/dist/button/flint-button.d.ts +19 -0
- package/dist/button/flint-button.d.ts.map +1 -0
- package/dist/button/flint-button.js +2 -0
- package/dist/button/flint-toggle-button-group.d.ts +25 -0
- package/dist/button/flint-toggle-button-group.d.ts.map +1 -0
- package/dist/button/flint-toggle-button-group.js +2 -0
- package/dist/button/flint-toggle-button.d.ts +25 -0
- package/dist/button/flint-toggle-button.d.ts.map +1 -0
- package/dist/button/flint-toggle-button.js +2 -0
- package/dist/card/flint-card-action-area.d.ts +12 -0
- package/dist/card/flint-card-action-area.d.ts.map +1 -0
- package/dist/card/flint-card-action-area.js +2 -0
- package/dist/card/flint-card-actions.d.ts +11 -0
- package/dist/card/flint-card-actions.d.ts.map +1 -0
- package/dist/card/flint-card-actions.js +2 -0
- package/dist/card/flint-card-content.d.ts +11 -0
- package/dist/card/flint-card-content.d.ts.map +1 -0
- package/dist/card/flint-card-content.js +2 -0
- package/dist/card/flint-card-header.d.ts +13 -0
- package/dist/card/flint-card-header.d.ts.map +1 -0
- package/dist/card/flint-card-header.js +2 -0
- package/dist/card/flint-card-media.d.ts +14 -0
- package/dist/card/flint-card-media.d.ts.map +1 -0
- package/dist/card/flint-card-media.js +2 -0
- package/dist/card/flint-card.d.ts +13 -0
- package/dist/card/flint-card.d.ts.map +1 -0
- package/dist/card/flint-card.js +2 -0
- package/dist/carousel/flint-carousel.d.ts +87 -0
- package/dist/carousel/flint-carousel.d.ts.map +1 -0
- package/dist/carousel/flint-carousel.js +2 -0
- package/dist/checkbox/flint-checkbox.d.ts +41 -0
- package/dist/checkbox/flint-checkbox.d.ts.map +1 -0
- package/dist/checkbox/flint-checkbox.js +2 -0
- package/dist/chip/flint-chip.d.ts +34 -0
- package/dist/chip/flint-chip.d.ts.map +1 -0
- package/dist/chip/flint-chip.js +2 -0
- package/dist/collapsible/flint-collapsible.d.ts +80 -0
- package/dist/collapsible/flint-collapsible.d.ts.map +1 -0
- package/dist/collapsible/flint-collapsible.js +2 -0
- package/dist/command/flint-command.d.ts +189 -0
- package/dist/command/flint-command.d.ts.map +1 -0
- package/dist/command/flint-command.js +2 -0
- package/dist/container/flint-container.d.ts +27 -0
- package/dist/container/flint-container.d.ts.map +1 -0
- package/dist/container/flint-container.js +2 -0
- package/dist/copy-button/flint-copy-button.d.ts +55 -0
- package/dist/copy-button/flint-copy-button.d.ts.map +1 -0
- package/dist/copy-button/flint-copy-button.js +2 -0
- package/dist/date-field/flint-date-field.d.ts +82 -0
- package/dist/date-field/flint-date-field.d.ts.map +1 -0
- package/dist/date-field/flint-date-field.js +2 -0
- package/dist/date-picker/flint-date-picker.d.ts +93 -0
- package/dist/date-picker/flint-date-picker.d.ts.map +1 -0
- package/dist/date-picker/flint-date-picker.js +2 -0
- package/dist/date-range-picker/date-range-helpers.d.ts +31 -0
- package/dist/date-range-picker/date-range-helpers.d.ts.map +1 -0
- package/dist/date-range-picker/date-range-helpers.js +128 -0
- package/dist/date-range-picker/flint-date-range-calendar.d.ts +41 -0
- package/dist/date-range-picker/flint-date-range-calendar.d.ts.map +1 -0
- package/dist/date-range-picker/flint-date-range-calendar.js +2 -0
- package/dist/date-range-picker/flint-date-range-picker.d.ts +74 -0
- package/dist/date-range-picker/flint-date-range-picker.d.ts.map +1 -0
- package/dist/date-range-picker/flint-date-range-picker.js +2 -0
- package/dist/date-range-picker/flint-single-input-date-range-field.d.ts +65 -0
- package/dist/date-range-picker/flint-single-input-date-range-field.d.ts.map +1 -0
- package/dist/date-range-picker/flint-single-input-date-range-field.js +2 -0
- package/dist/dialog/flint-dialog.d.ts +76 -0
- package/dist/dialog/flint-dialog.d.ts.map +1 -0
- package/dist/dialog/flint-dialog.js +2 -0
- package/dist/divider/flint-divider.d.ts +24 -0
- package/dist/divider/flint-divider.d.ts.map +1 -0
- package/dist/divider/flint-divider.js +2 -0
- package/dist/drawer/flint-drawer.d.ts +37 -0
- package/dist/drawer/flint-drawer.d.ts.map +1 -0
- package/dist/drawer/flint-drawer.js +2 -0
- package/dist/empty/flint-empty.d.ts +70 -0
- package/dist/empty/flint-empty.d.ts.map +1 -0
- package/dist/empty/flint-empty.js +2 -0
- package/dist/fab/flint-fab.d.ts +25 -0
- package/dist/fab/flint-fab.d.ts.map +1 -0
- package/dist/fab/flint-fab.js +2 -0
- package/dist/flint-range-slider/flint-range-slider.d.ts +56 -0
- package/dist/flint-range-slider/flint-range-slider.d.ts.map +1 -0
- package/dist/flint-range-slider/flint-range-slider.js +2 -0
- package/dist/format-date/flint-format-date.d.ts +89 -0
- package/dist/format-date/flint-format-date.d.ts.map +1 -0
- package/dist/format-date/flint-format-date.js +2 -0
- package/dist/format-number/flint-format-number.d.ts +81 -0
- package/dist/format-number/flint-format-number.d.ts.map +1 -0
- package/dist/format-number/flint-format-number.js +2 -0
- package/dist/grid/flint-grid.d.ts +73 -0
- package/dist/grid/flint-grid.d.ts.map +1 -0
- package/dist/grid/flint-grid.js +2 -0
- package/dist/hover-card/flint-hover-card.d.ts +103 -0
- package/dist/hover-card/flint-hover-card.d.ts.map +1 -0
- package/dist/hover-card/flint-hover-card.js +2 -0
- package/dist/image-comparer/flint-image-comparer.d.ts +50 -0
- package/dist/image-comparer/flint-image-comparer.d.ts.map +1 -0
- package/dist/image-comparer/flint-image-comparer.js +2 -0
- package/dist/image-list/flint-image-list-item-bar.d.ts +26 -0
- package/dist/image-list/flint-image-list-item-bar.d.ts.map +1 -0
- package/dist/image-list/flint-image-list-item-bar.js +2 -0
- package/dist/image-list/flint-image-list-item.d.ts +48 -0
- package/dist/image-list/flint-image-list-item.d.ts.map +1 -0
- package/dist/image-list/flint-image-list-item.js +2 -0
- package/dist/image-list/flint-image-list.d.ts +28 -0
- package/dist/image-list/flint-image-list.d.ts.map +1 -0
- package/dist/image-list/flint-image-list.js +2 -0
- package/dist/index.d.ts +110 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +96 -0
- package/dist/input/flint-input.d.ts +52 -0
- package/dist/input/flint-input.d.ts.map +1 -0
- package/dist/input/flint-input.js +2 -0
- package/dist/input-otp/flint-input-otp.d.ts +130 -0
- package/dist/input-otp/flint-input-otp.d.ts.map +1 -0
- package/dist/input-otp/flint-input-otp.js +2 -0
- package/dist/item/flint-item.d.ts +151 -0
- package/dist/item/flint-item.d.ts.map +1 -0
- package/dist/item/flint-item.js +2 -0
- package/dist/kbd/flint-kbd.d.ts +47 -0
- package/dist/kbd/flint-kbd.d.ts.map +1 -0
- package/dist/kbd/flint-kbd.js +2 -0
- package/dist/link/flint-link.d.ts +47 -0
- package/dist/link/flint-link.d.ts.map +1 -0
- package/dist/link/flint-link.js +2 -0
- package/dist/list/flint-list.d.ts +78 -0
- package/dist/list/flint-list.d.ts.map +1 -0
- package/dist/list/flint-list.js +2 -0
- package/dist/menu/flint-menu.d.ts +107 -0
- package/dist/menu/flint-menu.d.ts.map +1 -0
- package/dist/menu/flint-menu.js +2 -0
- package/dist/menubar/flint-menubar.d.ts +256 -0
- package/dist/menubar/flint-menubar.d.ts.map +1 -0
- package/dist/menubar/flint-menubar.js +2 -0
- package/dist/mixins/form-associated.d.ts +20 -0
- package/dist/mixins/form-associated.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu-content.d.ts +53 -0
- package/dist/navigation-menu/flint-navigation-menu-content.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu-content.js +147 -0
- package/dist/navigation-menu/flint-navigation-menu-item.d.ts +47 -0
- package/dist/navigation-menu/flint-navigation-menu-item.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu-item.js +109 -0
- package/dist/navigation-menu/flint-navigation-menu-link.d.ts +50 -0
- package/dist/navigation-menu/flint-navigation-menu-link.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu-link.js +109 -0
- package/dist/navigation-menu/flint-navigation-menu-list.d.ts +35 -0
- package/dist/navigation-menu/flint-navigation-menu-list.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu-list.js +52 -0
- package/dist/navigation-menu/flint-navigation-menu-trigger.d.ts +52 -0
- package/dist/navigation-menu/flint-navigation-menu-trigger.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu-trigger.js +190 -0
- package/dist/navigation-menu/flint-navigation-menu.d.ts +42 -0
- package/dist/navigation-menu/flint-navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu/flint-navigation-menu.js +69 -0
- package/dist/pagination/flint-pagination.d.ts +63 -0
- package/dist/pagination/flint-pagination.d.ts.map +1 -0
- package/dist/pagination/flint-pagination.js +2 -0
- package/dist/paper/flint-paper.d.ts +34 -0
- package/dist/paper/flint-paper.d.ts.map +1 -0
- package/dist/paper/flint-paper.js +2 -0
- package/dist/progress/flint-circular-progress.d.ts +28 -0
- package/dist/progress/flint-circular-progress.d.ts.map +1 -0
- package/dist/progress/flint-circular-progress.js +2 -0
- package/dist/progress/flint-linear-progress.d.ts +26 -0
- package/dist/progress/flint-linear-progress.d.ts.map +1 -0
- package/dist/progress/flint-linear-progress.js +2 -0
- package/dist/radio/flint-radio.d.ts +76 -0
- package/dist/radio/flint-radio.d.ts.map +1 -0
- package/dist/radio/flint-radio.js +2 -0
- package/dist/rating/flint-rating.d.ts +49 -0
- package/dist/rating/flint-rating.d.ts.map +1 -0
- package/dist/rating/flint-rating.js +2 -0
- package/dist/relative-time/flint-relative-time.d.ts +50 -0
- package/dist/relative-time/flint-relative-time.d.ts.map +1 -0
- package/dist/relative-time/flint-relative-time.js +2 -0
- package/dist/resizable/flint-resizable.d.ts +124 -0
- package/dist/resizable/flint-resizable.d.ts.map +1 -0
- package/dist/resizable/flint-resizable.js +346 -0
- package/dist/scroll-area/flint-scroll-area.d.ts +126 -0
- package/dist/scroll-area/flint-scroll-area.d.ts.map +1 -0
- package/dist/scroll-area/flint-scroll-area.js +2 -0
- package/dist/select/flint-select.d.ts +71 -0
- package/dist/select/flint-select.d.ts.map +1 -0
- package/dist/select/flint-select.js +2 -0
- package/dist/skeleton/flint-skeleton.d.ts +47 -0
- package/dist/skeleton/flint-skeleton.d.ts.map +1 -0
- package/dist/skeleton/flint-skeleton.js +2 -0
- package/dist/slider/flint-slider.d.ts +48 -0
- package/dist/slider/flint-slider.d.ts.map +1 -0
- package/dist/slider/flint-slider.js +2 -0
- package/dist/snackbar/flint-snackbar.d.ts +67 -0
- package/dist/snackbar/flint-snackbar.d.ts.map +1 -0
- package/dist/snackbar/flint-snackbar.js +2 -0
- package/dist/sonner/flint-sonner.d.ts +152 -0
- package/dist/sonner/flint-sonner.d.ts.map +1 -0
- package/dist/sonner/flint-sonner.js +2 -0
- package/dist/speed-dial/flint-speed-dial.d.ts +101 -0
- package/dist/speed-dial/flint-speed-dial.d.ts.map +1 -0
- package/dist/speed-dial/flint-speed-dial.js +2 -0
- package/dist/split-panel/flint-split-panel.d.ts +101 -0
- package/dist/split-panel/flint-split-panel.d.ts.map +1 -0
- package/dist/split-panel/flint-split-panel.js +278 -0
- package/dist/stack/flint-stack.d.ts +38 -0
- package/dist/stack/flint-stack.d.ts.map +1 -0
- package/dist/stack/flint-stack.js +2 -0
- package/dist/stepper/flint-stepper.d.ts +122 -0
- package/dist/stepper/flint-stepper.d.ts.map +1 -0
- package/dist/stepper/flint-stepper.js +2 -0
- package/dist/switch/flint-switch.d.ts +44 -0
- package/dist/switch/flint-switch.d.ts.map +1 -0
- package/dist/switch/flint-switch.js +2 -0
- package/dist/table/flint-table-pagination.d.ts +42 -0
- package/dist/table/flint-table-pagination.d.ts.map +1 -0
- package/dist/table/flint-table-pagination.js +2 -0
- package/dist/table/flint-table-sort-label.d.ts +16 -0
- package/dist/table/flint-table-sort-label.d.ts.map +1 -0
- package/dist/table/flint-table-sort-label.js +2 -0
- package/dist/table/flint-table.d.ts +89 -0
- package/dist/table/flint-table.d.ts.map +1 -0
- package/dist/table/flint-table.js +2 -0
- package/dist/tabs/flint-tabs.d.ts +136 -0
- package/dist/tabs/flint-tabs.d.ts.map +1 -0
- package/dist/tabs/flint-tabs.js +2 -0
- package/dist/text-field/flint-text-field.d.ts +40 -0
- package/dist/text-field/flint-text-field.d.ts.map +1 -0
- package/dist/text-field/flint-text-field.js +2 -0
- package/dist/textarea/flint-textarea.d.ts +68 -0
- package/dist/textarea/flint-textarea.d.ts.map +1 -0
- package/dist/textarea/flint-textarea.js +2 -0
- package/dist/time-picker/flint-time-picker.d.ts +230 -0
- package/dist/time-picker/flint-time-picker.d.ts.map +1 -0
- package/dist/time-picker/flint-time-picker.js +2 -0
- package/dist/toggle/flint-toggle.d.ts +43 -0
- package/dist/toggle/flint-toggle.d.ts.map +1 -0
- package/dist/toggle/flint-toggle.js +2 -0
- package/dist/tooltip/flint-tooltip.d.ts +41 -0
- package/dist/tooltip/flint-tooltip.d.ts.map +1 -0
- package/dist/tooltip/flint-tooltip.js +2 -0
- package/dist/transfer-list/flint-transfer-list.d.ts +48 -0
- package/dist/transfer-list/flint-transfer-list.d.ts.map +1 -0
- package/dist/transfer-list/flint-transfer-list.js +2 -0
- package/dist/tree-view/flint-rich-tree-view.d.ts +213 -0
- package/dist/tree-view/flint-rich-tree-view.d.ts.map +1 -0
- package/dist/tree-view/flint-rich-tree-view.js +2 -0
- package/dist/tree-view/flint-simple-tree-view.d.ts +112 -0
- package/dist/tree-view/flint-simple-tree-view.d.ts.map +1 -0
- package/dist/tree-view/flint-simple-tree-view.js +2 -0
- package/dist/tree-view/flint-tree-item.d.ts +67 -0
- package/dist/tree-view/flint-tree-item.d.ts.map +1 -0
- package/dist/tree-view/flint-tree-item.js +2 -0
- package/dist/typography/flint-typography.d.ts +37 -0
- package/dist/typography/flint-typography.d.ts.map +1 -0
- package/dist/typography/flint-typography.js +2 -0
- package/dist/visually-hidden/flint-visually-hidden.d.ts +52 -0
- package/dist/visually-hidden/flint-visually-hidden.d.ts.map +1 -0
- package/dist/visually-hidden/flint-visually-hidden.js +2 -0
- package/package.json +470 -0
- package/src/theme-dark.css +261 -0
- package/src/theme.css +651 -0
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { t as e } from "./decorate-DPS9PT8d.js";
|
|
2
|
+
import { LitElement as t, html as n, nothing as r, unsafeCSS as i } from "lit";
|
|
3
|
+
import { customElement as a, property as o } from "lit/decorators.js";
|
|
4
|
+
//#region src/relative-time/flint-relative-time.css?inline
|
|
5
|
+
var s = ":host{cursor:var(--flint-relative-time-cursor,text);display:inline}time{font:inherit;color:var(--flint-relative-time-color,inherit);font-size:var(--flint-relative-time-font-size,inherit);font-weight:var(--flint-relative-time-font-weight,inherit);-webkit-text-decoration:var(--flint-relative-time-text-decoration,none);text-decoration:var(--flint-relative-time-text-decoration,none);white-space:var(--flint-relative-time-white-space,nowrap)}", c = [
|
|
6
|
+
{
|
|
7
|
+
unit: "year",
|
|
8
|
+
seconds: 31536e3
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
unit: "month",
|
|
12
|
+
seconds: 2592e3
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
unit: "day",
|
|
16
|
+
seconds: 86400
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
unit: "hour",
|
|
20
|
+
seconds: 3600
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
unit: "minute",
|
|
24
|
+
seconds: 60
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
unit: "second",
|
|
28
|
+
seconds: 1
|
|
29
|
+
}
|
|
30
|
+
];
|
|
31
|
+
function l(e) {
|
|
32
|
+
for (let t of c) if (e >= t.seconds) return t;
|
|
33
|
+
return c[c.length - 1];
|
|
34
|
+
}
|
|
35
|
+
var u = class extends t {
|
|
36
|
+
constructor(...e) {
|
|
37
|
+
super(...e), this.date = /* @__PURE__ */ new Date(), this.format = "long", this.numeric = "auto", this.sync = !1, this.lang = "", this._timer = null;
|
|
38
|
+
}
|
|
39
|
+
static {
|
|
40
|
+
this.styles = i(s);
|
|
41
|
+
}
|
|
42
|
+
updated(e) {
|
|
43
|
+
(e.has("sync") || e.has("date") || e.has("format") || e.has("numeric")) && (this.sync ? this._scheduleSync() : this._clearTimer());
|
|
44
|
+
}
|
|
45
|
+
disconnectedCallback() {
|
|
46
|
+
super.disconnectedCallback(), this._clearTimer();
|
|
47
|
+
}
|
|
48
|
+
_clearTimer() {
|
|
49
|
+
this._timer !== null && (clearTimeout(this._timer), this._timer = null);
|
|
50
|
+
}
|
|
51
|
+
_scheduleSync() {
|
|
52
|
+
if (this._clearTimer(), !this.sync) return;
|
|
53
|
+
let e = this._msUntilNextChange();
|
|
54
|
+
this._timer = setTimeout(() => {
|
|
55
|
+
this.requestUpdate(), this._scheduleSync();
|
|
56
|
+
}, e);
|
|
57
|
+
}
|
|
58
|
+
_msUntilNextChange() {
|
|
59
|
+
let e = this._parseDate();
|
|
60
|
+
if (!e) return 6e4;
|
|
61
|
+
let t = Math.abs((e.getTime() - Date.now()) / 1e3);
|
|
62
|
+
return t < 60 ? 1e3 : t < 3600 ? 6e4 : 36e5;
|
|
63
|
+
}
|
|
64
|
+
_parseDate() {
|
|
65
|
+
let e;
|
|
66
|
+
return e = this.date instanceof Date ? this.date : (this.date, new Date(this.date)), isNaN(e.getTime()) ? null : e;
|
|
67
|
+
}
|
|
68
|
+
_formatText(e) {
|
|
69
|
+
let t = (e.getTime() - Date.now()) / 1e3, { unit: n, seconds: r } = l(Math.abs(t)), i = Math.round(t / r), a = this.lang || document.documentElement.lang || navigator.language || "en";
|
|
70
|
+
try {
|
|
71
|
+
return new Intl.RelativeTimeFormat(a, {
|
|
72
|
+
numeric: this.numeric,
|
|
73
|
+
style: this.format
|
|
74
|
+
}).format(i, n);
|
|
75
|
+
} catch {
|
|
76
|
+
return "";
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
render() {
|
|
80
|
+
let e = this._parseDate(), t = e ? this._formatText(e) : "", i = e ? e.toLocaleString() : r;
|
|
81
|
+
return n`
|
|
82
|
+
<time
|
|
83
|
+
datetime=${e ? e.toISOString() : r}
|
|
84
|
+
title=${i}
|
|
85
|
+
aria-label=${i}
|
|
86
|
+
>${t}</time>
|
|
87
|
+
`;
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
e([o()], u.prototype, "date", void 0), e([o({ reflect: !0 })], u.prototype, "format", void 0), e([o({ reflect: !0 })], u.prototype, "numeric", void 0), e([o({
|
|
91
|
+
type: Boolean,
|
|
92
|
+
reflect: !0
|
|
93
|
+
})], u.prototype, "sync", void 0), e([o({
|
|
94
|
+
attribute: "lang",
|
|
95
|
+
reflect: !0
|
|
96
|
+
})], u.prototype, "lang", void 0), u = e([a("flint-relative-time")], u);
|
|
97
|
+
//#endregion
|
|
98
|
+
export { l as n, u as t };
|
|
@@ -0,0 +1,383 @@
|
|
|
1
|
+
import { t as e } from "./decorate-DPS9PT8d.js";
|
|
2
|
+
import { LitElement as t, html as n, nothing as r, unsafeCSS as i } from "lit";
|
|
3
|
+
import { customElement as a, property as o, state as s } from "lit/decorators.js";
|
|
4
|
+
//#region src/tree-view/flint-rich-tree-view.css?inline
|
|
5
|
+
var c = ":host{font-family:var(--flint-font-family);display:block}.tree-root{padding:4px 0}.lazy-indicator{min-height:32px;color:var(--flint-text-color);align-items:center;gap:8px;font-size:14px;display:flex}.lazy-root{padding:8px}@keyframes flint-spin{to{transform:rotate(360deg)}}.lazy-spinner{opacity:.55;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite flint-spin}flint-tree-item[dragging]{opacity:.4}flint-tree-item[drop-position=before]{box-shadow:0 -2px 0 0 var(--flint-primary-color)}flint-tree-item[drop-position=after]{box-shadow:0 2px 0 0 var(--flint-primary-color)}flint-tree-item[drop-position=inside]{outline:2px solid var(--flint-primary-color);outline-offset:-1px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", l = class extends t {
|
|
6
|
+
constructor(...e) {
|
|
7
|
+
super(...e), this.items = [], this.getItemId = (e) => e.id, this.getItemLabel = (e) => e.label, this.getItemChildren = (e) => e.children, this.isItemDisabled = () => !1, this.disabledItemsFocusable = !1, this.expansionTrigger = "content", this.defaultExpandedItems = [], this.itemsReordering = !1, this.itemsReorderingHandle = !1, this._internalExpandedItems = /* @__PURE__ */ new Set(), this._expansionInitialized = !1, this._disabledOverrides = /* @__PURE__ */ new Map(), this._lazyChildren = /* @__PURE__ */ new Map(), this._loading = /* @__PURE__ */ new Set(), this._orderedItems = null, this._draggedItemId = null, this._dropTargetId = null, this._dropPosition = null, this._handleFocusIn = (e) => {
|
|
8
|
+
let t = e.target;
|
|
9
|
+
t.tagName === "FLINT-TREE-ITEM" && (this._getAllItems().forEach((e) => e.setAttribute("tabindex", "-1")), t.setAttribute("tabindex", "0"));
|
|
10
|
+
}, this._handleFlintToggle = (e) => {
|
|
11
|
+
let { itemId: t, expanded: n } = e.detail, r = this.getItemDOMElement(t);
|
|
12
|
+
r && this._handleToggle(r, n);
|
|
13
|
+
}, this._handleItemClick = (e) => {
|
|
14
|
+
let { itemId: t } = e.detail;
|
|
15
|
+
if (this.expansionTrigger === "content") {
|
|
16
|
+
let e = this.getItemDOMElement(t);
|
|
17
|
+
e && this._itemHasChildren(e) && this._handleToggle(e, !e.expanded);
|
|
18
|
+
}
|
|
19
|
+
this.onItemClick?.(t), this.dispatchEvent(new CustomEvent("flint-tree-view-item-click", {
|
|
20
|
+
detail: { itemId: t },
|
|
21
|
+
bubbles: !1
|
|
22
|
+
}));
|
|
23
|
+
}, this._handleKeydown = (e) => {
|
|
24
|
+
let t = e.target;
|
|
25
|
+
if (t.tagName !== "FLINT-TREE-ITEM") return;
|
|
26
|
+
let n = t, r = this._getFocusableItems(), i = r.indexOf(n);
|
|
27
|
+
switch (e.key) {
|
|
28
|
+
case "ArrowDown": {
|
|
29
|
+
e.preventDefault();
|
|
30
|
+
let t = r[i + 1];
|
|
31
|
+
t && this._focusItem(t);
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
case "ArrowUp": {
|
|
35
|
+
e.preventDefault();
|
|
36
|
+
let t = r[i - 1];
|
|
37
|
+
t && this._focusItem(t);
|
|
38
|
+
break;
|
|
39
|
+
}
|
|
40
|
+
case "ArrowRight":
|
|
41
|
+
if (e.preventDefault(), n.disabled) break;
|
|
42
|
+
if (!n.expanded && this._itemHasChildren(n)) this._handleToggle(n, !0);
|
|
43
|
+
else if (n.expanded) {
|
|
44
|
+
let e = this._getFocusableItems(), t = e[e.indexOf(n) + 1];
|
|
45
|
+
t && this._focusItem(t);
|
|
46
|
+
}
|
|
47
|
+
break;
|
|
48
|
+
case "ArrowLeft":
|
|
49
|
+
if (e.preventDefault(), n.disabled) break;
|
|
50
|
+
if (n.expanded) this._handleToggle(n, !1);
|
|
51
|
+
else {
|
|
52
|
+
let e = n.parentElement;
|
|
53
|
+
e && e.tagName === "FLINT-TREE-ITEM" && this._focusItem(e);
|
|
54
|
+
}
|
|
55
|
+
break;
|
|
56
|
+
case "Home": {
|
|
57
|
+
e.preventDefault();
|
|
58
|
+
let t = r[0];
|
|
59
|
+
t && this._focusItem(t);
|
|
60
|
+
break;
|
|
61
|
+
}
|
|
62
|
+
case "End": {
|
|
63
|
+
e.preventDefault();
|
|
64
|
+
let t = r[r.length - 1];
|
|
65
|
+
t && this._focusItem(t);
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
68
|
+
case "Enter":
|
|
69
|
+
case " ":
|
|
70
|
+
if (e.preventDefault(), n.disabled) break;
|
|
71
|
+
this._itemHasChildren(n) && this._handleToggle(n, !n.expanded), this.onItemClick?.(n.itemId), this.dispatchEvent(new CustomEvent("flint-tree-view-item-click", {
|
|
72
|
+
detail: { itemId: n.itemId },
|
|
73
|
+
bubbles: !1
|
|
74
|
+
}));
|
|
75
|
+
break;
|
|
76
|
+
default: if (e.key.length === 1) {
|
|
77
|
+
let t = e.key.toLowerCase(), n = i < 0 ? 0 : i + 1, a = [...r.slice(n), ...r.slice(0, n)].find((e) => e.label.toLowerCase().startsWith(t));
|
|
78
|
+
a && this._focusItem(a);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}, this._handleDragStart = (e) => {
|
|
82
|
+
if (!this.itemsReordering) return;
|
|
83
|
+
let t = this._getTreeItemFromEvent(e);
|
|
84
|
+
if (t) {
|
|
85
|
+
if (this.itemsReorderingHandle && !e.composedPath().some((e) => e instanceof HTMLElement && e.hasAttribute("data-drag-handle"))) {
|
|
86
|
+
e.preventDefault();
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
if (this.isItemReorderable && !this.isItemReorderable(t.itemId)) {
|
|
90
|
+
e.preventDefault();
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
this._draggedItemId = t.itemId, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.itemId)), this._orderedItems ||= this._cloneItemsTree(this.items), t.setAttribute("dragging", "");
|
|
94
|
+
}
|
|
95
|
+
}, this._handleDragOver = (e) => {
|
|
96
|
+
if (!this.itemsReordering || !this._draggedItemId) return;
|
|
97
|
+
let t = this._getTreeItemFromEvent(e);
|
|
98
|
+
if (!t) return;
|
|
99
|
+
e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
|
|
100
|
+
let n = t.itemId;
|
|
101
|
+
if (n === this._draggedItemId) {
|
|
102
|
+
this._clearDropTarget();
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
if (this._isAncestorOf(this._draggedItemId, n, this._getEffectiveItems())) {
|
|
106
|
+
this._clearDropTarget();
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
let r = t.getBoundingClientRect(), i = e.clientY - r.top, a = r.height, o = "inside";
|
|
110
|
+
if (i < a * .25 ? o = "before" : i > a * .75 && (o = "after"), this.canMoveItemToNewPosition && !this.canMoveItemToNewPosition({
|
|
111
|
+
itemId: this._draggedItemId,
|
|
112
|
+
targetId: n,
|
|
113
|
+
position: o
|
|
114
|
+
})) {
|
|
115
|
+
this._clearDropTarget();
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
(this._dropTargetId !== n || this._dropPosition !== o) && (this._dropTargetId = n, this._dropPosition = o, this._updateItemDropStates());
|
|
119
|
+
}, this._handleDragEnd = (e) => {
|
|
120
|
+
let t = this._getTreeItemFromEvent(e);
|
|
121
|
+
t && t.removeAttribute("dragging"), this._draggedItemId = null, this._clearDropTarget();
|
|
122
|
+
}, this._handleDrop = (e) => {
|
|
123
|
+
if (!this.itemsReordering || !this._draggedItemId || !this._dropTargetId || !this._dropPosition) return;
|
|
124
|
+
e.preventDefault();
|
|
125
|
+
let t = this._draggedItemId, n = this._dropTargetId, r = this._dropPosition;
|
|
126
|
+
this._moveItem(t, n, r), this._draggedItemId = null, this._clearDropTarget();
|
|
127
|
+
};
|
|
128
|
+
}
|
|
129
|
+
static {
|
|
130
|
+
this.styles = i(c);
|
|
131
|
+
}
|
|
132
|
+
get _isControlled() {
|
|
133
|
+
return this.expandedItems !== void 0;
|
|
134
|
+
}
|
|
135
|
+
connectedCallback() {
|
|
136
|
+
super.connectedCallback(), this.shadowRoot.addEventListener("keydown", this._handleKeydown), this.shadowRoot.addEventListener("flint-tree-item-click", this._handleItemClick), this.shadowRoot.addEventListener("flint-tree-item-toggle", this._handleFlintToggle), this.shadowRoot.addEventListener("focusin", this._handleFocusIn), this.shadowRoot.addEventListener("dragstart", this._handleDragStart), this.shadowRoot.addEventListener("dragover", this._handleDragOver), this.shadowRoot.addEventListener("dragend", this._handleDragEnd), this.shadowRoot.addEventListener("drop", this._handleDrop);
|
|
137
|
+
}
|
|
138
|
+
disconnectedCallback() {
|
|
139
|
+
super.disconnectedCallback(), this.shadowRoot.removeEventListener("keydown", this._handleKeydown), this.shadowRoot.removeEventListener("flint-tree-item-click", this._handleItemClick), this.shadowRoot.removeEventListener("flint-tree-item-toggle", this._handleFlintToggle), this.shadowRoot.removeEventListener("focusin", this._handleFocusIn), this.shadowRoot.removeEventListener("dragstart", this._handleDragStart), this.shadowRoot.removeEventListener("dragover", this._handleDragOver), this.shadowRoot.removeEventListener("dragend", this._handleDragEnd), this.shadowRoot.removeEventListener("drop", this._handleDrop);
|
|
140
|
+
}
|
|
141
|
+
willUpdate(e) {
|
|
142
|
+
super.willUpdate(e), e.has("dataSource") && (this._lazyChildren.clear(), this._loading.clear()), this.dataSource && this.items.length === 0 && !this._lazyChildren.has(null) && !this._loading.has(null) && this._loadChildren(null);
|
|
143
|
+
}
|
|
144
|
+
updated(e) {
|
|
145
|
+
super.updated(e), e.has("disabledItemsFocusable") && this._initRovingTabindex(), e.has("expandedItems") && this._syncExpansion(), e.has("items") && (this._expansionInitialized ? (this._syncExpansion(), this._initRovingTabindex()) : this._initExpansion()), this.itemsReordering && this._getAllItems().forEach((e) => {
|
|
146
|
+
let t = this.isItemReorderable ? this.isItemReorderable(e.itemId) : !0;
|
|
147
|
+
e.setDraggable(t, this.itemsReorderingHandle);
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
async _loadChildren(e) {
|
|
151
|
+
if (!(!this.dataSource || this._loading.has(e) || this._lazyChildren.has(e))) {
|
|
152
|
+
this._loading.add(e), this.requestUpdate();
|
|
153
|
+
try {
|
|
154
|
+
let t = await this.dataSource.getTreeItems(e);
|
|
155
|
+
this._lazyChildren.set(e, t);
|
|
156
|
+
} catch (t) {
|
|
157
|
+
e === null && this._lazyChildren.set(null, []), this.dispatchEvent(new CustomEvent("flint-tree-view-error", {
|
|
158
|
+
bubbles: !0,
|
|
159
|
+
composed: !0,
|
|
160
|
+
detail: {
|
|
161
|
+
message: `Failed to load children for ${e}`,
|
|
162
|
+
id: e,
|
|
163
|
+
error: t
|
|
164
|
+
}
|
|
165
|
+
}));
|
|
166
|
+
} finally {
|
|
167
|
+
this._loading.delete(e), this.requestUpdate(), await this.updateComplete, this._syncExpansion(), this._initRovingTabindex();
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
_getEffectiveDisabled(e) {
|
|
172
|
+
let t = this.getItemId(e);
|
|
173
|
+
return this._disabledOverrides.has(t) ? this._disabledOverrides.get(t) : this.isItemDisabled(e);
|
|
174
|
+
}
|
|
175
|
+
_findItemById(e, t) {
|
|
176
|
+
for (let n of t) {
|
|
177
|
+
if (this.getItemId(n) === e) return n;
|
|
178
|
+
let t = this.getItemChildren(n) ?? [], r = this._findItemById(e, t);
|
|
179
|
+
if (r) return r;
|
|
180
|
+
}
|
|
181
|
+
return null;
|
|
182
|
+
}
|
|
183
|
+
_getEffectiveItems() {
|
|
184
|
+
return this.itemsReordering && this._orderedItems ? this._orderedItems : this.items;
|
|
185
|
+
}
|
|
186
|
+
_cloneItemsTree(e) {
|
|
187
|
+
return e.map((e) => {
|
|
188
|
+
let t = { ...e }, n = this.getItemChildren(e);
|
|
189
|
+
if (n) {
|
|
190
|
+
let r = Object.keys(e).find((t) => e[t] === n) || "children";
|
|
191
|
+
t[r] = this._cloneItemsTree(n);
|
|
192
|
+
}
|
|
193
|
+
return t;
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
_findItemAndParentInTree(e, t, n = null) {
|
|
197
|
+
for (let r = 0; r < t.length; r++) {
|
|
198
|
+
let i = t[r];
|
|
199
|
+
if (this.getItemId(i) === e) return {
|
|
200
|
+
item: i,
|
|
201
|
+
parentList: t,
|
|
202
|
+
index: r,
|
|
203
|
+
parentId: n
|
|
204
|
+
};
|
|
205
|
+
let a = this.getItemChildren(i) ?? [], o = this._findItemAndParentInTree(e, a, this.getItemId(i));
|
|
206
|
+
if (o) return o;
|
|
207
|
+
}
|
|
208
|
+
return null;
|
|
209
|
+
}
|
|
210
|
+
_isAncestorOf(e, t, n) {
|
|
211
|
+
for (let r of n) {
|
|
212
|
+
if (this.getItemId(r) === e) return !!this._findItemById(t, this.getItemChildren(r) ?? []);
|
|
213
|
+
if (this._isAncestorOf(e, t, this.getItemChildren(r) ?? [])) return !0;
|
|
214
|
+
}
|
|
215
|
+
return !1;
|
|
216
|
+
}
|
|
217
|
+
_getAllItems() {
|
|
218
|
+
return Array.from(this.shadowRoot.querySelectorAll("flint-tree-item"));
|
|
219
|
+
}
|
|
220
|
+
_getVisibleItems() {
|
|
221
|
+
return this._getAllItems().filter((e) => this._isVisible(e));
|
|
222
|
+
}
|
|
223
|
+
_isVisible(e) {
|
|
224
|
+
let t = e.parentElement;
|
|
225
|
+
for (; t !== null;) {
|
|
226
|
+
if (t.tagName === "FLINT-TREE-ITEM" && !t.expanded) return !1;
|
|
227
|
+
t = t.parentElement;
|
|
228
|
+
}
|
|
229
|
+
return !0;
|
|
230
|
+
}
|
|
231
|
+
_getFocusableItems() {
|
|
232
|
+
let e = this._getVisibleItems();
|
|
233
|
+
return this.disabledItemsFocusable ? e : e.filter((e) => !e.disabled);
|
|
234
|
+
}
|
|
235
|
+
_itemHasChildren(e) {
|
|
236
|
+
return e.hasChildren ? !0 : Array.from(e.children).some((e) => e.tagName === "FLINT-TREE-ITEM");
|
|
237
|
+
}
|
|
238
|
+
_initExpansion() {
|
|
239
|
+
this._expansionInitialized || (this._expansionInitialized = !0, !this._isControlled && this.defaultExpandedItems.length > 0 && (this._internalExpandedItems = new Set(this.defaultExpandedItems)), this._syncExpansion(), this._initRovingTabindex());
|
|
240
|
+
}
|
|
241
|
+
_syncExpansion() {
|
|
242
|
+
let e = this._isControlled ? new Set(this.expandedItems) : this._internalExpandedItems;
|
|
243
|
+
this._getAllItems().forEach((t) => {
|
|
244
|
+
let n = e.has(t.itemId);
|
|
245
|
+
t.expanded !== n && (t.expanded = n);
|
|
246
|
+
});
|
|
247
|
+
}
|
|
248
|
+
_handleToggle(e, t) {
|
|
249
|
+
if (t && this.dataSource && !this._lazyChildren.has(e.itemId) && !this._loading.has(e.itemId) && this._loadChildren(e.itemId), this._isControlled) {
|
|
250
|
+
let n = new Set(this.expandedItems);
|
|
251
|
+
t ? n.add(e.itemId) : n.delete(e.itemId);
|
|
252
|
+
let r = Array.from(n);
|
|
253
|
+
this.onExpandedItemsChange?.(r), this.dispatchEvent(new CustomEvent("flint-tree-view-expanded-items-change", {
|
|
254
|
+
detail: { expandedItems: r },
|
|
255
|
+
bubbles: !1
|
|
256
|
+
})), this._syncExpansion();
|
|
257
|
+
} else t ? this._internalExpandedItems.add(e.itemId) : this._internalExpandedItems.delete(e.itemId), this._syncExpansion();
|
|
258
|
+
}
|
|
259
|
+
_initRovingTabindex() {
|
|
260
|
+
let e = this._getAllItems();
|
|
261
|
+
if (e.length !== 0 && !e.some((e) => e.getAttribute("tabindex") === "0")) {
|
|
262
|
+
let t = this.disabledItemsFocusable ? e[0] : e.find((e) => !e.disabled);
|
|
263
|
+
t && t.setAttribute("tabindex", "0");
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
_focusItem(e) {
|
|
267
|
+
this._getAllItems().forEach((e) => e.setAttribute("tabindex", "-1")), e.setAttribute("tabindex", "0"), e.focus();
|
|
268
|
+
}
|
|
269
|
+
getItem(e) {
|
|
270
|
+
return this._findItemById(e, this._getEffectiveItems());
|
|
271
|
+
}
|
|
272
|
+
getItemDOMElement(e) {
|
|
273
|
+
return this._getAllItems().find((t) => t.itemId === e) ?? null;
|
|
274
|
+
}
|
|
275
|
+
getItemTree() {
|
|
276
|
+
return this._getEffectiveItems();
|
|
277
|
+
}
|
|
278
|
+
getItemOrderedChildrenIds(e) {
|
|
279
|
+
let t = this._getEffectiveItems();
|
|
280
|
+
if (e === null) return t.map((e) => this.getItemId(e));
|
|
281
|
+
let n = this._findItemById(e, t);
|
|
282
|
+
return n ? (this.getItemChildren(n) ?? []).map((e) => this.getItemId(e)) : [];
|
|
283
|
+
}
|
|
284
|
+
setIsItemDisabled(e, t) {
|
|
285
|
+
this._disabledOverrides.set(e, t), this.requestUpdate();
|
|
286
|
+
}
|
|
287
|
+
_renderItem(e, t = 0) {
|
|
288
|
+
let i = this.getItemId(e), a = this.getItemLabel(e), o = this._getEffectiveDisabled(e), s = [], c = !1, l = !1;
|
|
289
|
+
this.dataSource ? this._lazyChildren.has(i) ? (s = this._lazyChildren.get(i), l = s.length > 0) : (c = this._loading.has(i), l = this.dataSource.getChildrenCount(e) !== 0) : (s = this.getItemChildren(e) ?? [], l = s.length > 0);
|
|
290
|
+
let u = (t + 1) * 24 + 8;
|
|
291
|
+
return n`
|
|
292
|
+
<flint-tree-item
|
|
293
|
+
item-id=${i}
|
|
294
|
+
label=${a}
|
|
295
|
+
?disabled=${o}
|
|
296
|
+
?has-children=${l}
|
|
297
|
+
?show-drag-handle=${this.itemsReordering && this.itemsReorderingHandle}
|
|
298
|
+
>
|
|
299
|
+
${c ? n`
|
|
300
|
+
<div class="lazy-indicator" style="padding-left:${u}px">
|
|
301
|
+
<span class="lazy-spinner"></span>
|
|
302
|
+
<span>Loading…</span>
|
|
303
|
+
</div>
|
|
304
|
+
` : r}
|
|
305
|
+
${s.map((e) => this._renderItem(e, t + 1))}
|
|
306
|
+
</flint-tree-item>
|
|
307
|
+
`;
|
|
308
|
+
}
|
|
309
|
+
render() {
|
|
310
|
+
let e = this._getEffectiveItems(), t = this.dataSource && e.length === 0 ? this._lazyChildren.get(null) ?? [] : e;
|
|
311
|
+
return n`
|
|
312
|
+
<div class="tree-root" role="tree">
|
|
313
|
+
${this.dataSource !== void 0 && this.items.length === 0 && this._loading.has(null) ? n`
|
|
314
|
+
<div class="lazy-indicator lazy-root">
|
|
315
|
+
<span class="lazy-spinner"></span>
|
|
316
|
+
<span>Loading…</span>
|
|
317
|
+
</div>
|
|
318
|
+
` : r}
|
|
319
|
+
${t.map((e) => this._renderItem(e))}
|
|
320
|
+
</div>
|
|
321
|
+
`;
|
|
322
|
+
}
|
|
323
|
+
_getTreeItemFromEvent(e) {
|
|
324
|
+
let t = e.composedPath();
|
|
325
|
+
for (let e of t) if (e instanceof HTMLElement && e.tagName === "FLINT-TREE-ITEM") return e;
|
|
326
|
+
let n = e.target;
|
|
327
|
+
return n && n.tagName === "FLINT-TREE-ITEM" ? n : n?.closest?.("flint-tree-item") ?? null;
|
|
328
|
+
}
|
|
329
|
+
_clearDropTarget() {
|
|
330
|
+
this._dropTargetId = null, this._dropPosition = null, this._updateItemDropStates();
|
|
331
|
+
}
|
|
332
|
+
_updateItemDropStates() {
|
|
333
|
+
this._getAllItems().forEach((e) => {
|
|
334
|
+
e.itemId === this._dropTargetId ? e.dropPosition = this._dropPosition : e.dropPosition = null;
|
|
335
|
+
});
|
|
336
|
+
}
|
|
337
|
+
_moveItem(e, t, n) {
|
|
338
|
+
if (!this._orderedItems) return;
|
|
339
|
+
let r = this._findItemAndParentInTree(e, this._orderedItems), i = this._findItemAndParentInTree(t, this._orderedItems);
|
|
340
|
+
if (!r || !i) return;
|
|
341
|
+
r.parentList.splice(r.index, 1);
|
|
342
|
+
let a = null, o = 0;
|
|
343
|
+
if (n === "inside") {
|
|
344
|
+
let e = i.item, n = this.getItemChildren(e), s = Object.keys(e).find((t) => e[t] === n) || "children";
|
|
345
|
+
e[s] || (e[s] = []);
|
|
346
|
+
let c = e[s];
|
|
347
|
+
c.push(r.item), a = t, o = c.length - 1;
|
|
348
|
+
} else {
|
|
349
|
+
let e = this._findItemAndParentInTree(t, this._orderedItems);
|
|
350
|
+
if (!e) return;
|
|
351
|
+
let i = n === "before" ? e.index : e.index + 1;
|
|
352
|
+
e.parentList.splice(i, 0, r.item), a = e.parentId, o = i;
|
|
353
|
+
}
|
|
354
|
+
this._orderedItems = [...this._orderedItems], this.onItemPositionChange?.({
|
|
355
|
+
itemId: e,
|
|
356
|
+
newParentId: a,
|
|
357
|
+
newIndex: o
|
|
358
|
+
}), this.dispatchEvent(new CustomEvent("flint-tree-view-item-position-change", {
|
|
359
|
+
detail: {
|
|
360
|
+
itemId: e,
|
|
361
|
+
newParentId: a,
|
|
362
|
+
newIndex: o
|
|
363
|
+
},
|
|
364
|
+
bubbles: !0,
|
|
365
|
+
composed: !0
|
|
366
|
+
}));
|
|
367
|
+
}
|
|
368
|
+
};
|
|
369
|
+
e([o({ attribute: !1 })], l.prototype, "items", void 0), e([o({ attribute: !1 })], l.prototype, "dataSource", void 0), e([o({ attribute: !1 })], l.prototype, "getItemId", void 0), e([o({ attribute: !1 })], l.prototype, "getItemLabel", void 0), e([o({ attribute: !1 })], l.prototype, "getItemChildren", void 0), e([o({ attribute: !1 })], l.prototype, "isItemDisabled", void 0), e([o({
|
|
370
|
+
type: Boolean,
|
|
371
|
+
attribute: "disabled-items-focusable"
|
|
372
|
+
})], l.prototype, "disabledItemsFocusable", void 0), e([o({ attribute: !1 })], l.prototype, "onItemClick", void 0), e([o({
|
|
373
|
+
type: String,
|
|
374
|
+
attribute: "expansion-trigger"
|
|
375
|
+
})], l.prototype, "expansionTrigger", void 0), e([o({ attribute: !1 })], l.prototype, "expandedItems", void 0), e([o({ attribute: !1 })], l.prototype, "defaultExpandedItems", void 0), e([o({ attribute: !1 })], l.prototype, "onExpandedItemsChange", void 0), e([o({
|
|
376
|
+
type: Boolean,
|
|
377
|
+
attribute: "items-reordering"
|
|
378
|
+
})], l.prototype, "itemsReordering", void 0), e([o({ attribute: !1 })], l.prototype, "isItemReorderable", void 0), e([o({ attribute: !1 })], l.prototype, "canMoveItemToNewPosition", void 0), e([o({
|
|
379
|
+
type: Boolean,
|
|
380
|
+
attribute: "items-reordering-handle"
|
|
381
|
+
})], l.prototype, "itemsReorderingHandle", void 0), e([o({ attribute: !1 })], l.prototype, "onItemPositionChange", void 0), e([s()], l.prototype, "_orderedItems", void 0), e([s()], l.prototype, "_draggedItemId", void 0), e([s()], l.prototype, "_dropTargetId", void 0), e([s()], l.prototype, "_dropPosition", void 0), l = e([a("flint-rich-tree-view")], l);
|
|
382
|
+
//#endregion
|
|
383
|
+
export { l as t };
|