@jsekulowicz/ds-components 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/custom-elements.json +13621 -0
- package/dist/atoms/badge/badge.d.ts +14 -0
- package/dist/atoms/badge/badge.d.ts.map +1 -0
- package/dist/atoms/badge/badge.js +29 -0
- package/dist/atoms/badge/badge.js.map +1 -0
- package/dist/atoms/badge/badge.styles.d.ts +2 -0
- package/dist/atoms/badge/badge.styles.d.ts.map +1 -0
- package/dist/atoms/badge/badge.styles.js +43 -0
- package/dist/atoms/badge/badge.styles.js.map +1 -0
- package/dist/atoms/badge/define.d.ts +7 -0
- package/dist/atoms/badge/define.d.ts.map +1 -0
- package/dist/atoms/badge/define.js +5 -0
- package/dist/atoms/badge/define.js.map +1 -0
- package/dist/atoms/badge/index.d.ts +2 -0
- package/dist/atoms/badge/index.d.ts.map +1 -0
- package/dist/atoms/badge/index.js +2 -0
- package/dist/atoms/badge/index.js.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.d.ts +30 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.js +101 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.js.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.styles.d.ts +2 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.styles.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.styles.js +45 -0
- package/dist/atoms/breadcrumb/breadcrumb-item.styles.js.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb.d.ts +17 -0
- package/dist/atoms/breadcrumb/breadcrumb.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb.js +49 -0
- package/dist/atoms/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb.styles.d.ts +2 -0
- package/dist/atoms/breadcrumb/breadcrumb.styles.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/breadcrumb.styles.js +29 -0
- package/dist/atoms/breadcrumb/breadcrumb.styles.js.map +1 -0
- package/dist/atoms/breadcrumb/define.d.ts +9 -0
- package/dist/atoms/breadcrumb/define.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/define.js +9 -0
- package/dist/atoms/breadcrumb/define.js.map +1 -0
- package/dist/atoms/breadcrumb/index.d.ts +3 -0
- package/dist/atoms/breadcrumb/index.d.ts.map +1 -0
- package/dist/atoms/breadcrumb/index.js +3 -0
- package/dist/atoms/breadcrumb/index.js.map +1 -0
- package/dist/atoms/button/button.d.ts +31 -0
- package/dist/atoms/button/button.d.ts.map +1 -0
- package/dist/atoms/button/button.js +127 -0
- package/dist/atoms/button/button.js.map +1 -0
- package/dist/atoms/button/button.styles.d.ts +2 -0
- package/dist/atoms/button/button.styles.d.ts.map +1 -0
- package/dist/atoms/button/button.styles.js +105 -0
- package/dist/atoms/button/button.styles.js.map +1 -0
- package/dist/atoms/button/define.d.ts +7 -0
- package/dist/atoms/button/define.d.ts.map +1 -0
- package/dist/atoms/button/define.js +5 -0
- package/dist/atoms/button/define.js.map +1 -0
- package/dist/atoms/button/index.d.ts +2 -0
- package/dist/atoms/button/index.d.ts.map +1 -0
- package/dist/atoms/button/index.js +2 -0
- package/dist/atoms/button/index.js.map +1 -0
- package/dist/atoms/checkbox/checkbox.d.ts +21 -0
- package/dist/atoms/checkbox/checkbox.d.ts.map +1 -0
- package/dist/atoms/checkbox/checkbox.js +89 -0
- package/dist/atoms/checkbox/checkbox.js.map +1 -0
- package/dist/atoms/checkbox/checkbox.styles.d.ts +2 -0
- package/dist/atoms/checkbox/checkbox.styles.d.ts.map +1 -0
- package/dist/atoms/checkbox/checkbox.styles.js +69 -0
- package/dist/atoms/checkbox/checkbox.styles.js.map +1 -0
- package/dist/atoms/checkbox/define.d.ts +7 -0
- package/dist/atoms/checkbox/define.d.ts.map +1 -0
- package/dist/atoms/checkbox/define.js +5 -0
- package/dist/atoms/checkbox/define.js.map +1 -0
- package/dist/atoms/checkbox/index.d.ts +2 -0
- package/dist/atoms/checkbox/index.d.ts.map +1 -0
- package/dist/atoms/checkbox/index.js +2 -0
- package/dist/atoms/checkbox/index.js.map +1 -0
- package/dist/atoms/checkbox-group/checkbox-group.d.ts +26 -0
- package/dist/atoms/checkbox-group/checkbox-group.d.ts.map +1 -0
- package/dist/atoms/checkbox-group/checkbox-group.js +133 -0
- package/dist/atoms/checkbox-group/checkbox-group.js.map +1 -0
- package/dist/atoms/checkbox-group/checkbox-group.styles.d.ts +2 -0
- package/dist/atoms/checkbox-group/checkbox-group.styles.d.ts.map +1 -0
- package/dist/atoms/checkbox-group/checkbox-group.styles.js +30 -0
- package/dist/atoms/checkbox-group/checkbox-group.styles.js.map +1 -0
- package/dist/atoms/checkbox-group/define.d.ts +7 -0
- package/dist/atoms/checkbox-group/define.d.ts.map +1 -0
- package/dist/atoms/checkbox-group/define.js +5 -0
- package/dist/atoms/checkbox-group/define.js.map +1 -0
- package/dist/atoms/checkbox-group/index.d.ts +2 -0
- package/dist/atoms/checkbox-group/index.d.ts.map +1 -0
- package/dist/atoms/checkbox-group/index.js +2 -0
- package/dist/atoms/checkbox-group/index.js.map +1 -0
- package/dist/atoms/icon/define.d.ts +7 -0
- package/dist/atoms/icon/define.d.ts.map +1 -0
- package/dist/atoms/icon/define.js +5 -0
- package/dist/atoms/icon/define.js.map +1 -0
- package/dist/atoms/icon/icon.d.ts +20 -0
- package/dist/atoms/icon/icon.d.ts.map +1 -0
- package/dist/atoms/icon/icon.js +68 -0
- package/dist/atoms/icon/icon.js.map +1 -0
- package/dist/atoms/icon/icon.styles.d.ts +2 -0
- package/dist/atoms/icon/icon.styles.d.ts.map +1 -0
- package/dist/atoms/icon/icon.styles.js +25 -0
- package/dist/atoms/icon/icon.styles.js.map +1 -0
- package/dist/atoms/icon/icons/bars-3.d.ts +2 -0
- package/dist/atoms/icon/icons/bars-3.d.ts.map +1 -0
- package/dist/atoms/icon/icons/bars-3.js +4 -0
- package/dist/atoms/icon/icons/bars-3.js.map +1 -0
- package/dist/atoms/icon/icons/bell.d.ts +2 -0
- package/dist/atoms/icon/icons/bell.d.ts.map +1 -0
- package/dist/atoms/icon/icons/bell.js +4 -0
- package/dist/atoms/icon/icons/bell.js.map +1 -0
- package/dist/atoms/icon/icons/book-open.d.ts +2 -0
- package/dist/atoms/icon/icons/book-open.d.ts.map +1 -0
- package/dist/atoms/icon/icons/book-open.js +4 -0
- package/dist/atoms/icon/icons/book-open.js.map +1 -0
- package/dist/atoms/icon/icons/briefcase.d.ts +2 -0
- package/dist/atoms/icon/icons/briefcase.d.ts.map +1 -0
- package/dist/atoms/icon/icons/briefcase.js +4 -0
- package/dist/atoms/icon/icons/briefcase.js.map +1 -0
- package/dist/atoms/icon/icons/check.d.ts +2 -0
- package/dist/atoms/icon/icons/check.d.ts.map +1 -0
- package/dist/atoms/icon/icons/check.js +4 -0
- package/dist/atoms/icon/icons/check.js.map +1 -0
- package/dist/atoms/icon/icons/chevron-down.d.ts +2 -0
- package/dist/atoms/icon/icons/chevron-down.d.ts.map +1 -0
- package/dist/atoms/icon/icons/chevron-down.js +4 -0
- package/dist/atoms/icon/icons/chevron-down.js.map +1 -0
- package/dist/atoms/icon/icons/chevron-right.d.ts +2 -0
- package/dist/atoms/icon/icons/chevron-right.d.ts.map +1 -0
- package/dist/atoms/icon/icons/chevron-right.js +4 -0
- package/dist/atoms/icon/icons/chevron-right.js.map +1 -0
- package/dist/atoms/icon/icons/clock.d.ts +2 -0
- package/dist/atoms/icon/icons/clock.d.ts.map +1 -0
- package/dist/atoms/icon/icons/clock.js +4 -0
- package/dist/atoms/icon/icons/clock.js.map +1 -0
- package/dist/atoms/icon/icons/cog-6-tooth.d.ts +2 -0
- package/dist/atoms/icon/icons/cog-6-tooth.d.ts.map +1 -0
- package/dist/atoms/icon/icons/cog-6-tooth.js +4 -0
- package/dist/atoms/icon/icons/cog-6-tooth.js.map +1 -0
- package/dist/atoms/icon/icons/home.d.ts +2 -0
- package/dist/atoms/icon/icons/home.d.ts.map +1 -0
- package/dist/atoms/icon/icons/home.js +4 -0
- package/dist/atoms/icon/icons/home.js.map +1 -0
- package/dist/atoms/icon/icons/key.d.ts +2 -0
- package/dist/atoms/icon/icons/key.d.ts.map +1 -0
- package/dist/atoms/icon/icons/key.js +4 -0
- package/dist/atoms/icon/icons/key.js.map +1 -0
- package/dist/atoms/icon/icons/magnifying-glass.d.ts +2 -0
- package/dist/atoms/icon/icons/magnifying-glass.d.ts.map +1 -0
- package/dist/atoms/icon/icons/magnifying-glass.js +4 -0
- package/dist/atoms/icon/icons/magnifying-glass.js.map +1 -0
- package/dist/atoms/icon/icons/minus.d.ts +2 -0
- package/dist/atoms/icon/icons/minus.d.ts.map +1 -0
- package/dist/atoms/icon/icons/minus.js +4 -0
- package/dist/atoms/icon/icons/minus.js.map +1 -0
- package/dist/atoms/icon/icons/puzzle-piece.d.ts +2 -0
- package/dist/atoms/icon/icons/puzzle-piece.d.ts.map +1 -0
- package/dist/atoms/icon/icons/puzzle-piece.js +4 -0
- package/dist/atoms/icon/icons/puzzle-piece.js.map +1 -0
- package/dist/atoms/icon/icons/swatch.d.ts +2 -0
- package/dist/atoms/icon/icons/swatch.d.ts.map +1 -0
- package/dist/atoms/icon/icons/swatch.js +4 -0
- package/dist/atoms/icon/icons/swatch.js.map +1 -0
- package/dist/atoms/icon/icons/user.d.ts +2 -0
- package/dist/atoms/icon/icons/user.d.ts.map +1 -0
- package/dist/atoms/icon/icons/user.js +4 -0
- package/dist/atoms/icon/icons/user.js.map +1 -0
- package/dist/atoms/icon/icons/users.d.ts +2 -0
- package/dist/atoms/icon/icons/users.d.ts.map +1 -0
- package/dist/atoms/icon/icons/users.js +4 -0
- package/dist/atoms/icon/icons/users.js.map +1 -0
- package/dist/atoms/icon/icons/x-mark.d.ts +2 -0
- package/dist/atoms/icon/icons/x-mark.d.ts.map +1 -0
- package/dist/atoms/icon/icons/x-mark.js +4 -0
- package/dist/atoms/icon/icons/x-mark.js.map +1 -0
- package/dist/atoms/icon/index.d.ts +2 -0
- package/dist/atoms/icon/index.d.ts.map +1 -0
- package/dist/atoms/icon/index.js +2 -0
- package/dist/atoms/icon/index.js.map +1 -0
- package/dist/atoms/link/define.d.ts +7 -0
- package/dist/atoms/link/define.d.ts.map +1 -0
- package/dist/atoms/link/define.js +5 -0
- package/dist/atoms/link/define.js.map +1 -0
- package/dist/atoms/link/index.d.ts +2 -0
- package/dist/atoms/link/index.d.ts.map +1 -0
- package/dist/atoms/link/index.js +2 -0
- package/dist/atoms/link/index.js.map +1 -0
- package/dist/atoms/link/link.d.ts +19 -0
- package/dist/atoms/link/link.d.ts.map +1 -0
- package/dist/atoms/link/link.js +60 -0
- package/dist/atoms/link/link.js.map +1 -0
- package/dist/atoms/link/link.styles.d.ts +2 -0
- package/dist/atoms/link/link.styles.d.ts.map +1 -0
- package/dist/atoms/link/link.styles.js +36 -0
- package/dist/atoms/link/link.styles.js.map +1 -0
- package/dist/atoms/menu/define.d.ts +9 -0
- package/dist/atoms/menu/define.d.ts.map +1 -0
- package/dist/atoms/menu/define.js +9 -0
- package/dist/atoms/menu/define.js.map +1 -0
- package/dist/atoms/menu/index.d.ts +3 -0
- package/dist/atoms/menu/index.d.ts.map +1 -0
- package/dist/atoms/menu/index.js +3 -0
- package/dist/atoms/menu/index.js.map +1 -0
- package/dist/atoms/menu/menu-item.d.ts +26 -0
- package/dist/atoms/menu/menu-item.d.ts.map +1 -0
- package/dist/atoms/menu/menu-item.js +114 -0
- package/dist/atoms/menu/menu-item.js.map +1 -0
- package/dist/atoms/menu/menu-item.styles.d.ts +2 -0
- package/dist/atoms/menu/menu-item.styles.d.ts.map +1 -0
- package/dist/atoms/menu/menu-item.styles.js +69 -0
- package/dist/atoms/menu/menu-item.styles.js.map +1 -0
- package/dist/atoms/menu/menu.d.ts +21 -0
- package/dist/atoms/menu/menu.d.ts.map +1 -0
- package/dist/atoms/menu/menu.js +174 -0
- package/dist/atoms/menu/menu.js.map +1 -0
- package/dist/atoms/menu/menu.styles.d.ts +2 -0
- package/dist/atoms/menu/menu.styles.d.ts.map +1 -0
- package/dist/atoms/menu/menu.styles.js +44 -0
- package/dist/atoms/menu/menu.styles.js.map +1 -0
- package/dist/atoms/nav-item/define.d.ts +9 -0
- package/dist/atoms/nav-item/define.d.ts.map +1 -0
- package/dist/atoms/nav-item/define.js +9 -0
- package/dist/atoms/nav-item/define.js.map +1 -0
- package/dist/atoms/nav-item/index.d.ts +3 -0
- package/dist/atoms/nav-item/index.d.ts.map +1 -0
- package/dist/atoms/nav-item/index.js +3 -0
- package/dist/atoms/nav-item/index.js.map +1 -0
- package/dist/atoms/nav-item/nav-group.d.ts +25 -0
- package/dist/atoms/nav-item/nav-group.d.ts.map +1 -0
- package/dist/atoms/nav-item/nav-group.js +139 -0
- package/dist/atoms/nav-item/nav-group.js.map +1 -0
- package/dist/atoms/nav-item/nav-group.styles.d.ts +2 -0
- package/dist/atoms/nav-item/nav-group.styles.d.ts.map +1 -0
- package/dist/atoms/nav-item/nav-group.styles.js +107 -0
- package/dist/atoms/nav-item/nav-group.styles.js.map +1 -0
- package/dist/atoms/nav-item/nav-item.d.ts +28 -0
- package/dist/atoms/nav-item/nav-item.d.ts.map +1 -0
- package/dist/atoms/nav-item/nav-item.js +137 -0
- package/dist/atoms/nav-item/nav-item.js.map +1 -0
- package/dist/atoms/nav-item/nav-item.styles.d.ts +2 -0
- package/dist/atoms/nav-item/nav-item.styles.d.ts.map +1 -0
- package/dist/atoms/nav-item/nav-item.styles.js +92 -0
- package/dist/atoms/nav-item/nav-item.styles.js.map +1 -0
- package/dist/atoms/radio/define.d.ts +7 -0
- package/dist/atoms/radio/define.d.ts.map +1 -0
- package/dist/atoms/radio/define.js +5 -0
- package/dist/atoms/radio/define.js.map +1 -0
- package/dist/atoms/radio/index.d.ts +2 -0
- package/dist/atoms/radio/index.d.ts.map +1 -0
- package/dist/atoms/radio/index.js +2 -0
- package/dist/atoms/radio/index.js.map +1 -0
- package/dist/atoms/radio/radio.d.ts +19 -0
- package/dist/atoms/radio/radio.d.ts.map +1 -0
- package/dist/atoms/radio/radio.js +91 -0
- package/dist/atoms/radio/radio.js.map +1 -0
- package/dist/atoms/radio/radio.styles.d.ts +2 -0
- package/dist/atoms/radio/radio.styles.d.ts.map +1 -0
- package/dist/atoms/radio/radio.styles.js +61 -0
- package/dist/atoms/radio/radio.styles.js.map +1 -0
- package/dist/atoms/radio-group/define.d.ts +7 -0
- package/dist/atoms/radio-group/define.d.ts.map +1 -0
- package/dist/atoms/radio-group/define.js +5 -0
- package/dist/atoms/radio-group/define.js.map +1 -0
- package/dist/atoms/radio-group/index.d.ts +2 -0
- package/dist/atoms/radio-group/index.d.ts.map +1 -0
- package/dist/atoms/radio-group/index.js +2 -0
- package/dist/atoms/radio-group/index.js.map +1 -0
- package/dist/atoms/radio-group/radio-group.d.ts +26 -0
- package/dist/atoms/radio-group/radio-group.d.ts.map +1 -0
- package/dist/atoms/radio-group/radio-group.js +130 -0
- package/dist/atoms/radio-group/radio-group.js.map +1 -0
- package/dist/atoms/radio-group/radio-group.styles.d.ts +2 -0
- package/dist/atoms/radio-group/radio-group.styles.d.ts.map +1 -0
- package/dist/atoms/radio-group/radio-group.styles.js +30 -0
- package/dist/atoms/radio-group/radio-group.styles.js.map +1 -0
- package/dist/atoms/searchable-select/define.d.ts +8 -0
- package/dist/atoms/searchable-select/define.d.ts.map +1 -0
- package/dist/atoms/searchable-select/define.js +6 -0
- package/dist/atoms/searchable-select/define.js.map +1 -0
- package/dist/atoms/searchable-select/highlight-match.d.ts +3 -0
- package/dist/atoms/searchable-select/highlight-match.d.ts.map +1 -0
- package/dist/atoms/searchable-select/highlight-match.js +20 -0
- package/dist/atoms/searchable-select/highlight-match.js.map +1 -0
- package/dist/atoms/searchable-select/index.d.ts +2 -0
- package/dist/atoms/searchable-select/index.d.ts.map +1 -0
- package/dist/atoms/searchable-select/index.js +2 -0
- package/dist/atoms/searchable-select/index.js.map +1 -0
- package/dist/atoms/searchable-select/searchable-select.d.ts +53 -0
- package/dist/atoms/searchable-select/searchable-select.d.ts.map +1 -0
- package/dist/atoms/searchable-select/searchable-select.js +338 -0
- package/dist/atoms/searchable-select/searchable-select.js.map +1 -0
- package/dist/atoms/searchable-select/searchable-select.styles.d.ts +2 -0
- package/dist/atoms/searchable-select/searchable-select.styles.d.ts.map +1 -0
- package/dist/atoms/searchable-select/searchable-select.styles.js +220 -0
- package/dist/atoms/searchable-select/searchable-select.styles.js.map +1 -0
- package/dist/atoms/select/define.d.ts +9 -0
- package/dist/atoms/select/define.d.ts.map +1 -0
- package/dist/atoms/select/define.js +9 -0
- package/dist/atoms/select/define.js.map +1 -0
- package/dist/atoms/select/dropdown-controller.d.ts +44 -0
- package/dist/atoms/select/dropdown-controller.d.ts.map +1 -0
- package/dist/atoms/select/dropdown-controller.js +172 -0
- package/dist/atoms/select/dropdown-controller.js.map +1 -0
- package/dist/atoms/select/dropdown-keydown.d.ts +13 -0
- package/dist/atoms/select/dropdown-keydown.d.ts.map +1 -0
- package/dist/atoms/select/dropdown-keydown.js +60 -0
- package/dist/atoms/select/dropdown-keydown.js.map +1 -0
- package/dist/atoms/select/index.d.ts +2 -0
- package/dist/atoms/select/index.d.ts.map +1 -0
- package/dist/atoms/select/index.js +2 -0
- package/dist/atoms/select/index.js.map +1 -0
- package/dist/atoms/select/select-option.d.ts +24 -0
- package/dist/atoms/select/select-option.d.ts.map +1 -0
- package/dist/atoms/select/select-option.js +92 -0
- package/dist/atoms/select/select-option.js.map +1 -0
- package/dist/atoms/select/select-option.styles.d.ts +2 -0
- package/dist/atoms/select/select-option.styles.d.ts.map +1 -0
- package/dist/atoms/select/select-option.styles.js +68 -0
- package/dist/atoms/select/select-option.styles.js.map +1 -0
- package/dist/atoms/select/select.d.ts +50 -0
- package/dist/atoms/select/select.d.ts.map +1 -0
- package/dist/atoms/select/select.js +273 -0
- package/dist/atoms/select/select.js.map +1 -0
- package/dist/atoms/select/select.shared.d.ts +26 -0
- package/dist/atoms/select/select.shared.d.ts.map +1 -0
- package/dist/atoms/select/select.shared.js +92 -0
- package/dist/atoms/select/select.shared.js.map +1 -0
- package/dist/atoms/select/select.styles.d.ts +2 -0
- package/dist/atoms/select/select.styles.d.ts.map +1 -0
- package/dist/atoms/select/select.styles.js +193 -0
- package/dist/atoms/select/select.styles.js.map +1 -0
- package/dist/atoms/table/define.d.ts +11 -0
- package/dist/atoms/table/define.d.ts.map +1 -0
- package/dist/atoms/table/define.js +13 -0
- package/dist/atoms/table/define.js.map +1 -0
- package/dist/atoms/table/index.d.ts +6 -0
- package/dist/atoms/table/index.d.ts.map +1 -0
- package/dist/atoms/table/index.js +5 -0
- package/dist/atoms/table/index.js.map +1 -0
- package/dist/atoms/table/pagination-range.d.ts +9 -0
- package/dist/atoms/table/pagination-range.d.ts.map +1 -0
- package/dist/atoms/table/pagination-range.js +32 -0
- package/dist/atoms/table/pagination-range.js.map +1 -0
- package/dist/atoms/table/table-pagination.d.ts +34 -0
- package/dist/atoms/table/table-pagination.d.ts.map +1 -0
- package/dist/atoms/table/table-pagination.js +170 -0
- package/dist/atoms/table/table-pagination.js.map +1 -0
- package/dist/atoms/table/table-pagination.styles.d.ts +2 -0
- package/dist/atoms/table/table-pagination.styles.d.ts.map +1 -0
- package/dist/atoms/table/table-pagination.styles.js +94 -0
- package/dist/atoms/table/table-pagination.styles.js.map +1 -0
- package/dist/atoms/table/table-sort-button.d.ts +19 -0
- package/dist/atoms/table/table-sort-button.d.ts.map +1 -0
- package/dist/atoms/table/table-sort-button.js +82 -0
- package/dist/atoms/table/table-sort-button.js.map +1 -0
- package/dist/atoms/table/table-sort-button.styles.d.ts +2 -0
- package/dist/atoms/table/table-sort-button.styles.d.ts.map +1 -0
- package/dist/atoms/table/table-sort-button.styles.js +41 -0
- package/dist/atoms/table/table-sort-button.styles.js.map +1 -0
- package/dist/atoms/table/table.d.ts +35 -0
- package/dist/atoms/table/table.d.ts.map +1 -0
- package/dist/atoms/table/table.js +175 -0
- package/dist/atoms/table/table.js.map +1 -0
- package/dist/atoms/table/table.styles.d.ts +2 -0
- package/dist/atoms/table/table.styles.d.ts.map +1 -0
- package/dist/atoms/table/table.styles.js +94 -0
- package/dist/atoms/table/table.styles.js.map +1 -0
- package/dist/atoms/table/types.d.ts +33 -0
- package/dist/atoms/table/types.d.ts.map +1 -0
- package/dist/atoms/table/types.js +2 -0
- package/dist/atoms/table/types.js.map +1 -0
- package/dist/atoms/tabs/define.d.ts +11 -0
- package/dist/atoms/tabs/define.d.ts.map +1 -0
- package/dist/atoms/tabs/define.js +13 -0
- package/dist/atoms/tabs/define.js.map +1 -0
- package/dist/atoms/tabs/index.d.ts +4 -0
- package/dist/atoms/tabs/index.d.ts.map +1 -0
- package/dist/atoms/tabs/index.js +4 -0
- package/dist/atoms/tabs/index.js.map +1 -0
- package/dist/atoms/tabs/tab-panel.d.ts +16 -0
- package/dist/atoms/tabs/tab-panel.d.ts.map +1 -0
- package/dist/atoms/tabs/tab-panel.js +43 -0
- package/dist/atoms/tabs/tab-panel.js.map +1 -0
- package/dist/atoms/tabs/tab-panel.styles.d.ts +2 -0
- package/dist/atoms/tabs/tab-panel.styles.d.ts.map +1 -0
- package/dist/atoms/tabs/tab-panel.styles.js +15 -0
- package/dist/atoms/tabs/tab-panel.styles.js.map +1 -0
- package/dist/atoms/tabs/tab.d.ts +20 -0
- package/dist/atoms/tabs/tab.d.ts.map +1 -0
- package/dist/atoms/tabs/tab.js +62 -0
- package/dist/atoms/tabs/tab.js.map +1 -0
- package/dist/atoms/tabs/tab.styles.d.ts +2 -0
- package/dist/atoms/tabs/tab.styles.d.ts.map +1 -0
- package/dist/atoms/tabs/tab.styles.js +42 -0
- package/dist/atoms/tabs/tab.styles.js.map +1 -0
- package/dist/atoms/tabs/tabs.d.ts +23 -0
- package/dist/atoms/tabs/tabs.d.ts.map +1 -0
- package/dist/atoms/tabs/tabs.js +130 -0
- package/dist/atoms/tabs/tabs.js.map +1 -0
- package/dist/atoms/tabs/tabs.styles.d.ts +2 -0
- package/dist/atoms/tabs/tabs.styles.d.ts.map +1 -0
- package/dist/atoms/tabs/tabs.styles.js +18 -0
- package/dist/atoms/tabs/tabs.styles.js.map +1 -0
- package/dist/atoms/text-field/define.d.ts +7 -0
- package/dist/atoms/text-field/define.d.ts.map +1 -0
- package/dist/atoms/text-field/define.js +5 -0
- package/dist/atoms/text-field/define.js.map +1 -0
- package/dist/atoms/text-field/index.d.ts +2 -0
- package/dist/atoms/text-field/index.d.ts.map +1 -0
- package/dist/atoms/text-field/index.js +2 -0
- package/dist/atoms/text-field/index.js.map +1 -0
- package/dist/atoms/text-field/text-field.d.ts +39 -0
- package/dist/atoms/text-field/text-field.d.ts.map +1 -0
- package/dist/atoms/text-field/text-field.js +163 -0
- package/dist/atoms/text-field/text-field.js.map +1 -0
- package/dist/atoms/text-field/text-field.styles.d.ts +2 -0
- package/dist/atoms/text-field/text-field.styles.d.ts.map +1 -0
- package/dist/atoms/text-field/text-field.styles.js +76 -0
- package/dist/atoms/text-field/text-field.styles.js.map +1 -0
- package/dist/atoms/tooltip/define.d.ts +2 -0
- package/dist/atoms/tooltip/define.d.ts.map +1 -0
- package/dist/atoms/tooltip/define.js +5 -0
- package/dist/atoms/tooltip/define.js.map +1 -0
- package/dist/atoms/tooltip/index.d.ts +2 -0
- package/dist/atoms/tooltip/index.d.ts.map +1 -0
- package/dist/atoms/tooltip/index.js +2 -0
- package/dist/atoms/tooltip/index.js.map +1 -0
- package/dist/atoms/tooltip/tooltip.d.ts +26 -0
- package/dist/atoms/tooltip/tooltip.d.ts.map +1 -0
- package/dist/atoms/tooltip/tooltip.js +194 -0
- package/dist/atoms/tooltip/tooltip.js.map +1 -0
- package/dist/atoms/tooltip/tooltip.styles.d.ts +2 -0
- package/dist/atoms/tooltip/tooltip.styles.d.ts.map +1 -0
- package/dist/atoms/tooltip/tooltip.styles.js +32 -0
- package/dist/atoms/tooltip/tooltip.styles.js.map +1 -0
- package/dist/define.d.ts +31 -0
- package/dist/define.d.ts.map +1 -0
- package/dist/define.js +31 -0
- package/dist/define.js.map +1 -0
- package/dist/index.d.ts +31 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +31 -0
- package/dist/index.js.map +1 -0
- package/dist/molecules/alert/alert.d.ts +21 -0
- package/dist/molecules/alert/alert.d.ts.map +1 -0
- package/dist/molecules/alert/alert.js +72 -0
- package/dist/molecules/alert/alert.js.map +1 -0
- package/dist/molecules/alert/alert.styles.d.ts +2 -0
- package/dist/molecules/alert/alert.styles.d.ts.map +1 -0
- package/dist/molecules/alert/alert.styles.js +68 -0
- package/dist/molecules/alert/alert.styles.js.map +1 -0
- package/dist/molecules/alert/define.d.ts +7 -0
- package/dist/molecules/alert/define.d.ts.map +1 -0
- package/dist/molecules/alert/define.js +5 -0
- package/dist/molecules/alert/define.js.map +1 -0
- package/dist/molecules/alert/index.d.ts +2 -0
- package/dist/molecules/alert/index.d.ts.map +1 -0
- package/dist/molecules/alert/index.js +2 -0
- package/dist/molecules/alert/index.js.map +1 -0
- package/dist/molecules/bar-chart/bar-chart.d.ts +35 -0
- package/dist/molecules/bar-chart/bar-chart.d.ts.map +1 -0
- package/dist/molecules/bar-chart/bar-chart.js +506 -0
- package/dist/molecules/bar-chart/bar-chart.js.map +1 -0
- package/dist/molecules/bar-chart/bar-chart.styles.d.ts +2 -0
- package/dist/molecules/bar-chart/bar-chart.styles.d.ts.map +1 -0
- package/dist/molecules/bar-chart/bar-chart.styles.js +165 -0
- package/dist/molecules/bar-chart/bar-chart.styles.js.map +1 -0
- package/dist/molecules/bar-chart/colors.d.ts +3 -0
- package/dist/molecules/bar-chart/colors.d.ts.map +1 -0
- package/dist/molecules/bar-chart/colors.js +13 -0
- package/dist/molecules/bar-chart/colors.js.map +1 -0
- package/dist/molecules/bar-chart/define.d.ts +7 -0
- package/dist/molecules/bar-chart/define.d.ts.map +1 -0
- package/dist/molecules/bar-chart/define.js +5 -0
- package/dist/molecules/bar-chart/define.js.map +1 -0
- package/dist/molecules/bar-chart/index.d.ts +4 -0
- package/dist/molecules/bar-chart/index.d.ts.map +1 -0
- package/dist/molecules/bar-chart/index.js +3 -0
- package/dist/molecules/bar-chart/index.js.map +1 -0
- package/dist/molecules/bar-chart/layout.d.ts +24 -0
- package/dist/molecules/bar-chart/layout.d.ts.map +1 -0
- package/dist/molecules/bar-chart/layout.js +88 -0
- package/dist/molecules/bar-chart/layout.js.map +1 -0
- package/dist/molecules/bar-chart/types.d.ts +22 -0
- package/dist/molecules/bar-chart/types.d.ts.map +1 -0
- package/dist/molecules/bar-chart/types.js +2 -0
- package/dist/molecules/bar-chart/types.js.map +1 -0
- package/dist/molecules/card/card.d.ts +24 -0
- package/dist/molecules/card/card.d.ts.map +1 -0
- package/dist/molecules/card/card.js +60 -0
- package/dist/molecules/card/card.js.map +1 -0
- package/dist/molecules/card/card.styles.d.ts +2 -0
- package/dist/molecules/card/card.styles.d.ts.map +1 -0
- package/dist/molecules/card/card.styles.js +75 -0
- package/dist/molecules/card/card.styles.js.map +1 -0
- package/dist/molecules/card/define.d.ts +7 -0
- package/dist/molecules/card/define.d.ts.map +1 -0
- package/dist/molecules/card/define.js +5 -0
- package/dist/molecules/card/define.js.map +1 -0
- package/dist/molecules/card/index.d.ts +2 -0
- package/dist/molecules/card/index.d.ts.map +1 -0
- package/dist/molecules/card/index.js +2 -0
- package/dist/molecules/card/index.js.map +1 -0
- package/dist/molecules/color-picker/color-picker-custom-inputs.d.ts +38 -0
- package/dist/molecules/color-picker/color-picker-custom-inputs.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker-custom-inputs.js +95 -0
- package/dist/molecules/color-picker/color-picker-custom-inputs.js.map +1 -0
- package/dist/molecules/color-picker/color-picker-popover.d.ts +24 -0
- package/dist/molecules/color-picker/color-picker-popover.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker-popover.js +59 -0
- package/dist/molecules/color-picker/color-picker-popover.js.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.d.ts +22 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.js +135 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.js.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.styles.d.ts +2 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.styles.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.styles.js +28 -0
- package/dist/molecules/color-picker/color-picker-swatch-group.styles.js.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch.d.ts +21 -0
- package/dist/molecules/color-picker/color-picker-swatch.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch.js +111 -0
- package/dist/molecules/color-picker/color-picker-swatch.js.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch.styles.d.ts +2 -0
- package/dist/molecules/color-picker/color-picker-swatch.styles.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker-swatch.styles.js +42 -0
- package/dist/molecules/color-picker/color-picker-swatch.styles.js.map +1 -0
- package/dist/molecules/color-picker/color-picker.d.ts +45 -0
- package/dist/molecules/color-picker/color-picker.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker.js +322 -0
- package/dist/molecules/color-picker/color-picker.js.map +1 -0
- package/dist/molecules/color-picker/color-picker.styles.d.ts +2 -0
- package/dist/molecules/color-picker/color-picker.styles.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-picker.styles.js +177 -0
- package/dist/molecules/color-picker/color-picker.styles.js.map +1 -0
- package/dist/molecules/color-picker/color-utils.d.ts +8 -0
- package/dist/molecules/color-picker/color-utils.d.ts.map +1 -0
- package/dist/molecules/color-picker/color-utils.js +88 -0
- package/dist/molecules/color-picker/color-utils.js.map +1 -0
- package/dist/molecules/color-picker/define.d.ts +18 -0
- package/dist/molecules/color-picker/define.d.ts.map +1 -0
- package/dist/molecules/color-picker/define.js +22 -0
- package/dist/molecules/color-picker/define.js.map +1 -0
- package/dist/molecules/color-picker/index.d.ts +6 -0
- package/dist/molecules/color-picker/index.d.ts.map +1 -0
- package/dist/molecules/color-picker/index.js +5 -0
- package/dist/molecules/color-picker/index.js.map +1 -0
- package/dist/molecules/color-picker/input-color.d.ts +18 -0
- package/dist/molecules/color-picker/input-color.d.ts.map +1 -0
- package/dist/molecules/color-picker/input-color.js +68 -0
- package/dist/molecules/color-picker/input-color.js.map +1 -0
- package/dist/molecules/color-picker/input-color.styles.d.ts +2 -0
- package/dist/molecules/color-picker/input-color.styles.d.ts.map +1 -0
- package/dist/molecules/color-picker/input-color.styles.js +36 -0
- package/dist/molecules/color-picker/input-color.styles.js.map +1 -0
- package/dist/molecules/color-picker/types.d.ts +6 -0
- package/dist/molecules/color-picker/types.d.ts.map +1 -0
- package/dist/molecules/color-picker/types.js +2 -0
- package/dist/molecules/color-picker/types.js.map +1 -0
- package/dist/molecules/dialog/define.d.ts +8 -0
- package/dist/molecules/dialog/define.d.ts.map +1 -0
- package/dist/molecules/dialog/define.js +6 -0
- package/dist/molecules/dialog/define.js.map +1 -0
- package/dist/molecules/dialog/dialog.d.ts +33 -0
- package/dist/molecules/dialog/dialog.d.ts.map +1 -0
- package/dist/molecules/dialog/dialog.js +139 -0
- package/dist/molecules/dialog/dialog.js.map +1 -0
- package/dist/molecules/dialog/dialog.styles.d.ts +2 -0
- package/dist/molecules/dialog/dialog.styles.d.ts.map +1 -0
- package/dist/molecules/dialog/dialog.styles.js +84 -0
- package/dist/molecules/dialog/dialog.styles.js.map +1 -0
- package/dist/molecules/dialog/index.d.ts +2 -0
- package/dist/molecules/dialog/index.d.ts.map +1 -0
- package/dist/molecules/dialog/index.js +2 -0
- package/dist/molecules/dialog/index.js.map +1 -0
- package/dist/molecules/menu-button/define.d.ts +9 -0
- package/dist/molecules/menu-button/define.d.ts.map +1 -0
- package/dist/molecules/menu-button/define.js +7 -0
- package/dist/molecules/menu-button/define.js.map +1 -0
- package/dist/molecules/menu-button/index.d.ts +2 -0
- package/dist/molecules/menu-button/index.d.ts.map +1 -0
- package/dist/molecules/menu-button/index.js +2 -0
- package/dist/molecules/menu-button/index.js.map +1 -0
- package/dist/molecules/menu-button/menu-button-popover.d.ts +26 -0
- package/dist/molecules/menu-button/menu-button-popover.d.ts.map +1 -0
- package/dist/molecules/menu-button/menu-button-popover.js +73 -0
- package/dist/molecules/menu-button/menu-button-popover.js.map +1 -0
- package/dist/molecules/menu-button/menu-button.d.ts +38 -0
- package/dist/molecules/menu-button/menu-button.d.ts.map +1 -0
- package/dist/molecules/menu-button/menu-button.js +174 -0
- package/dist/molecules/menu-button/menu-button.js.map +1 -0
- package/dist/molecules/menu-button/menu-button.styles.d.ts +2 -0
- package/dist/molecules/menu-button/menu-button.styles.d.ts.map +1 -0
- package/dist/molecules/menu-button/menu-button.styles.js +40 -0
- package/dist/molecules/menu-button/menu-button.styles.js.map +1 -0
- package/dist/molecules/menu-button/slotted-trigger.d.ts +19 -0
- package/dist/molecules/menu-button/slotted-trigger.d.ts.map +1 -0
- package/dist/molecules/menu-button/slotted-trigger.js +54 -0
- package/dist/molecules/menu-button/slotted-trigger.js.map +1 -0
- package/dist/molecules/toast/define.d.ts +9 -0
- package/dist/molecules/toast/define.d.ts.map +1 -0
- package/dist/molecules/toast/define.js +9 -0
- package/dist/molecules/toast/define.js.map +1 -0
- package/dist/molecules/toast/index.d.ts +4 -0
- package/dist/molecules/toast/index.d.ts.map +1 -0
- package/dist/molecules/toast/index.js +4 -0
- package/dist/molecules/toast/index.js.map +1 -0
- package/dist/molecules/toast/toast-stack.d.ts +22 -0
- package/dist/molecules/toast/toast-stack.d.ts.map +1 -0
- package/dist/molecules/toast/toast-stack.js +62 -0
- package/dist/molecules/toast/toast-stack.js.map +1 -0
- package/dist/molecules/toast/toast-stack.styles.d.ts +2 -0
- package/dist/molecules/toast/toast-stack.styles.d.ts.map +1 -0
- package/dist/molecules/toast/toast-stack.styles.js +35 -0
- package/dist/molecules/toast/toast-stack.styles.js.map +1 -0
- package/dist/molecules/toast/toast.d.ts +28 -0
- package/dist/molecules/toast/toast.d.ts.map +1 -0
- package/dist/molecules/toast/toast.imperative.d.ts +28 -0
- package/dist/molecules/toast/toast.imperative.d.ts.map +1 -0
- package/dist/molecules/toast/toast.imperative.js +68 -0
- package/dist/molecules/toast/toast.imperative.js.map +1 -0
- package/dist/molecules/toast/toast.js +170 -0
- package/dist/molecules/toast/toast.js.map +1 -0
- package/dist/molecules/toast/toast.styles.d.ts +2 -0
- package/dist/molecules/toast/toast.styles.d.ts.map +1 -0
- package/dist/molecules/toast/toast.styles.js +72 -0
- package/dist/molecules/toast/toast.styles.js.map +1 -0
- package/dist/organisms/footer/define.d.ts +7 -0
- package/dist/organisms/footer/define.d.ts.map +1 -0
- package/dist/organisms/footer/define.js +5 -0
- package/dist/organisms/footer/define.js.map +1 -0
- package/dist/organisms/footer/footer.d.ts +18 -0
- package/dist/organisms/footer/footer.d.ts.map +1 -0
- package/dist/organisms/footer/footer.js +25 -0
- package/dist/organisms/footer/footer.js.map +1 -0
- package/dist/organisms/footer/footer.styles.d.ts +2 -0
- package/dist/organisms/footer/footer.styles.d.ts.map +1 -0
- package/dist/organisms/footer/footer.styles.js +43 -0
- package/dist/organisms/footer/footer.styles.js.map +1 -0
- package/dist/organisms/footer/index.d.ts +2 -0
- package/dist/organisms/footer/index.d.ts.map +1 -0
- package/dist/organisms/footer/index.js +2 -0
- package/dist/organisms/footer/index.js.map +1 -0
- package/dist/organisms/form/define.d.ts +7 -0
- package/dist/organisms/form/define.d.ts.map +1 -0
- package/dist/organisms/form/define.js +5 -0
- package/dist/organisms/form/define.js.map +1 -0
- package/dist/organisms/form/form.d.ts +20 -0
- package/dist/organisms/form/form.d.ts.map +1 -0
- package/dist/organisms/form/form.js +82 -0
- package/dist/organisms/form/form.js.map +1 -0
- package/dist/organisms/form/form.styles.d.ts +2 -0
- package/dist/organisms/form/form.styles.d.ts.map +1 -0
- package/dist/organisms/form/form.styles.js +34 -0
- package/dist/organisms/form/form.styles.js.map +1 -0
- package/dist/organisms/form/index.d.ts +2 -0
- package/dist/organisms/form/index.d.ts.map +1 -0
- package/dist/organisms/form/index.js +2 -0
- package/dist/organisms/form/index.js.map +1 -0
- package/dist/organisms/navbar/define.d.ts +7 -0
- package/dist/organisms/navbar/define.d.ts.map +1 -0
- package/dist/organisms/navbar/define.js +5 -0
- package/dist/organisms/navbar/define.js.map +1 -0
- package/dist/organisms/navbar/index.d.ts +2 -0
- package/dist/organisms/navbar/index.d.ts.map +1 -0
- package/dist/organisms/navbar/index.js +2 -0
- package/dist/organisms/navbar/index.js.map +1 -0
- package/dist/organisms/navbar/navbar.d.ts +29 -0
- package/dist/organisms/navbar/navbar.d.ts.map +1 -0
- package/dist/organisms/navbar/navbar.js +90 -0
- package/dist/organisms/navbar/navbar.js.map +1 -0
- package/dist/organisms/navbar/navbar.styles.d.ts +2 -0
- package/dist/organisms/navbar/navbar.styles.d.ts.map +1 -0
- package/dist/organisms/navbar/navbar.styles.js +84 -0
- package/dist/organisms/navbar/navbar.styles.js.map +1 -0
- package/dist/organisms/sidenav/define.d.ts +7 -0
- package/dist/organisms/sidenav/define.d.ts.map +1 -0
- package/dist/organisms/sidenav/define.js +5 -0
- package/dist/organisms/sidenav/define.js.map +1 -0
- package/dist/organisms/sidenav/index.d.ts +2 -0
- package/dist/organisms/sidenav/index.d.ts.map +1 -0
- package/dist/organisms/sidenav/index.js +2 -0
- package/dist/organisms/sidenav/index.js.map +1 -0
- package/dist/organisms/sidenav/sidenav.d.ts +24 -0
- package/dist/organisms/sidenav/sidenav.d.ts.map +1 -0
- package/dist/organisms/sidenav/sidenav.js +81 -0
- package/dist/organisms/sidenav/sidenav.js.map +1 -0
- package/dist/organisms/sidenav/sidenav.styles.d.ts +2 -0
- package/dist/organisms/sidenav/sidenav.styles.d.ts.map +1 -0
- package/dist/organisms/sidenav/sidenav.styles.js +63 -0
- package/dist/organisms/sidenav/sidenav.styles.js.map +1 -0
- package/dist/pages/settings-page/define.d.ts +7 -0
- package/dist/pages/settings-page/define.d.ts.map +1 -0
- package/dist/pages/settings-page/define.js +5 -0
- package/dist/pages/settings-page/define.js.map +1 -0
- package/dist/pages/settings-page/index.d.ts +2 -0
- package/dist/pages/settings-page/index.d.ts.map +1 -0
- package/dist/pages/settings-page/index.js +2 -0
- package/dist/pages/settings-page/index.js.map +1 -0
- package/dist/pages/settings-page/settings-page.d.ts +21 -0
- package/dist/pages/settings-page/settings-page.d.ts.map +1 -0
- package/dist/pages/settings-page/settings-page.js +72 -0
- package/dist/pages/settings-page/settings-page.js.map +1 -0
- package/dist/pages/settings-page/settings-page.styles.d.ts +2 -0
- package/dist/pages/settings-page/settings-page.styles.d.ts.map +1 -0
- package/dist/pages/settings-page/settings-page.styles.js +72 -0
- package/dist/pages/settings-page/settings-page.styles.js.map +1 -0
- package/dist/shared/form-field.d.ts +5 -0
- package/dist/shared/form-field.d.ts.map +1 -0
- package/dist/shared/form-field.js +73 -0
- package/dist/shared/form-field.js.map +1 -0
- package/dist/shared/virtual-list.d.ts +5 -0
- package/dist/shared/virtual-list.d.ts.map +1 -0
- package/dist/shared/virtual-list.js +16 -0
- package/dist/shared/virtual-list.js.map +1 -0
- package/dist/templates/page-shell/define.d.ts +7 -0
- package/dist/templates/page-shell/define.d.ts.map +1 -0
- package/dist/templates/page-shell/define.js +5 -0
- package/dist/templates/page-shell/define.js.map +1 -0
- package/dist/templates/page-shell/index.d.ts +2 -0
- package/dist/templates/page-shell/index.d.ts.map +1 -0
- package/dist/templates/page-shell/index.js +2 -0
- package/dist/templates/page-shell/index.js.map +1 -0
- package/dist/templates/page-shell/page-shell.d.ts +26 -0
- package/dist/templates/page-shell/page-shell.d.ts.map +1 -0
- package/dist/templates/page-shell/page-shell.js +159 -0
- package/dist/templates/page-shell/page-shell.js.map +1 -0
- package/dist/templates/page-shell/page-shell.styles.d.ts +2 -0
- package/dist/templates/page-shell/page-shell.styles.d.ts.map +1 -0
- package/dist/templates/page-shell/page-shell.styles.js +146 -0
- package/dist/templates/page-shell/page-shell.styles.js.map +1 -0
- package/dist/test-utils/mount.d.ts +4 -0
- package/dist/test-utils/mount.d.ts.map +1 -0
- package/dist/test-utils/mount.js +27 -0
- package/dist/test-utils/mount.js.map +1 -0
- package/package.json +374 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA8LxB,CAAC"}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const selectStyles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
gap: var(--ds-space-1);
|
|
7
|
+
width: 100%;
|
|
8
|
+
}
|
|
9
|
+
.control-wrap {
|
|
10
|
+
position: relative;
|
|
11
|
+
width: 100%;
|
|
12
|
+
}
|
|
13
|
+
.trigger {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: var(--ds-size-md);
|
|
18
|
+
background: var(--ds-color-bg);
|
|
19
|
+
border: 1px solid var(--ds-color-border-strong);
|
|
20
|
+
border-radius: var(--ds-radius-sm);
|
|
21
|
+
padding: 0 var(--ds-space-3);
|
|
22
|
+
cursor: pointer;
|
|
23
|
+
text-align: left;
|
|
24
|
+
font-family: var(--ds-font-body);
|
|
25
|
+
font-size: var(--ds-font-size-sm);
|
|
26
|
+
color: var(--ds-color-fg);
|
|
27
|
+
transition:
|
|
28
|
+
border-color var(--ds-duration-fast) var(--ds-easing-standard),
|
|
29
|
+
box-shadow var(--ds-duration-fast) var(--ds-easing-standard);
|
|
30
|
+
}
|
|
31
|
+
.trigger:hover {
|
|
32
|
+
border-color: var(--ds-color-fg-subtle);
|
|
33
|
+
}
|
|
34
|
+
.trigger:focus-visible {
|
|
35
|
+
border-color: var(--ds-color-accent);
|
|
36
|
+
box-shadow: var(--ds-shadow-focus);
|
|
37
|
+
outline: none;
|
|
38
|
+
}
|
|
39
|
+
.trigger[aria-expanded='true'] {
|
|
40
|
+
border-color: var(--ds-color-accent);
|
|
41
|
+
box-shadow: var(--ds-shadow-focus);
|
|
42
|
+
}
|
|
43
|
+
:host([invalid]) .trigger {
|
|
44
|
+
border-color: var(--ds-color-danger);
|
|
45
|
+
background: var(--ds-color-danger-subtle);
|
|
46
|
+
}
|
|
47
|
+
:host([invalid]) .trigger:focus-visible {
|
|
48
|
+
box-shadow: 0 0 0 3px rgba(178, 26, 10, 0.3);
|
|
49
|
+
}
|
|
50
|
+
:host([disabled]) .trigger {
|
|
51
|
+
opacity: 0.5;
|
|
52
|
+
background: var(--ds-color-bg-subtle);
|
|
53
|
+
cursor: not-allowed;
|
|
54
|
+
pointer-events: none;
|
|
55
|
+
}
|
|
56
|
+
.trigger-multiple {
|
|
57
|
+
height: auto;
|
|
58
|
+
min-height: var(--ds-size-md);
|
|
59
|
+
padding: 6px var(--ds-space-3);
|
|
60
|
+
flex-wrap: wrap;
|
|
61
|
+
align-items: center;
|
|
62
|
+
gap: var(--ds-space-1);
|
|
63
|
+
overflow: visible;
|
|
64
|
+
}
|
|
65
|
+
.tiles {
|
|
66
|
+
display: flex;
|
|
67
|
+
flex-wrap: wrap;
|
|
68
|
+
gap: var(--ds-space-1);
|
|
69
|
+
flex: 1;
|
|
70
|
+
min-width: 0;
|
|
71
|
+
}
|
|
72
|
+
.tile {
|
|
73
|
+
display: inline-flex;
|
|
74
|
+
align-items: center;
|
|
75
|
+
gap: var(--ds-space-1);
|
|
76
|
+
height: 24px;
|
|
77
|
+
padding: 0 var(--ds-space-1) 0 var(--ds-space-2);
|
|
78
|
+
background: var(--ds-color-bg-subtle);
|
|
79
|
+
border: 1px solid var(--ds-color-border);
|
|
80
|
+
border-radius: var(--ds-radius-xs);
|
|
81
|
+
font-size: var(--ds-font-size-xs);
|
|
82
|
+
color: var(--ds-color-fg);
|
|
83
|
+
white-space: nowrap;
|
|
84
|
+
}
|
|
85
|
+
.tile-focused {
|
|
86
|
+
border-color: var(--ds-color-accent);
|
|
87
|
+
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ds-color-accent) 35%, transparent);
|
|
88
|
+
}
|
|
89
|
+
.tile-overflow {
|
|
90
|
+
background: var(--ds-color-accent-subtle);
|
|
91
|
+
border-color: var(--ds-color-accent);
|
|
92
|
+
color: var(--ds-color-accent);
|
|
93
|
+
padding: 0 var(--ds-space-2);
|
|
94
|
+
font-weight: var(--ds-font-weight-medium);
|
|
95
|
+
}
|
|
96
|
+
.tile-label {
|
|
97
|
+
max-width: 120px;
|
|
98
|
+
overflow: hidden;
|
|
99
|
+
text-overflow: ellipsis;
|
|
100
|
+
}
|
|
101
|
+
.tile-remove {
|
|
102
|
+
display: inline-flex;
|
|
103
|
+
align-items: center;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
width: 14px;
|
|
106
|
+
height: 14px;
|
|
107
|
+
padding: 0;
|
|
108
|
+
border: none;
|
|
109
|
+
background: none;
|
|
110
|
+
color: var(--ds-color-fg-muted);
|
|
111
|
+
cursor: pointer;
|
|
112
|
+
border-radius: var(--ds-radius-xs);
|
|
113
|
+
flex-shrink: 0;
|
|
114
|
+
}
|
|
115
|
+
.tile-remove:hover {
|
|
116
|
+
color: var(--ds-color-fg);
|
|
117
|
+
background: var(--ds-color-border);
|
|
118
|
+
}
|
|
119
|
+
.tile-remove svg {
|
|
120
|
+
width: 10px;
|
|
121
|
+
height: 10px;
|
|
122
|
+
}
|
|
123
|
+
.leading {
|
|
124
|
+
display: inline-flex;
|
|
125
|
+
align-items: center;
|
|
126
|
+
color: var(--ds-color-fg-muted);
|
|
127
|
+
margin-right: var(--ds-space-1);
|
|
128
|
+
flex-shrink: 0;
|
|
129
|
+
}
|
|
130
|
+
.leading[hidden] {
|
|
131
|
+
display: none;
|
|
132
|
+
}
|
|
133
|
+
.trigger-label {
|
|
134
|
+
flex: 1;
|
|
135
|
+
overflow: hidden;
|
|
136
|
+
text-overflow: ellipsis;
|
|
137
|
+
white-space: nowrap;
|
|
138
|
+
}
|
|
139
|
+
.trigger-label.placeholder {
|
|
140
|
+
color: var(--ds-color-fg-muted);
|
|
141
|
+
}
|
|
142
|
+
.clear-btn {
|
|
143
|
+
display: inline-flex;
|
|
144
|
+
align-items: center;
|
|
145
|
+
justify-content: center;
|
|
146
|
+
width: 1.2rem;
|
|
147
|
+
height: 1.2rem;
|
|
148
|
+
padding: 0;
|
|
149
|
+
border: none;
|
|
150
|
+
background: none;
|
|
151
|
+
color: var(--ds-color-fg-muted);
|
|
152
|
+
cursor: pointer;
|
|
153
|
+
border-radius: var(--ds-radius-xs);
|
|
154
|
+
flex-shrink: 0;
|
|
155
|
+
}
|
|
156
|
+
.clear-btn:hover {
|
|
157
|
+
color: var(--ds-color-fg);
|
|
158
|
+
}
|
|
159
|
+
.clear-btn:focus-visible {
|
|
160
|
+
outline: none;
|
|
161
|
+
box-shadow: var(--ds-shadow-focus);
|
|
162
|
+
}
|
|
163
|
+
.clear-btn svg {
|
|
164
|
+
width: 1rem;
|
|
165
|
+
height: 1rem;
|
|
166
|
+
}
|
|
167
|
+
.caret {
|
|
168
|
+
pointer-events: none;
|
|
169
|
+
width: 1.2rem;
|
|
170
|
+
height: 1.2rem;
|
|
171
|
+
margin-left: var(--ds-space-2);
|
|
172
|
+
color: var(--ds-color-fg-muted);
|
|
173
|
+
flex-shrink: 0;
|
|
174
|
+
transition: transform var(--ds-duration-fast) var(--ds-easing-standard);
|
|
175
|
+
}
|
|
176
|
+
.trigger[aria-expanded='true'] .caret {
|
|
177
|
+
transform: rotate(180deg);
|
|
178
|
+
}
|
|
179
|
+
.listbox {
|
|
180
|
+
position: absolute;
|
|
181
|
+
top: calc(100% + var(--ds-space-1));
|
|
182
|
+
left: 0;
|
|
183
|
+
right: 0;
|
|
184
|
+
background: var(--ds-color-bg);
|
|
185
|
+
border: 1px solid var(--ds-color-border-strong);
|
|
186
|
+
border-radius: var(--ds-radius-sm);
|
|
187
|
+
box-shadow: var(--ds-shadow-md);
|
|
188
|
+
z-index: 100;
|
|
189
|
+
max-height: 240px;
|
|
190
|
+
overflow-y: auto;
|
|
191
|
+
}
|
|
192
|
+
`;
|
|
193
|
+
//# sourceMappingURL=select.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8L9B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DsTable } from './table.js';
|
|
2
|
+
import { DsTableSortButton } from './table-sort-button.js';
|
|
3
|
+
import { DsTablePagination } from './table-pagination.js';
|
|
4
|
+
declare global {
|
|
5
|
+
interface HTMLElementTagNameMap {
|
|
6
|
+
'ds-table': DsTable;
|
|
7
|
+
'ds-table-sort-button': DsTableSortButton;
|
|
8
|
+
'ds-table-pagination': DsTablePagination;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=define.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAY1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;QACpB,sBAAsB,EAAE,iBAAiB,CAAC;QAC1C,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { DsTable } from './table.js';
|
|
2
|
+
import { DsTableSortButton } from './table-sort-button.js';
|
|
3
|
+
import { DsTablePagination } from './table-pagination.js';
|
|
4
|
+
if (!customElements.get('ds-table')) {
|
|
5
|
+
customElements.define('ds-table', DsTable);
|
|
6
|
+
}
|
|
7
|
+
if (!customElements.get('ds-table-sort-button')) {
|
|
8
|
+
customElements.define('ds-table-sort-button', DsTableSortButton);
|
|
9
|
+
}
|
|
10
|
+
if (!customElements.get('ds-table-pagination')) {
|
|
11
|
+
customElements.define('ds-table-pagination', DsTablePagination);
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=define.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/atoms/table/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACpC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7C,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE,CAAC;IAChD,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAC;AACnE,CAAC;AACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,qBAAqB,CAAC,EAAE,CAAC;IAC/C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,CAAC;AAClE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { DsTable } from './table.js';
|
|
2
|
+
export { DsTableSortButton } from './table-sort-button.js';
|
|
3
|
+
export { DsTablePagination } from './table-pagination.js';
|
|
4
|
+
export type { TableColumn, TableColumnAlign, TableRow, TableSortDirection, TableSortState, TableRowClickDetail, TableSortDetail, TablePageChangeDetail, TablePageSizeChangeDetail, } from './types.js';
|
|
5
|
+
export { buildPaginationRange, type PaginationRangeItem, type PaginationRangeInput } from './pagination-range.js';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/atoms/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAY1D,OAAO,EAAE,oBAAoB,EAAuD,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type PaginationRangeItem = number | 'ellipsis-start' | 'ellipsis-end';
|
|
2
|
+
export type PaginationRangeInput = {
|
|
3
|
+
totalPages: number;
|
|
4
|
+
currentPage: number;
|
|
5
|
+
maxVisiblePages: number;
|
|
6
|
+
siblingCount: number;
|
|
7
|
+
};
|
|
8
|
+
export declare function buildPaginationRange({ totalPages, currentPage, maxVisiblePages, siblingCount, }: PaginationRangeInput): PaginationRangeItem[];
|
|
9
|
+
//# sourceMappingURL=pagination-range.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination-range.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/pagination-range.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAE7E,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,oBAAoB,GAAG,mBAAmB,EAAE,CA4B9C"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export function buildPaginationRange({ totalPages, currentPage, maxVisiblePages, siblingCount, }) {
|
|
2
|
+
const total = Math.max(1, Math.floor(totalPages));
|
|
3
|
+
const current = clamp(Math.floor(currentPage), 1, total);
|
|
4
|
+
const siblings = Math.max(0, Math.floor(siblingCount));
|
|
5
|
+
const maxVisible = Math.max(5, Math.floor(maxVisiblePages));
|
|
6
|
+
if (total <= maxVisible) {
|
|
7
|
+
return range(1, total);
|
|
8
|
+
}
|
|
9
|
+
const leftSibling = Math.max(current - siblings, 2);
|
|
10
|
+
const rightSibling = Math.min(current + siblings, total - 1);
|
|
11
|
+
const showLeftEllipsis = leftSibling > 3;
|
|
12
|
+
const showRightEllipsis = rightSibling < total - 2;
|
|
13
|
+
if (!showLeftEllipsis && showRightEllipsis) {
|
|
14
|
+
const leftCount = Math.max(3 + 2 * siblings, maxVisible - 2);
|
|
15
|
+
const end = Math.min(leftCount, total - 1);
|
|
16
|
+
return [...range(1, end), 'ellipsis-end', total];
|
|
17
|
+
}
|
|
18
|
+
if (showLeftEllipsis && !showRightEllipsis) {
|
|
19
|
+
const rightCount = Math.max(3 + 2 * siblings, maxVisible - 2);
|
|
20
|
+
const start = Math.max(total - rightCount + 1, 2);
|
|
21
|
+
return [1, 'ellipsis-start', ...range(start, total)];
|
|
22
|
+
}
|
|
23
|
+
return [1, 'ellipsis-start', ...range(leftSibling, rightSibling), 'ellipsis-end', total];
|
|
24
|
+
}
|
|
25
|
+
function clamp(value, min, max) {
|
|
26
|
+
return Math.min(Math.max(value, min), max);
|
|
27
|
+
}
|
|
28
|
+
function range(start, end) {
|
|
29
|
+
const length = Math.max(0, end - start + 1);
|
|
30
|
+
return Array.from({ length }, (_, i) => start + i);
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=pagination-range.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination-range.js","sourceRoot":"","sources":["../../../src/atoms/table/pagination-range.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,oBAAoB,CAAC,EACnC,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACS;IACrB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAE5D,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;QACxB,OAAO,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,WAAW,GAAG,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,YAAY,GAAG,KAAK,GAAG,CAAC,CAAC;IAEnD,IAAI,CAAC,gBAAgB,IAAI,iBAAiB,EAAE,CAAC;QAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;QAC7D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QAC3C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,gBAAgB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC;QAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAClD,OAAO,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,WAAW,EAAE,YAAY,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW;IACvC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;IAC5C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACrD,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type TemplateResult } from 'lit';
|
|
2
|
+
import { DsElement } from '@jsekulowicz/ds-core';
|
|
3
|
+
/**
|
|
4
|
+
* @tag ds-table-pagination
|
|
5
|
+
* @summary Pagination controls emitting page-change events. Presentation-only; consumer owns paging state.
|
|
6
|
+
* @slot prev-label - Content of the Previous button.
|
|
7
|
+
* @slot next-label - Content of the Next button.
|
|
8
|
+
* @slot summary - Replaces the default "Showing X–Y of Z" summary.
|
|
9
|
+
* @event ds-page-change - Emitted when the user picks a page. Detail: `{ page, pageSize }`.
|
|
10
|
+
* @event ds-page-size-change - Emitted when page size changes. Detail: `{ pageSize, page }`.
|
|
11
|
+
* @csspart nav - The `<nav>` wrapper.
|
|
12
|
+
* @csspart list - The page button list.
|
|
13
|
+
* @csspart item - Individual list items.
|
|
14
|
+
* @csspart item-current - The current-page list item.
|
|
15
|
+
* @csspart item-ellipsis - Ellipsis list items.
|
|
16
|
+
* @csspart button - Any `<button>` inside the nav.
|
|
17
|
+
* @csspart button-prev - The Previous button.
|
|
18
|
+
* @csspart button-next - The Next button.
|
|
19
|
+
* @csspart size-selector - The size `<select>` wrapper.
|
|
20
|
+
* @csspart summary - The summary region.
|
|
21
|
+
*/
|
|
22
|
+
export declare class DsTablePagination extends DsElement {
|
|
23
|
+
#private;
|
|
24
|
+
static styles: import("lit").CSSResult[];
|
|
25
|
+
page: number;
|
|
26
|
+
pageSize: number;
|
|
27
|
+
total: number;
|
|
28
|
+
pageSizeOptions?: readonly number[];
|
|
29
|
+
maxVisiblePages: number;
|
|
30
|
+
siblingCount: number;
|
|
31
|
+
hidePageNumbers: boolean;
|
|
32
|
+
render(): TemplateResult;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=table-pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-pagination.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAEtF,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAOjD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,iBAAkB,SAAQ,SAAS;;IAC9C,OAAgB,MAAM,4BAAgD;IAE3B,IAAI,SAAK;IACe,QAAQ,SAAM;IACtC,KAAK,SAAK;IACrB,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACO,eAAe,SAAK;IACxB,YAAY,SAAK;IACZ,eAAe,UAAS;IAkG3F,MAAM,IAAI,cAAc;CAiBlC"}
|
|
@@ -0,0 +1,170 @@
|
|
|
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 { html, svg, nothing } from 'lit';
|
|
8
|
+
import { property } from 'lit/decorators.js';
|
|
9
|
+
import { DsElement } from '@jsekulowicz/ds-core';
|
|
10
|
+
import { tablePaginationStyles } from './table-pagination.styles.js';
|
|
11
|
+
import { buildPaginationRange } from './pagination-range.js';
|
|
12
|
+
const ICON_PREV = svg `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 4l-4 4 4 4"/></svg>`;
|
|
13
|
+
const ICON_NEXT = svg `<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 4l4 4-4 4"/></svg>`;
|
|
14
|
+
/**
|
|
15
|
+
* @tag ds-table-pagination
|
|
16
|
+
* @summary Pagination controls emitting page-change events. Presentation-only; consumer owns paging state.
|
|
17
|
+
* @slot prev-label - Content of the Previous button.
|
|
18
|
+
* @slot next-label - Content of the Next button.
|
|
19
|
+
* @slot summary - Replaces the default "Showing X–Y of Z" summary.
|
|
20
|
+
* @event ds-page-change - Emitted when the user picks a page. Detail: `{ page, pageSize }`.
|
|
21
|
+
* @event ds-page-size-change - Emitted when page size changes. Detail: `{ pageSize, page }`.
|
|
22
|
+
* @csspart nav - The `<nav>` wrapper.
|
|
23
|
+
* @csspart list - The page button list.
|
|
24
|
+
* @csspart item - Individual list items.
|
|
25
|
+
* @csspart item-current - The current-page list item.
|
|
26
|
+
* @csspart item-ellipsis - Ellipsis list items.
|
|
27
|
+
* @csspart button - Any `<button>` inside the nav.
|
|
28
|
+
* @csspart button-prev - The Previous button.
|
|
29
|
+
* @csspart button-next - The Next button.
|
|
30
|
+
* @csspart size-selector - The size `<select>` wrapper.
|
|
31
|
+
* @csspart summary - The summary region.
|
|
32
|
+
*/
|
|
33
|
+
export class DsTablePagination extends DsElement {
|
|
34
|
+
constructor() {
|
|
35
|
+
super(...arguments);
|
|
36
|
+
this.page = 1;
|
|
37
|
+
this.pageSize = 10;
|
|
38
|
+
this.total = 0;
|
|
39
|
+
this.maxVisiblePages = 7;
|
|
40
|
+
this.siblingCount = 1;
|
|
41
|
+
this.hidePageNumbers = false;
|
|
42
|
+
this.#onSizeChange = (event) => {
|
|
43
|
+
const value = Number(event.target.value);
|
|
44
|
+
if (!Number.isFinite(value) || value <= 0) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const firstVisible = (this.#currentPage - 1) * this.pageSize + 1;
|
|
48
|
+
const nextPage = Math.max(1, Math.ceil(firstVisible / value));
|
|
49
|
+
this.emit('ds-page-size-change', { detail: { pageSize: value, page: nextPage } });
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
static { this.styles = [...DsElement.styles, tablePaginationStyles]; }
|
|
53
|
+
get #totalPages() {
|
|
54
|
+
return Math.max(1, Math.ceil(this.total / Math.max(1, this.pageSize)));
|
|
55
|
+
}
|
|
56
|
+
get #currentPage() {
|
|
57
|
+
return Math.min(Math.max(1, this.page), this.#totalPages);
|
|
58
|
+
}
|
|
59
|
+
#emitPage(page) {
|
|
60
|
+
const totalPages = this.#totalPages;
|
|
61
|
+
const target = Math.min(Math.max(1, page), totalPages);
|
|
62
|
+
if (target === this.#currentPage) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
this.emit('ds-page-change', { detail: { page: target, pageSize: this.pageSize } });
|
|
66
|
+
}
|
|
67
|
+
#onSizeChange;
|
|
68
|
+
#range() {
|
|
69
|
+
return buildPaginationRange({
|
|
70
|
+
totalPages: this.#totalPages,
|
|
71
|
+
currentPage: this.#currentPage,
|
|
72
|
+
maxVisiblePages: this.maxVisiblePages,
|
|
73
|
+
siblingCount: this.siblingCount,
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
#renderButton(page, current) {
|
|
77
|
+
const isCurrent = page === current;
|
|
78
|
+
return html `
|
|
79
|
+
<li part=${isCurrent ? 'item item-current' : 'item'}>
|
|
80
|
+
<button
|
|
81
|
+
part="button"
|
|
82
|
+
type="button"
|
|
83
|
+
aria-label=${`Page ${page}`}
|
|
84
|
+
aria-current=${isCurrent ? 'page' : nothing}
|
|
85
|
+
@click=${() => this.#emitPage(page)}
|
|
86
|
+
>${page}</button>
|
|
87
|
+
</li>
|
|
88
|
+
`;
|
|
89
|
+
}
|
|
90
|
+
#renderItem(item, current) {
|
|
91
|
+
if (item === 'ellipsis-start' || item === 'ellipsis-end') {
|
|
92
|
+
return html `<li part="item item-ellipsis" class="ellipsis" aria-hidden="true">…</li>`;
|
|
93
|
+
}
|
|
94
|
+
return this.#renderButton(item, current);
|
|
95
|
+
}
|
|
96
|
+
#renderPrevNext(icon, label, part, target, disabled, slotName, defaultText) {
|
|
97
|
+
return html `
|
|
98
|
+
<button
|
|
99
|
+
part=${`button ${part}`}
|
|
100
|
+
type="button"
|
|
101
|
+
aria-label=${label}
|
|
102
|
+
?disabled=${disabled}
|
|
103
|
+
@click=${() => this.#emitPage(target)}
|
|
104
|
+
>
|
|
105
|
+
${part === 'button-prev' ? icon : nothing}
|
|
106
|
+
<slot name=${slotName}>${defaultText}</slot>
|
|
107
|
+
${part === 'button-next' ? icon : nothing}
|
|
108
|
+
</button>
|
|
109
|
+
`;
|
|
110
|
+
}
|
|
111
|
+
#renderSize() {
|
|
112
|
+
if (!this.pageSizeOptions?.length) {
|
|
113
|
+
return nothing;
|
|
114
|
+
}
|
|
115
|
+
return html `
|
|
116
|
+
<div class="size" part="size-selector">
|
|
117
|
+
<label>Rows per page
|
|
118
|
+
<select aria-label="Rows per page" .value=${String(this.pageSize)} @change=${this.#onSizeChange}>
|
|
119
|
+
${this.pageSizeOptions.map(n => html `<option value=${n} ?selected=${n === this.pageSize}>${n}</option>`)}
|
|
120
|
+
</select>
|
|
121
|
+
</label>
|
|
122
|
+
</div>
|
|
123
|
+
`;
|
|
124
|
+
}
|
|
125
|
+
#renderSummary(current) {
|
|
126
|
+
const start = this.total === 0 ? 0 : (current - 1) * this.pageSize + 1;
|
|
127
|
+
const end = Math.min(current * this.pageSize, this.total);
|
|
128
|
+
const fallback = this.total === 0 ? 'No results' : `Showing ${start}–${end} of ${this.total}`;
|
|
129
|
+
return html `<div class="summary" part="summary" role="status" aria-live="polite"><slot name="summary">${fallback}</slot></div>`;
|
|
130
|
+
}
|
|
131
|
+
render() {
|
|
132
|
+
const current = this.#currentPage;
|
|
133
|
+
const totalPages = this.#totalPages;
|
|
134
|
+
const isFirst = current <= 1;
|
|
135
|
+
const isLast = current >= totalPages;
|
|
136
|
+
return html `
|
|
137
|
+
${this.#renderSummary(current)}
|
|
138
|
+
<nav part="nav" aria-label="Pagination">
|
|
139
|
+
${this.#renderPrevNext(ICON_PREV, 'Previous page', 'button-prev', current - 1, isFirst, 'prev-label', 'Previous')}
|
|
140
|
+
${this.hidePageNumbers
|
|
141
|
+
? html `<span class="ellipsis">Page ${current} of ${totalPages}</span>`
|
|
142
|
+
: html `<ul class="list" part="list">${this.#range().map(i => this.#renderItem(i, current))}</ul>`}
|
|
143
|
+
${this.#renderPrevNext(ICON_NEXT, 'Next page', 'button-next', current + 1, isLast, 'next-label', 'Next')}
|
|
144
|
+
${this.#renderSize()}
|
|
145
|
+
</nav>
|
|
146
|
+
`;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
__decorate([
|
|
150
|
+
property({ type: Number, reflect: true })
|
|
151
|
+
], DsTablePagination.prototype, "page", void 0);
|
|
152
|
+
__decorate([
|
|
153
|
+
property({ type: Number, reflect: true, attribute: 'page-size' })
|
|
154
|
+
], DsTablePagination.prototype, "pageSize", void 0);
|
|
155
|
+
__decorate([
|
|
156
|
+
property({ type: Number, reflect: true })
|
|
157
|
+
], DsTablePagination.prototype, "total", void 0);
|
|
158
|
+
__decorate([
|
|
159
|
+
property({ attribute: false })
|
|
160
|
+
], DsTablePagination.prototype, "pageSizeOptions", void 0);
|
|
161
|
+
__decorate([
|
|
162
|
+
property({ type: Number, reflect: true, attribute: 'max-visible-pages' })
|
|
163
|
+
], DsTablePagination.prototype, "maxVisiblePages", void 0);
|
|
164
|
+
__decorate([
|
|
165
|
+
property({ type: Number, reflect: true, attribute: 'sibling-count' })
|
|
166
|
+
], DsTablePagination.prototype, "siblingCount", void 0);
|
|
167
|
+
__decorate([
|
|
168
|
+
property({ type: Boolean, reflect: true, attribute: 'hide-page-numbers' })
|
|
169
|
+
], DsTablePagination.prototype, "hidePageNumbers", void 0);
|
|
170
|
+
//# sourceMappingURL=table-pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-pagination.js","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBA2FjC,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const tablePaginationStyles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
gap: var(--ds-space-3);
|
|
8
|
+
flex-wrap: wrap;
|
|
9
|
+
color: var(--ds-color-fg);
|
|
10
|
+
font-family: var(--ds-font-body);
|
|
11
|
+
font-size: var(--ds-font-size-sm);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
nav {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
gap: var(--ds-space-1);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.list {
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
gap: var(--ds-space-1);
|
|
24
|
+
list-style: none;
|
|
25
|
+
padding: 0;
|
|
26
|
+
margin: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
button {
|
|
30
|
+
min-width: 2rem;
|
|
31
|
+
height: 2rem;
|
|
32
|
+
padding: 0 var(--ds-space-2);
|
|
33
|
+
background: transparent;
|
|
34
|
+
color: var(--ds-color-fg);
|
|
35
|
+
border: 1px solid var(--ds-color-border);
|
|
36
|
+
border-radius: var(--ds-radius-sm);
|
|
37
|
+
font: inherit;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
display: inline-flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
justify-content: center;
|
|
42
|
+
gap: var(--ds-space-1);
|
|
43
|
+
}
|
|
44
|
+
button:hover:not(:disabled) {
|
|
45
|
+
background: var(--ds-color-bg-muted);
|
|
46
|
+
}
|
|
47
|
+
button:focus-visible {
|
|
48
|
+
outline: 2px solid var(--ds-color-focus);
|
|
49
|
+
outline-offset: 2px;
|
|
50
|
+
}
|
|
51
|
+
button:disabled {
|
|
52
|
+
color: var(--ds-color-fg-subtle);
|
|
53
|
+
cursor: not-allowed;
|
|
54
|
+
opacity: 0.6;
|
|
55
|
+
}
|
|
56
|
+
button[aria-current="page"] {
|
|
57
|
+
background: var(--ds-color-accent);
|
|
58
|
+
color: var(--ds-color-accent-fg);
|
|
59
|
+
border-color: var(--ds-color-accent);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.ellipsis {
|
|
63
|
+
display: inline-flex;
|
|
64
|
+
min-width: 2rem;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
color: var(--ds-color-fg-muted);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.size {
|
|
70
|
+
display: inline-flex;
|
|
71
|
+
align-items: center;
|
|
72
|
+
gap: var(--ds-space-2);
|
|
73
|
+
color: var(--ds-color-fg-muted);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
select {
|
|
77
|
+
padding: var(--ds-space-1) var(--ds-space-2);
|
|
78
|
+
background: var(--ds-color-bg);
|
|
79
|
+
color: var(--ds-color-fg);
|
|
80
|
+
border: 1px solid var(--ds-color-border);
|
|
81
|
+
border-radius: var(--ds-radius-sm);
|
|
82
|
+
font: inherit;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.summary {
|
|
86
|
+
color: var(--ds-color-fg-muted);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
svg {
|
|
90
|
+
width: 1em;
|
|
91
|
+
height: 1em;
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
//# sourceMappingURL=table-pagination.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-pagination.styles.js","sourceRoot":"","sources":["../../../src/atoms/table/table-pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FvC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type TemplateResult } from 'lit';
|
|
2
|
+
import { DsElement } from '@jsekulowicz/ds-core';
|
|
3
|
+
import type { TableSortDirection } from './types.js';
|
|
4
|
+
/**
|
|
5
|
+
* @tag ds-table-sort-button
|
|
6
|
+
* @summary Button that cycles through sort directions and emits `ds-sort`. Presentation-only; consumer owns state.
|
|
7
|
+
* @slot default - Optional label for the button (falls back to `column`).
|
|
8
|
+
* @csspart button - The internal `<button>` element.
|
|
9
|
+
* @csspart icon - The direction indicator wrapper.
|
|
10
|
+
* @event ds-sort - Emitted on click with the next direction. Detail: `{ direction: 'asc' | 'desc' | null }`.
|
|
11
|
+
*/
|
|
12
|
+
export declare class DsTableSortButton extends DsElement {
|
|
13
|
+
#private;
|
|
14
|
+
static styles: import("lit").CSSResult[];
|
|
15
|
+
direction: TableSortDirection;
|
|
16
|
+
column?: string;
|
|
17
|
+
render(): TemplateResult;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=table-sort-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-sort-button.d.ts","sourceRoot":"","sources":["../../../src/atoms/table/table-sort-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAA0B,MAAM,KAAK,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAgBrD;;;;;;;GAOG;AACH,qBAAa,iBAAkB,SAAQ,SAAS;;IAC9C,OAAgB,MAAM,4BAAgD;IAEzC,SAAS,EAAE,kBAAkB,CAAQ;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IA4BnB,MAAM,IAAI,cAAc;CAclC"}
|