@blueprint-platform/components 0.0.0-stage → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -2
- package/dist/generators/ui/files/shared/ui/accordion/src/index.ts +16 -0
- package/dist/generators/ui/files/shared/ui/accordion/src/lib/hlm-accordion-content.ts +27 -0
- package/dist/generators/ui/files/shared/ui/accordion/src/lib/hlm-accordion-item.ts +22 -0
- package/dist/generators/ui/files/shared/ui/accordion/src/lib/hlm-accordion-trigger.ts +40 -0
- package/dist/generators/ui/files/shared/ui/accordion/src/lib/hlm-accordion.ts +16 -0
- package/dist/generators/ui/files/shared/ui/alert/src/index.ts +16 -0
- package/dist/generators/ui/files/shared/ui/alert/src/lib/hlm-alert-action.ts +14 -0
- package/dist/generators/ui/files/shared/ui/alert/src/lib/hlm-alert-description.ts +17 -0
- package/dist/generators/ui/files/shared/ui/alert/src/lib/hlm-alert-title.ts +17 -0
- package/dist/generators/ui/files/shared/ui/alert/src/lib/hlm-alert.ts +36 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/index.ts +40 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-action.ts +11 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-cancel.ts +13 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-content.ts +25 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-description.ts +17 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-footer.ts +15 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-header.ts +15 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-media.ts +15 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-overlay.ts +28 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-title.ts +17 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog-trigger.ts +14 -0
- package/dist/generators/ui/files/shared/ui/alert-dialog/src/lib/hlm-alert-dialog.ts +25 -0
- package/dist/generators/ui/files/shared/ui/aspect-ratio/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/aspect-ratio/src/lib/hlm-aspect-ratio.ts +35 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/index.ts +31 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-action.ts +15 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-actions.ts +15 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-description.ts +15 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-group.ts +15 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-media.ts +36 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-title.ts +15 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment-trigger.ts +23 -0
- package/dist/generators/ui/files/shared/ui/attachment/src/lib/hlm-attachment.ts +47 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/index.ts +40 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-content.ts +16 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-empty.ts +17 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-group.ts +14 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-input.ts +77 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-item.ts +36 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-label.ts +14 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-list.ts +17 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-search.ts +37 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-separator.ts +14 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete-status.ts +17 -0
- package/dist/generators/ui/files/shared/ui/autocomplete/src/lib/hlm-autocomplete.ts +44 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/index.ts +22 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar-badge.ts +19 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar-fallback.ts +20 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar-group-count.ts +17 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar-group.ts +17 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar-image.ts +19 -0
- package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar.ts +31 -0
- package/dist/generators/ui/files/shared/ui/badge/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/badge/src/lib/hlm-badge.ts +40 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/index.ts +25 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb-ellipsis.ts +27 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb-item.ts +14 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb-link.ts +36 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb-list.ts +16 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb-page.ts +17 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb-separator.ts +27 -0
- package/dist/generators/ui/files/shared/ui/breadcrumb/src/lib/hlm-breadcrumb.ts +13 -0
- package/dist/generators/ui/files/shared/ui/bubble/src/index.ts +16 -0
- package/dist/generators/ui/files/shared/ui/bubble/src/lib/hlm-bubble-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/bubble/src/lib/hlm-bubble-group.ts +12 -0
- package/dist/generators/ui/files/shared/ui/bubble/src/lib/hlm-bubble-reactions.ts +43 -0
- package/dist/generators/ui/files/shared/ui/bubble/src/lib/hlm-bubble.ts +53 -0
- package/dist/generators/ui/files/shared/ui/button/src/index.ts +6 -0
- package/dist/generators/ui/files/shared/ui/button/src/lib/hlm-button.token.ts +22 -0
- package/dist/generators/ui/files/shared/ui/button/src/lib/hlm-button.ts +72 -0
- package/dist/generators/ui/files/shared/ui/button-group/src/index.ts +13 -0
- package/dist/generators/ui/files/shared/ui/button-group/src/lib/hlm-button-group-separator.ts +21 -0
- package/dist/generators/ui/files/shared/ui/button-group/src/lib/hlm-button-group-text.ts +17 -0
- package/dist/generators/ui/files/shared/ui/button-group/src/lib/hlm-button-group.ts +36 -0
- package/dist/generators/ui/files/shared/ui/calendar/src/index.ts +16 -0
- package/dist/generators/ui/files/shared/ui/calendar/src/lib/hlm-calendar-multi.ts +195 -0
- package/dist/generators/ui/files/shared/ui/calendar/src/lib/hlm-calendar-range.ts +194 -0
- package/dist/generators/ui/files/shared/ui/calendar/src/lib/hlm-calendar.ts +189 -0
- package/dist/generators/ui/files/shared/ui/calendar/src/lib/hlm-month-year-calendar.ts +119 -0
- package/dist/generators/ui/files/shared/ui/card/src/index.ts +25 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card-action.ts +12 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card-content.ts +12 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card-description.ts +12 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card-footer.ts +12 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card-header.ts +15 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card-title.ts +12 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card.token.ts +19 -0
- package/dist/generators/ui/files/shared/ui/card/src/lib/hlm-card.ts +22 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/index.ts +22 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/lib/hlm-carousel-content.ts +17 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/lib/hlm-carousel-item.ts +22 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/lib/hlm-carousel-next.ts +54 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/lib/hlm-carousel-previous.ts +55 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/lib/hlm-carousel-slide-display.ts +33 -0
- package/dist/generators/ui/files/shared/ui/carousel/src/lib/hlm-carousel.ts +105 -0
- package/dist/generators/ui/files/shared/ui/checkbox/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/checkbox/src/lib/hlm-checkbox.ts +161 -0
- package/dist/generators/ui/files/shared/ui/collapsible/src/index.ts +13 -0
- package/dist/generators/ui/files/shared/ui/collapsible/src/lib/hlm-collapsible-content.ts +14 -0
- package/dist/generators/ui/files/shared/ui/collapsible/src/lib/hlm-collapsible-trigger.ts +9 -0
- package/dist/generators/ui/files/shared/ui/collapsible/src/lib/hlm-collapsible.ts +15 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/index.ts +64 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-chip-input.ts +14 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-chip-remove.ts +18 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-chip.ts +35 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-chips.ts +35 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-empty.ts +17 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-group.ts +14 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-input.ts +93 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-item.ts +36 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-label.ts +14 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-list.ts +17 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-multiple.ts +46 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-placeholder.ts +17 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-separator.ts +14 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-status.ts +17 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-trigger.ts +68 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-value-template.ts +5 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-value.ts +14 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox-values.ts +5 -0
- package/dist/generators/ui/files/shared/ui/combobox/src/lib/hlm-combobox.ts +46 -0
- package/dist/generators/ui/files/shared/ui/command/src/index.ts +37 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-dialog.ts +58 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-empty-state.ts +8 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-empty.ts +14 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-group-label.ts +15 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-group.ts +24 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-input.ts +41 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-item.ts +25 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-list.ts +23 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-separator.ts +16 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command-shortcut.ts +17 -0
- package/dist/generators/ui/files/shared/ui/command/src/lib/hlm-command.ts +25 -0
- package/dist/generators/ui/files/shared/ui/context-menu/src/index.ts +6 -0
- package/dist/generators/ui/files/shared/ui/context-menu/src/lib/hlm-context-menu-token.ts +22 -0
- package/dist/generators/ui/files/shared/ui/context-menu/src/lib/hlm-context-menu-trigger.ts +70 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/index.ts +38 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-multi-input.ts +104 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker-anchor.ts +23 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker-input.ts +105 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker-multi.token.ts +109 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker-multi.ts +220 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker-trigger.ts +104 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker.token.ts +69 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-picker.ts +203 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-range-input.ts +107 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-range-picker.token.ts +86 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-date-range-picker.ts +252 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-month-year-input.ts +105 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-month-year-picker.token.ts +89 -0
- package/dist/generators/ui/files/shared/ui/date-picker/src/lib/hlm-month-year-picker.ts +196 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/index.ts +35 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-close.ts +9 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-content.ts +74 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-description.ts +17 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-footer.ts +15 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-header.ts +12 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-overlay.ts +27 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-title.ts +14 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog-trigger.ts +14 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog.service.ts +46 -0
- package/dist/generators/ui/files/shared/ui/dialog/src/lib/hlm-dialog.ts +24 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/index.ts +34 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-close.ts +9 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-content.ts +38 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-description.ts +14 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-footer.ts +12 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-header.ts +15 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-overlay.ts +27 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-title.ts +14 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer-trigger.ts +9 -0
- package/dist/generators/ui/files/shared/ui/drawer/src/lib/hlm-drawer.ts +29 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/index.ts +49 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-checkbox-indicator.ts +21 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-checkbox.ts +54 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-focus-on-hover.ts +35 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-group.ts +14 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-item-sub-indicator.ts +19 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-item.ts +42 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-label.ts +20 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-radio-indicator.ts +21 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-radio.ts +49 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-separator.ts +12 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-shortcut.ts +15 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-sub-trigger.ts +52 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-sub.ts +53 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-token.ts +26 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu-trigger.ts +46 -0
- package/dist/generators/ui/files/shared/ui/dropdown-menu/src/lib/hlm-dropdown-menu.ts +57 -0
- package/dist/generators/ui/files/shared/ui/empty/src/index.ts +22 -0
- package/dist/generators/ui/files/shared/ui/empty/src/lib/hlm-empty-content.ts +14 -0
- package/dist/generators/ui/files/shared/ui/empty/src/lib/hlm-empty-description.ts +15 -0
- package/dist/generators/ui/files/shared/ui/empty/src/lib/hlm-empty-header.ts +12 -0
- package/dist/generators/ui/files/shared/ui/empty/src/lib/hlm-empty-media.ts +35 -0
- package/dist/generators/ui/files/shared/ui/empty/src/lib/hlm-empty-title.ts +12 -0
- package/dist/generators/ui/files/shared/ui/empty/src/lib/hlm-empty.ts +15 -0
- package/dist/generators/ui/files/shared/ui/field/src/index.ts +34 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-content.ts +12 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-description.ts +53 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-error.ts +100 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-group.ts +15 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-label.ts +17 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-legend.ts +19 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-separator.ts +24 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-set.ts +15 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field-title.ts +15 -0
- package/dist/generators/ui/files/shared/ui/field/src/lib/hlm-field.ts +47 -0
- package/dist/generators/ui/files/shared/ui/hover-card/src/index.ts +16 -0
- package/dist/generators/ui/files/shared/ui/hover-card/src/lib/hlm-hover-card-content.ts +31 -0
- package/dist/generators/ui/files/shared/ui/hover-card/src/lib/hlm-hover-card-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/hover-card/src/lib/hlm-hover-card-trigger.ts +23 -0
- package/dist/generators/ui/files/shared/ui/hover-card/src/lib/hlm-hover-card.ts +11 -0
- package/dist/generators/ui/files/shared/ui/input/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/input/src/lib/hlm-input.ts +21 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/index.ts +22 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/lib/hlm-input-group-addon.ts +40 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/lib/hlm-input-group-button.ts +47 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/lib/hlm-input-group-input.ts +17 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/lib/hlm-input-group-text.ts +14 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/lib/hlm-input-group-textarea.ts +17 -0
- package/dist/generators/ui/files/shared/ui/input-group/src/lib/hlm-input-group.ts +18 -0
- package/dist/generators/ui/files/shared/ui/input-otp/src/index.ts +19 -0
- package/dist/generators/ui/files/shared/ui/input-otp/src/lib/hlm-input-otp-fake-caret.ts +13 -0
- package/dist/generators/ui/files/shared/ui/input-otp/src/lib/hlm-input-otp-group.ts +15 -0
- package/dist/generators/ui/files/shared/ui/input-otp/src/lib/hlm-input-otp-separator.ts +21 -0
- package/dist/generators/ui/files/shared/ui/input-otp/src/lib/hlm-input-otp-slot.ts +39 -0
- package/dist/generators/ui/files/shared/ui/input-otp/src/lib/hlm-input-otp.ts +12 -0
- package/dist/generators/ui/files/shared/ui/item/src/index.ts +35 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-actions.ts +12 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-description.ts +15 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-footer.ts +12 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-group.ts +15 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-header.ts +12 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-media.ts +38 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-separator.ts +15 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-title.ts +15 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item-token.ts +41 -0
- package/dist/generators/ui/files/shared/ui/item/src/lib/hlm-item.ts +46 -0
- package/dist/generators/ui/files/shared/ui/kbd/src/index.ts +7 -0
- package/dist/generators/ui/files/shared/ui/kbd/src/lib/hlm-kbd-group.ts +14 -0
- package/dist/generators/ui/files/shared/ui/kbd/src/lib/hlm-kbd.ts +17 -0
- package/dist/generators/ui/files/shared/ui/label/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/label/src/lib/hlm-label.ts +17 -0
- package/dist/generators/ui/files/shared/ui/language-switcher/language-switcher.ts +52 -0
- package/dist/generators/ui/files/shared/ui/marker/src/index.ts +9 -0
- package/dist/generators/ui/files/shared/ui/marker/src/lib/hlm-marker-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/marker/src/lib/hlm-marker-icon.ts +15 -0
- package/dist/generators/ui/files/shared/ui/marker/src/lib/hlm-marker.ts +37 -0
- package/dist/generators/ui/files/shared/ui/menubar/src/index.ts +8 -0
- package/dist/generators/ui/files/shared/ui/menubar/src/lib/hlm-menubar-token.ts +22 -0
- package/dist/generators/ui/files/shared/ui/menubar/src/lib/hlm-menubar-trigger.ts +69 -0
- package/dist/generators/ui/files/shared/ui/menubar/src/lib/hlm-menubar.ts +16 -0
- package/dist/generators/ui/files/shared/ui/message/src/index.ts +22 -0
- package/dist/generators/ui/files/shared/ui/message/src/lib/hlm-message-avatar.ts +15 -0
- package/dist/generators/ui/files/shared/ui/message/src/lib/hlm-message-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/message/src/lib/hlm-message-footer.ts +15 -0
- package/dist/generators/ui/files/shared/ui/message/src/lib/hlm-message-group.ts +12 -0
- package/dist/generators/ui/files/shared/ui/message/src/lib/hlm-message-header.ts +15 -0
- package/dist/generators/ui/files/shared/ui/message/src/lib/hlm-message.ts +24 -0
- package/dist/generators/ui/files/shared/ui/native-select/src/index.ts +13 -0
- package/dist/generators/ui/files/shared/ui/native-select/src/lib/hlm-native-select-opt-group.ts +12 -0
- package/dist/generators/ui/files/shared/ui/native-select/src/lib/hlm-native-select-option.ts +12 -0
- package/dist/generators/ui/files/shared/ui/native-select/src/lib/hlm-native-select.ts +161 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/index.ts +25 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu-content.ts +24 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu-item.ts +16 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu-link.ts +19 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu-list.ts +23 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu-trigger.ts +30 -0
- package/dist/generators/ui/files/shared/ui/navigation-menu/src/lib/hlm-navigation-menu.ts +24 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/index.ts +31 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-numbered-pagination-query-params.ts +191 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-numbered-pagination.ts +290 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination-content.ts +12 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination-ellipsis.ts +27 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination-item.ts +7 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination-link.ts +51 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination-next.ts +65 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination-previous.ts +65 -0
- package/dist/generators/ui/files/shared/ui/pagination/src/lib/hlm-pagination.ts +19 -0
- package/dist/generators/ui/files/shared/ui/popover/src/index.ts +25 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover-content.ts +25 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover-description.ts +12 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover-header.ts +12 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover-title.ts +12 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover-trigger.ts +14 -0
- package/dist/generators/ui/files/shared/ui/popover/src/lib/hlm-popover.ts +23 -0
- package/dist/generators/ui/files/shared/ui/progress/src/index.ts +7 -0
- package/dist/generators/ui/files/shared/ui/progress/src/lib/hlm-progress-indicator.ts +31 -0
- package/dist/generators/ui/files/shared/ui/progress/src/lib/hlm-progress.ts +14 -0
- package/dist/generators/ui/files/shared/ui/radio-group/src/index.ts +9 -0
- package/dist/generators/ui/files/shared/ui/radio-group/src/lib/hlm-radio-group.ts +44 -0
- package/dist/generators/ui/files/shared/ui/radio-group/src/lib/hlm-radio-indicator.ts +21 -0
- package/dist/generators/ui/files/shared/ui/radio-group/src/lib/hlm-radio.ts +130 -0
- package/dist/generators/ui/files/shared/ui/resizable/src/index.ts +13 -0
- package/dist/generators/ui/files/shared/ui/resizable/src/lib/hlm-resizable-group.ts +22 -0
- package/dist/generators/ui/files/shared/ui/resizable/src/lib/hlm-resizable-handle.ts +28 -0
- package/dist/generators/ui/files/shared/ui/resizable/src/lib/hlm-resizable-panel.ts +23 -0
- package/dist/generators/ui/files/shared/ui/scroll-area/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/scroll-area/src/lib/hlm-scroll-area.ts +21 -0
- package/dist/generators/ui/files/shared/ui/select/src/index.ts +52 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-content.ts +44 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-group.ts +14 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-item.ts +36 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-label.ts +14 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-multiple.ts +37 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-placeholder.ts +17 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-scroll-down.ts +22 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-scroll-up.ts +22 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-separator.ts +14 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-trigger.ts +58 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-value-template.ts +5 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-value.ts +18 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-values-content.ts +9 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select-values.ts +5 -0
- package/dist/generators/ui/files/shared/ui/select/src/lib/hlm-select.ts +37 -0
- package/dist/generators/ui/files/shared/ui/separator/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/separator/src/lib/hlm-separator.ts +19 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/index.ts +34 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-close.ts +9 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-content.ts +66 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-description.ts +14 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-footer.ts +12 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-header.ts +12 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-overlay.ts +27 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-portal.ts +8 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-title.ts +14 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet-trigger.ts +9 -0
- package/dist/generators/ui/files/shared/ui/sheet/src/lib/hlm-sheet.ts +29 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/index.ts +75 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-content.ts +18 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-footer.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-group-action.ts +18 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-group-content.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-group-label.ts +18 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-group.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-header.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-input.ts +17 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-inset.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-action.ts +24 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-badge.ts +18 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-button.ts +93 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-item.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-skeleton.ts +33 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-sub-button.ts +41 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-sub-item.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu-sub.ts +18 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-menu.ts +15 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-rail.ts +34 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-separator.ts +17 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-trigger.ts +35 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar-wrapper.ts +24 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar.service.ts +136 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar.token.ts +35 -0
- package/dist/generators/ui/files/shared/ui/sidebar/src/lib/hlm-sidebar.ts +139 -0
- package/dist/generators/ui/files/shared/ui/skeleton/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/skeleton/src/lib/hlm-skeleton.ts +14 -0
- package/dist/generators/ui/files/shared/ui/slider/src/index.ts +4 -0
- package/dist/generators/ui/files/shared/ui/slider/src/lib/hlm-slider.ts +81 -0
- package/dist/generators/ui/files/shared/ui/sonner/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/sonner/src/lib/hlm-toaster.ts +119 -0
- package/dist/generators/ui/files/shared/ui/spinner/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/spinner/src/lib/hlm-spinner.ts +31 -0
- package/dist/generators/ui/files/shared/ui/switch/src/index.ts +7 -0
- package/dist/generators/ui/files/shared/ui/switch/src/lib/hlm-switch-thumb.ts +15 -0
- package/dist/generators/ui/files/shared/ui/switch/src/lib/hlm-switch.ts +120 -0
- package/dist/generators/ui/files/shared/ui/table/src/index.ts +25 -0
- package/dist/generators/ui/files/shared/ui/table/src/lib/hlm-table.ts +129 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/index.ts +22 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/lib/hlm-tabs-content-lazy.ts +8 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/lib/hlm-tabs-content.ts +18 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/lib/hlm-tabs-list.ts +36 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/lib/hlm-tabs-paginated-list.ts +118 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/lib/hlm-tabs-trigger.ts +24 -0
- package/dist/generators/ui/files/shared/ui/tabs/src/lib/hlm-tabs.ts +24 -0
- package/dist/generators/ui/files/shared/ui/textarea/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/textarea/src/lib/hlm-textarea.ts +21 -0
- package/dist/generators/ui/files/shared/ui/theme-switcher/theme-switcher.ts +29 -0
- package/dist/generators/ui/files/shared/ui/toggle/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/toggle/src/lib/hlm-toggle.ts +52 -0
- package/dist/generators/ui/files/shared/ui/toggle-group/src/index.ts +8 -0
- package/dist/generators/ui/files/shared/ui/toggle-group/src/lib/hlm-toggle-group-item.ts +41 -0
- package/dist/generators/ui/files/shared/ui/toggle-group/src/lib/hlm-toggle-group.token.ts +12 -0
- package/dist/generators/ui/files/shared/ui/toggle-group/src/lib/hlm-toggle-group.ts +39 -0
- package/dist/generators/ui/files/shared/ui/tooltip/src/index.ts +5 -0
- package/dist/generators/ui/files/shared/ui/tooltip/src/lib/hlm-tooltip.ts +44 -0
- package/dist/generators/ui/files/shared/ui/typography/src/index.ts +40 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-blockquote.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-code.ts +14 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-h1.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-h2.ts +14 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-h3.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-h4.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-large.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-lead.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-muted.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-p.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-small.ts +13 -0
- package/dist/generators/ui/files/shared/ui/typography/src/lib/hlm-ul.ts +13 -0
- package/dist/generators/ui/files/shared/ui/user-menu/user-menu.html +64 -0
- package/dist/generators/ui/files/shared/ui/user-menu/user-menu.scss +3 -0
- package/dist/generators/ui/files/shared/ui/user-menu/user-menu.ts +30 -0
- package/dist/generators/ui/files/shared/ui/utils/src/index.ts +2 -0
- package/dist/generators/ui/files/shared/ui/utils/src/lib/hlm.ts +313 -0
- package/dist/generators/ui/files/shared/ui/utils/src/lib/provide-spartan-hlm.ts +34 -0
- package/dist/generators/ui/lib/npm-deps.d.ts +14 -0
- package/dist/generators/ui/lib/npm-deps.d.ts.map +1 -0
- package/dist/generators/ui/lib/npm-deps.js +72 -0
- package/dist/generators/ui/lib/resolve-deps.d.ts +25 -0
- package/dist/generators/ui/lib/resolve-deps.d.ts.map +1 -0
- package/dist/generators/ui/lib/resolve-deps.js +75 -0
- package/dist/generators/ui/schema.d.ts +14 -0
- package/dist/generators/ui/schema.json +42 -0
- package/dist/generators/ui/ui.d.ts +4 -0
- package/dist/generators/ui/ui.d.ts.map +1 -0
- package/dist/generators/ui/ui.js +84 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -0
- package/dist/tsconfig.lib.tsbuildinfo +1 -0
- package/generators.json +12 -0
- package/package.json +75 -4
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnComboboxPlaceholder } from '@spartan-ng/brain/combobox';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmComboboxPlaceholder],hlm-combobox-placeholder',
|
|
7
|
+
hostDirectives: [BrnComboboxPlaceholder],
|
|
8
|
+
host: { 'data-slot': 'combobox-placeholder' },
|
|
9
|
+
})
|
|
10
|
+
export class HlmComboboxPlaceholder {
|
|
11
|
+
constructor() {
|
|
12
|
+
classes(
|
|
13
|
+
() =>
|
|
14
|
+
"gap-2 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center data-hidden:hidden [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0",
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnPopoverContent } from '@spartan-ng/brain/popover';
|
|
3
|
+
|
|
4
|
+
@Directive({
|
|
5
|
+
selector: '[hlmComboboxPortal]',
|
|
6
|
+
hostDirectives: [{ directive: BrnPopoverContent, inputs: ['context', 'class'] }],
|
|
7
|
+
})
|
|
8
|
+
export class HlmComboboxPortal {}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnComboboxSeparator } from '@spartan-ng/brain/combobox';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmComboboxSeparator]',
|
|
7
|
+
hostDirectives: [{ directive: BrnComboboxSeparator, inputs: ['orientation'] }],
|
|
8
|
+
host: { 'data-slot': 'combobox-separator' },
|
|
9
|
+
})
|
|
10
|
+
export class HlmComboboxSeparator {
|
|
11
|
+
constructor() {
|
|
12
|
+
classes(() => 'bg-border -mx-1 my-1 h-px');
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnComboboxStatus } from '@spartan-ng/brain/combobox';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmComboboxStatus],hlm-combobox-status',
|
|
7
|
+
hostDirectives: [BrnComboboxStatus],
|
|
8
|
+
host: { 'data-slot': 'combobox-status' },
|
|
9
|
+
})
|
|
10
|
+
export class HlmComboboxStatus {
|
|
11
|
+
constructor() {
|
|
12
|
+
classes(
|
|
13
|
+
() =>
|
|
14
|
+
'text-muted-foreground gap-2 px-2.5 py-2 text-sm flex w-full items-center justify-center text-center',
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
+
import {
|
|
3
|
+
booleanAttribute,
|
|
4
|
+
ChangeDetectionStrategy,
|
|
5
|
+
Component,
|
|
6
|
+
computed,
|
|
7
|
+
input,
|
|
8
|
+
} from '@angular/core';
|
|
9
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
10
|
+
import { lucideChevronDown } from '@ng-icons/lucide';
|
|
11
|
+
import {
|
|
12
|
+
BrnComboboxAnchor,
|
|
13
|
+
BrnComboboxPopoverTrigger,
|
|
14
|
+
BrnComboboxTrigger,
|
|
15
|
+
} from '@spartan-ng/brain/combobox';
|
|
16
|
+
import { BrnFieldControlDescribedBy } from '@spartan-ng/brain/field';
|
|
17
|
+
import { ButtonVariants, HlmButton } from '@blueprint-platform/ui/button';
|
|
18
|
+
import { hlm } from '@blueprint-platform/ui/utils';
|
|
19
|
+
import type { ClassValue } from 'clsx';
|
|
20
|
+
|
|
21
|
+
@Component({
|
|
22
|
+
selector: 'hlm-combobox-trigger',
|
|
23
|
+
imports: [
|
|
24
|
+
NgIcon,
|
|
25
|
+
HlmButton,
|
|
26
|
+
BrnComboboxAnchor,
|
|
27
|
+
BrnComboboxTrigger,
|
|
28
|
+
BrnComboboxPopoverTrigger,
|
|
29
|
+
BrnFieldControlDescribedBy,
|
|
30
|
+
],
|
|
31
|
+
providers: [provideIcons({ lucideChevronDown })],
|
|
32
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
33
|
+
template: `
|
|
34
|
+
<button
|
|
35
|
+
brnComboboxTrigger
|
|
36
|
+
brnComboboxAnchor
|
|
37
|
+
brnComboboxPopoverTrigger
|
|
38
|
+
brnFieldControlDescribedBy
|
|
39
|
+
hlmBtn
|
|
40
|
+
data-slot="combobox-trigger"
|
|
41
|
+
[id]="buttonId()"
|
|
42
|
+
[class]="_computedClass()"
|
|
43
|
+
[variant]="variant()"
|
|
44
|
+
[forceInvalid]="forceInvalid()"
|
|
45
|
+
>
|
|
46
|
+
<ng-content />
|
|
47
|
+
<ng-icon name="lucideChevronDown" class="text-muted-foreground text-[length:--spacing(4)]" />
|
|
48
|
+
</button>
|
|
49
|
+
`,
|
|
50
|
+
})
|
|
51
|
+
export class HlmComboboxTrigger {
|
|
52
|
+
private static _id = 0;
|
|
53
|
+
|
|
54
|
+
public readonly userClass = input<ClassValue>('', {
|
|
55
|
+
alias: 'class',
|
|
56
|
+
});
|
|
57
|
+
protected readonly _computedClass = computed(() =>
|
|
58
|
+
hlm('data-placeholder:text-muted-foreground', this.userClass()),
|
|
59
|
+
);
|
|
60
|
+
|
|
61
|
+
public readonly buttonId = input<string>(`hlm-combobox-trigger-${HlmComboboxTrigger._id++}`);
|
|
62
|
+
|
|
63
|
+
public readonly variant = input<ButtonVariants['variant']>('outline');
|
|
64
|
+
|
|
65
|
+
public readonly forceInvalid = input<boolean, BooleanInput>(false, {
|
|
66
|
+
transform: booleanAttribute,
|
|
67
|
+
});
|
|
68
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnComboboxValue } from '@spartan-ng/brain/combobox';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmComboboxValue],hlm-combobox-value',
|
|
7
|
+
hostDirectives: [{ directive: BrnComboboxValue, inputs: ['placeholder'] }],
|
|
8
|
+
host: { 'data-slot': 'combobox-value' },
|
|
9
|
+
})
|
|
10
|
+
export class HlmComboboxValue {
|
|
11
|
+
constructor() {
|
|
12
|
+
classes(() => 'data-hidden:hidden');
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnCombobox } from '@spartan-ng/brain/combobox';
|
|
3
|
+
import {
|
|
4
|
+
BrnPopover,
|
|
5
|
+
provideBrnPopoverConfig,
|
|
6
|
+
provideBrnPopoverDefaultOptions,
|
|
7
|
+
} from '@spartan-ng/brain/popover';
|
|
8
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
9
|
+
|
|
10
|
+
@Directive({
|
|
11
|
+
selector: '[hlmCombobox],hlm-combobox',
|
|
12
|
+
providers: [
|
|
13
|
+
provideBrnPopoverConfig({
|
|
14
|
+
align: 'start',
|
|
15
|
+
sideOffset: 6,
|
|
16
|
+
}),
|
|
17
|
+
provideBrnPopoverDefaultOptions({ role: null }),
|
|
18
|
+
],
|
|
19
|
+
hostDirectives: [
|
|
20
|
+
{
|
|
21
|
+
directive: BrnCombobox,
|
|
22
|
+
inputs: [
|
|
23
|
+
'autoHighlight',
|
|
24
|
+
'disabled',
|
|
25
|
+
'filter',
|
|
26
|
+
'search',
|
|
27
|
+
'value',
|
|
28
|
+
'itemToString',
|
|
29
|
+
'filterOptions',
|
|
30
|
+
'isItemEqualToValue',
|
|
31
|
+
],
|
|
32
|
+
outputs: ['searchChange', 'valueChange'],
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
directive: BrnPopover,
|
|
36
|
+
inputs: ['align', 'closeOnOutsidePointerEvents', 'sideOffset', 'state', 'offsetX'],
|
|
37
|
+
outputs: ['stateChanged', 'closed'],
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
host: { 'data-slot': 'combobox' },
|
|
41
|
+
})
|
|
42
|
+
export class HlmCombobox {
|
|
43
|
+
constructor() {
|
|
44
|
+
classes(() => 'block');
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { HlmCommand } from './lib/hlm-command';
|
|
2
|
+
import { HlmCommandDialog } from './lib/hlm-command-dialog';
|
|
3
|
+
import { HlmCommandEmpty } from './lib/hlm-command-empty';
|
|
4
|
+
import { HlmCommandEmptyState } from './lib/hlm-command-empty-state';
|
|
5
|
+
import { HlmCommandGroup } from './lib/hlm-command-group';
|
|
6
|
+
import { HlmCommandGroupLabel } from './lib/hlm-command-group-label';
|
|
7
|
+
import { HlmCommandInput } from './lib/hlm-command-input';
|
|
8
|
+
import { HlmCommandItem } from './lib/hlm-command-item';
|
|
9
|
+
import { HlmCommandList } from './lib/hlm-command-list';
|
|
10
|
+
import { HlmCommandSeparator } from './lib/hlm-command-separator';
|
|
11
|
+
import { HlmCommandShortcut } from './lib/hlm-command-shortcut';
|
|
12
|
+
|
|
13
|
+
export * from './lib/hlm-command';
|
|
14
|
+
export * from './lib/hlm-command-dialog';
|
|
15
|
+
export * from './lib/hlm-command-empty';
|
|
16
|
+
export * from './lib/hlm-command-empty-state';
|
|
17
|
+
export * from './lib/hlm-command-group';
|
|
18
|
+
export * from './lib/hlm-command-group-label';
|
|
19
|
+
export * from './lib/hlm-command-input';
|
|
20
|
+
export * from './lib/hlm-command-item';
|
|
21
|
+
export * from './lib/hlm-command-list';
|
|
22
|
+
export * from './lib/hlm-command-separator';
|
|
23
|
+
export * from './lib/hlm-command-shortcut';
|
|
24
|
+
|
|
25
|
+
export const HlmCommandImports = [
|
|
26
|
+
HlmCommand,
|
|
27
|
+
HlmCommandDialog,
|
|
28
|
+
HlmCommandEmpty,
|
|
29
|
+
HlmCommandEmptyState,
|
|
30
|
+
HlmCommandGroup,
|
|
31
|
+
HlmCommandGroupLabel,
|
|
32
|
+
HlmCommandInput,
|
|
33
|
+
HlmCommandItem,
|
|
34
|
+
HlmCommandList,
|
|
35
|
+
HlmCommandSeparator,
|
|
36
|
+
HlmCommandShortcut,
|
|
37
|
+
] as const;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
+
import {
|
|
3
|
+
booleanAttribute,
|
|
4
|
+
ChangeDetectionStrategy,
|
|
5
|
+
Component,
|
|
6
|
+
computed,
|
|
7
|
+
input,
|
|
8
|
+
linkedSignal,
|
|
9
|
+
output,
|
|
10
|
+
} from '@angular/core';
|
|
11
|
+
import { BrnDialogState } from '@spartan-ng/brain/dialog';
|
|
12
|
+
import { HlmDialogImports } from '@blueprint-platform/ui/dialog';
|
|
13
|
+
import { hlm } from '@blueprint-platform/ui/utils';
|
|
14
|
+
import { ClassValue } from 'clsx';
|
|
15
|
+
|
|
16
|
+
@Component({
|
|
17
|
+
selector: 'hlm-command-dialog',
|
|
18
|
+
imports: [HlmDialogImports],
|
|
19
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
20
|
+
template: `
|
|
21
|
+
<hlm-dialog [state]="_state()" (stateChanged)="stateChanged($event)">
|
|
22
|
+
<hlm-dialog-content
|
|
23
|
+
*hlmDialogPortal="let ctx"
|
|
24
|
+
[class]="_computedDialogContentClass()"
|
|
25
|
+
[showCloseButton]="showCloseButton()"
|
|
26
|
+
>
|
|
27
|
+
<hlm-dialog-header class="sr-only">
|
|
28
|
+
<h2 hlmDialogTitle>{{ title() }}</h2>
|
|
29
|
+
<p hlmDialogDescription>{{ description() }}</p>
|
|
30
|
+
</hlm-dialog-header>
|
|
31
|
+
<ng-content />
|
|
32
|
+
</hlm-dialog-content>
|
|
33
|
+
</hlm-dialog>
|
|
34
|
+
`,
|
|
35
|
+
})
|
|
36
|
+
export class HlmCommandDialog {
|
|
37
|
+
public readonly title = input<string>('Command Palette');
|
|
38
|
+
public readonly description = input<string>('Search for a command to run...');
|
|
39
|
+
|
|
40
|
+
public readonly state = input<BrnDialogState>('closed');
|
|
41
|
+
protected readonly _state = linkedSignal(this.state);
|
|
42
|
+
|
|
43
|
+
public readonly showCloseButton = input<boolean, BooleanInput>(false, {
|
|
44
|
+
transform: booleanAttribute,
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
public readonly dialogContentClass = input<ClassValue>('');
|
|
48
|
+
protected readonly _computedDialogContentClass = computed(() =>
|
|
49
|
+
hlm('w-96 p-0', this.dialogContentClass()),
|
|
50
|
+
);
|
|
51
|
+
|
|
52
|
+
public readonly stateChange = output<BrnDialogState>();
|
|
53
|
+
|
|
54
|
+
protected stateChanged(state: BrnDialogState) {
|
|
55
|
+
this.stateChange.emit(state);
|
|
56
|
+
this._state.set(state);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
3
|
+
|
|
4
|
+
@Directive({
|
|
5
|
+
selector: '[hlmCommandEmpty]',
|
|
6
|
+
host: {
|
|
7
|
+
'data-slot': 'command-empty',
|
|
8
|
+
},
|
|
9
|
+
})
|
|
10
|
+
export class HlmCommandEmpty {
|
|
11
|
+
constructor() {
|
|
12
|
+
classes(() => 'py-6 text-center text-sm');
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
3
|
+
|
|
4
|
+
@Directive({
|
|
5
|
+
selector: '[hlmCommandGroupLabel],hlm-command-group-label',
|
|
6
|
+
host: {
|
|
7
|
+
'data-slot': 'command-group-label',
|
|
8
|
+
role: 'presentation',
|
|
9
|
+
},
|
|
10
|
+
})
|
|
11
|
+
export class HlmCommandGroupLabel {
|
|
12
|
+
constructor() {
|
|
13
|
+
classes(() => 'inline-block');
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnCommandGroup } from '@spartan-ng/brain/command';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmCommandGroup],hlm-command-group',
|
|
7
|
+
hostDirectives: [
|
|
8
|
+
{
|
|
9
|
+
directive: BrnCommandGroup,
|
|
10
|
+
inputs: ['id'],
|
|
11
|
+
},
|
|
12
|
+
],
|
|
13
|
+
host: {
|
|
14
|
+
'data-slot': 'command-group',
|
|
15
|
+
},
|
|
16
|
+
})
|
|
17
|
+
export class HlmCommandGroup {
|
|
18
|
+
constructor() {
|
|
19
|
+
classes(
|
|
20
|
+
() =>
|
|
21
|
+
'text-foreground **:data-[slot=command-group-label]:text-muted-foreground overflow-hidden p-1 **:data-[slot=command-group-label]:px-2 **:data-[slot=command-group-label]:py-1.5 **:data-[slot=command-group-label]:text-xs **:data-[slot=command-group-label]:font-medium block data-hidden:hidden',
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
2
|
+
import { NgIcon, provideIcons } from '@ng-icons/core';
|
|
3
|
+
import { lucideSearch } from '@ng-icons/lucide';
|
|
4
|
+
import { BrnCommandInput } from '@spartan-ng/brain/command';
|
|
5
|
+
import { HlmInputGroupImports } from '@blueprint-platform/ui/input-group';
|
|
6
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
7
|
+
|
|
8
|
+
@Component({
|
|
9
|
+
selector: 'hlm-command-input',
|
|
10
|
+
imports: [HlmInputGroupImports, NgIcon, BrnCommandInput],
|
|
11
|
+
providers: [provideIcons({ lucideSearch })],
|
|
12
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
13
|
+
host: {
|
|
14
|
+
'data-slot': 'command-input-wrapper',
|
|
15
|
+
},
|
|
16
|
+
template: `
|
|
17
|
+
<hlm-input-group
|
|
18
|
+
class="bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:ps-2!"
|
|
19
|
+
>
|
|
20
|
+
<input
|
|
21
|
+
brnCommandInput
|
|
22
|
+
data-slot="command-input"
|
|
23
|
+
class="w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50"
|
|
24
|
+
[id]="inputId()"
|
|
25
|
+
[placeholder]="placeholder()"
|
|
26
|
+
/>
|
|
27
|
+
|
|
28
|
+
<hlm-input-group-addon>
|
|
29
|
+
<ng-icon name="lucideSearch" class="shrink-0 text-[length:--spacing(4)] opacity-50" />
|
|
30
|
+
</hlm-input-group-addon>
|
|
31
|
+
</hlm-input-group>
|
|
32
|
+
`,
|
|
33
|
+
})
|
|
34
|
+
export class HlmCommandInput {
|
|
35
|
+
public readonly inputId = input<string | undefined>();
|
|
36
|
+
public readonly placeholder = input<string>('');
|
|
37
|
+
|
|
38
|
+
constructor() {
|
|
39
|
+
classes(() => 'p-1 pb-0');
|
|
40
|
+
}
|
|
41
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnCommandItem } from '@spartan-ng/brain/command';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: 'button[hlmCommandItem],button[hlm-command-item]',
|
|
7
|
+
hostDirectives: [
|
|
8
|
+
{
|
|
9
|
+
directive: BrnCommandItem,
|
|
10
|
+
inputs: ['value', 'disabled', 'id'],
|
|
11
|
+
outputs: ['selected'],
|
|
12
|
+
},
|
|
13
|
+
],
|
|
14
|
+
host: {
|
|
15
|
+
'data-slot': 'command-item',
|
|
16
|
+
},
|
|
17
|
+
})
|
|
18
|
+
export class HlmCommandItem {
|
|
19
|
+
constructor() {
|
|
20
|
+
classes(
|
|
21
|
+
() =>
|
|
22
|
+
"data-selected:bg-muted data-selected:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] group/command-item w-full data-disabled:pointer-events-none data-disabled:opacity-50 data-hidden:hidden [&>ng-icon]:pointer-events-none [&>ng-icon]:shrink-0",
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnCommandList } from '@spartan-ng/brain/command';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmCommandList],hlm-command-list',
|
|
7
|
+
hostDirectives: [
|
|
8
|
+
{
|
|
9
|
+
directive: BrnCommandList,
|
|
10
|
+
inputs: ['id'],
|
|
11
|
+
},
|
|
12
|
+
],
|
|
13
|
+
host: {
|
|
14
|
+
'data-slot': 'command-list',
|
|
15
|
+
},
|
|
16
|
+
})
|
|
17
|
+
export class HlmCommandList {
|
|
18
|
+
constructor() {
|
|
19
|
+
classes(
|
|
20
|
+
() => 'no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto',
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnCommandSeparator } from '@spartan-ng/brain/command';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmCommandSeparator],hlm-command-separator',
|
|
7
|
+
hostDirectives: [BrnCommandSeparator],
|
|
8
|
+
host: {
|
|
9
|
+
'data-slot': 'command-separator',
|
|
10
|
+
},
|
|
11
|
+
})
|
|
12
|
+
export class HlmCommandSeparator {
|
|
13
|
+
constructor() {
|
|
14
|
+
classes(() => 'bg-border -mx-1 h-px block data-hidden:hidden');
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
3
|
+
|
|
4
|
+
@Directive({
|
|
5
|
+
selector: '[hlmCommandShortcut],hlm-command-shortcut',
|
|
6
|
+
host: {
|
|
7
|
+
'data-slot': 'command-shortcut',
|
|
8
|
+
},
|
|
9
|
+
})
|
|
10
|
+
export class HlmCommandShortcut {
|
|
11
|
+
constructor() {
|
|
12
|
+
classes(
|
|
13
|
+
() =>
|
|
14
|
+
'text-muted-foreground group-data-[selected]/command-item:text-foreground ms-auto text-xs tracking-widest',
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import { BrnCommand } from '@spartan-ng/brain/command';
|
|
3
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
4
|
+
|
|
5
|
+
@Directive({
|
|
6
|
+
selector: '[hlmCommand],hlm-command',
|
|
7
|
+
hostDirectives: [
|
|
8
|
+
{
|
|
9
|
+
directive: BrnCommand,
|
|
10
|
+
inputs: ['id', 'filter', 'search', 'disabled'],
|
|
11
|
+
outputs: ['valueChange', 'searchChange'],
|
|
12
|
+
},
|
|
13
|
+
],
|
|
14
|
+
host: {
|
|
15
|
+
'data-slot': 'command',
|
|
16
|
+
},
|
|
17
|
+
})
|
|
18
|
+
export class HlmCommand {
|
|
19
|
+
constructor() {
|
|
20
|
+
classes(
|
|
21
|
+
() =>
|
|
22
|
+
'bg-popover text-popover-foreground rounded-xl p-1 flex size-full flex-col overflow-hidden',
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { InjectionToken, type ValueProvider, inject } from '@angular/core';
|
|
2
|
+
import { type MenuAlign, type MenuSide } from '@spartan-ng/brain/core';
|
|
3
|
+
|
|
4
|
+
export interface HlmContextMenuConfig {
|
|
5
|
+
align: MenuAlign;
|
|
6
|
+
side: MenuSide;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const defaultConfig: HlmContextMenuConfig = {
|
|
10
|
+
align: 'start',
|
|
11
|
+
side: 'bottom',
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const HlmContextMenuConfigToken = new InjectionToken<HlmContextMenuConfig>('HlmContextMenuConfig');
|
|
15
|
+
|
|
16
|
+
export function provideHlmContextMenuConfig(config: Partial<HlmContextMenuConfig>): ValueProvider {
|
|
17
|
+
return { provide: HlmContextMenuConfigToken, useValue: { ...defaultConfig, ...config } };
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export function injectHlmContextMenuConfig(): HlmContextMenuConfig {
|
|
21
|
+
return inject(HlmContextMenuConfigToken, { optional: true }) ?? defaultConfig;
|
|
22
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { type BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
+
import { CdkContextMenuTrigger } from '@angular/cdk/menu';
|
|
3
|
+
import {
|
|
4
|
+
booleanAttribute,
|
|
5
|
+
computed,
|
|
6
|
+
Directive,
|
|
7
|
+
effect,
|
|
8
|
+
forwardRef,
|
|
9
|
+
inject,
|
|
10
|
+
input,
|
|
11
|
+
} from '@angular/core';
|
|
12
|
+
import {
|
|
13
|
+
createMenuPosition,
|
|
14
|
+
MENU_SIDE,
|
|
15
|
+
type MenuAlign,
|
|
16
|
+
type MenuSide,
|
|
17
|
+
} from '@spartan-ng/brain/core';
|
|
18
|
+
import { classes } from '@blueprint-platform/ui/utils';
|
|
19
|
+
import { injectHlmContextMenuConfig } from './hlm-context-menu-token';
|
|
20
|
+
|
|
21
|
+
@Directive({
|
|
22
|
+
selector: '[hlmContextMenuTrigger]',
|
|
23
|
+
providers: [{ provide: MENU_SIDE, useExisting: forwardRef(() => HlmContextMenuTrigger) }],
|
|
24
|
+
hostDirectives: [
|
|
25
|
+
{
|
|
26
|
+
directive: CdkContextMenuTrigger,
|
|
27
|
+
inputs: [
|
|
28
|
+
'cdkContextMenuTriggerFor: hlmContextMenuTrigger',
|
|
29
|
+
'cdkContextMenuTriggerData: hlmContextMenuTriggerData',
|
|
30
|
+
'cdkContextMenuDisabled: disabled',
|
|
31
|
+
],
|
|
32
|
+
outputs: [
|
|
33
|
+
'cdkContextMenuOpened: hlmContextMenuOpened',
|
|
34
|
+
'cdkContextMenuClosed: hlmContextMenuClosed',
|
|
35
|
+
],
|
|
36
|
+
},
|
|
37
|
+
],
|
|
38
|
+
host: {
|
|
39
|
+
'data-slot': 'context-menu-trigger',
|
|
40
|
+
'[attr.data-disabled]': 'disabled() ? "" : null',
|
|
41
|
+
},
|
|
42
|
+
})
|
|
43
|
+
export class HlmContextMenuTrigger {
|
|
44
|
+
private readonly _cdkTrigger = inject(CdkContextMenuTrigger, { host: true });
|
|
45
|
+
private readonly _config = injectHlmContextMenuConfig();
|
|
46
|
+
|
|
47
|
+
public readonly disabled = input<boolean, BooleanInput>(this._cdkTrigger.disabled, {
|
|
48
|
+
transform: booleanAttribute,
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
public readonly align = input<MenuAlign>(this._config.align);
|
|
52
|
+
public readonly side = input<MenuSide>(this._config.side);
|
|
53
|
+
|
|
54
|
+
private readonly _menuPosition = computed(() => createMenuPosition(this.align(), this.side()));
|
|
55
|
+
|
|
56
|
+
constructor() {
|
|
57
|
+
// CDK sets transform-origin on the menu content (a shared hlm-dropdown-menu) from the resolved
|
|
58
|
+
// position; the content reads it to animate from the anchored corner and to derive its data-side.
|
|
59
|
+
// Cast tolerates @angular/cdk < 21.2 (we still support >=21.0), where the property is absent and
|
|
60
|
+
// the assignment is a harmless no-op.
|
|
61
|
+
(this._cdkTrigger as { transformOriginSelector?: string }).transformOriginSelector =
|
|
62
|
+
'[data-slot="dropdown-menu"]';
|
|
63
|
+
|
|
64
|
+
effect(() => {
|
|
65
|
+
this._cdkTrigger.menuPosition = this._menuPosition();
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
classes(() => 'select-none');
|
|
69
|
+
}
|
|
70
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { HlmDateMultiInput } from './lib/hlm-date-multi-input';
|
|
2
|
+
import { HlmDatePicker } from './lib/hlm-date-picker';
|
|
3
|
+
import { HlmDatePickerAnchor } from './lib/hlm-date-picker-anchor';
|
|
4
|
+
import { HlmDatePickerInput } from './lib/hlm-date-picker-input';
|
|
5
|
+
import { HlmDatePickerMulti } from './lib/hlm-date-picker-multi';
|
|
6
|
+
import { HlmDatePickerTrigger } from './lib/hlm-date-picker-trigger';
|
|
7
|
+
import { HlmDateRangeInput } from './lib/hlm-date-range-input';
|
|
8
|
+
import { HlmDateRangePicker } from './lib/hlm-date-range-picker';
|
|
9
|
+
import { HlmMonthYearInput } from './lib/hlm-month-year-input';
|
|
10
|
+
import { HlmMonthYearPicker } from './lib/hlm-month-year-picker';
|
|
11
|
+
|
|
12
|
+
export * from './lib/hlm-date-multi-input';
|
|
13
|
+
export * from './lib/hlm-date-picker';
|
|
14
|
+
export * from './lib/hlm-date-picker-anchor';
|
|
15
|
+
export * from './lib/hlm-date-picker-input';
|
|
16
|
+
export * from './lib/hlm-date-picker-multi';
|
|
17
|
+
export * from './lib/hlm-date-picker-multi.token';
|
|
18
|
+
export * from './lib/hlm-date-picker-trigger';
|
|
19
|
+
export * from './lib/hlm-date-picker.token';
|
|
20
|
+
export * from './lib/hlm-date-range-input';
|
|
21
|
+
export * from './lib/hlm-date-range-picker';
|
|
22
|
+
export * from './lib/hlm-date-range-picker.token';
|
|
23
|
+
export * from './lib/hlm-month-year-input';
|
|
24
|
+
export * from './lib/hlm-month-year-picker';
|
|
25
|
+
export * from './lib/hlm-month-year-picker.token';
|
|
26
|
+
|
|
27
|
+
export const HlmDatePickerImports = [
|
|
28
|
+
HlmDatePicker,
|
|
29
|
+
HlmDatePickerAnchor,
|
|
30
|
+
HlmDatePickerInput,
|
|
31
|
+
HlmDatePickerMulti,
|
|
32
|
+
HlmDateMultiInput,
|
|
33
|
+
HlmDateRangeInput,
|
|
34
|
+
HlmDateRangePicker,
|
|
35
|
+
HlmDatePickerTrigger,
|
|
36
|
+
HlmMonthYearPicker,
|
|
37
|
+
HlmMonthYearInput,
|
|
38
|
+
] as const;
|