@tailng-ui/primitives 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/README.md +36 -0
- package/package.json +13 -0
- package/src/index.d.ts +55 -0
- package/src/index.d.ts.map +1 -0
- package/src/index.js +61 -0
- package/src/index.js.map +1 -0
- package/src/lib/feedback/empty/tng-empty.d.ts +16 -0
- package/src/lib/feedback/empty/tng-empty.d.ts.map +1 -0
- package/src/lib/feedback/empty/tng-empty.js +68 -0
- package/src/lib/feedback/empty/tng-empty.js.map +1 -0
- package/src/lib/feedback/progress-bar/tng-progress-bar.d.ts +24 -0
- package/src/lib/feedback/progress-bar/tng-progress-bar.d.ts.map +1 -0
- package/src/lib/feedback/progress-bar/tng-progress-bar.js +100 -0
- package/src/lib/feedback/progress-bar/tng-progress-bar.js.map +1 -0
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.d.ts +21 -0
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.d.ts.map +1 -0
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.js +87 -0
- package/src/lib/feedback/progress-spinner/tng-progress-spinner.js.map +1 -0
- package/src/lib/feedback/skeleton/tng-skeleton.d.ts +11 -0
- package/src/lib/feedback/skeleton/tng-skeleton.d.ts.map +1 -0
- package/src/lib/feedback/skeleton/tng-skeleton.js +44 -0
- package/src/lib/feedback/skeleton/tng-skeleton.js.map +1 -0
- package/src/lib/feedback/toast/tng-toast.d.ts +20 -0
- package/src/lib/feedback/toast/tng-toast.d.ts.map +1 -0
- package/src/lib/feedback/toast/tng-toast.js +79 -0
- package/src/lib/feedback/toast/tng-toast.js.map +1 -0
- package/src/lib/form/_shared/id/index.d.ts +4 -0
- package/src/lib/form/_shared/id/index.d.ts.map +1 -0
- package/src/lib/form/_shared/id/index.js +4 -0
- package/src/lib/form/_shared/id/index.js.map +1 -0
- package/src/lib/form/_shared/id/tng-unique-id.provider.d.ts +11 -0
- package/src/lib/form/_shared/id/tng-unique-id.provider.d.ts.map +1 -0
- package/src/lib/form/_shared/id/tng-unique-id.provider.js +15 -0
- package/src/lib/form/_shared/id/tng-unique-id.provider.js.map +1 -0
- package/src/lib/form/_shared/id/tng-unique-id.service.d.ts +9 -0
- package/src/lib/form/_shared/id/tng-unique-id.service.d.ts.map +1 -0
- package/src/lib/form/_shared/id/tng-unique-id.service.js +18 -0
- package/src/lib/form/_shared/id/tng-unique-id.service.js.map +1 -0
- package/src/lib/form/_shared/id/tng-unique-id.token.d.ts +8 -0
- package/src/lib/form/_shared/id/tng-unique-id.token.d.ts.map +1 -0
- package/src/lib/form/_shared/id/tng-unique-id.token.js +13 -0
- package/src/lib/form/_shared/id/tng-unique-id.token.js.map +1 -0
- package/src/lib/form/_shared/select/tng-select.host-api.d.ts +28 -0
- package/src/lib/form/_shared/select/tng-select.host-api.d.ts.map +1 -0
- package/src/lib/form/_shared/select/tng-select.host-api.js +1 -0
- package/src/lib/form/_shared/select/tng-select.host-api.js.map +1 -0
- package/src/lib/form/_shared/select/tng-select.overlay.shared.d.ts +38 -0
- package/src/lib/form/_shared/select/tng-select.overlay.shared.d.ts.map +1 -0
- package/src/lib/form/_shared/select/tng-select.overlay.shared.js +226 -0
- package/src/lib/form/_shared/select/tng-select.overlay.shared.js.map +1 -0
- package/src/lib/form/_shared/select/tng-select.parts.shared.d.ts +35 -0
- package/src/lib/form/_shared/select/tng-select.parts.shared.d.ts.map +1 -0
- package/src/lib/form/_shared/select/tng-select.parts.shared.js +199 -0
- package/src/lib/form/_shared/select/tng-select.parts.shared.js.map +1 -0
- package/src/lib/form/_shared/select/tng-select.tokens.shared.d.ts +8 -0
- package/src/lib/form/_shared/select/tng-select.tokens.shared.d.ts.map +1 -0
- package/src/lib/form/_shared/select/tng-select.tokens.shared.js +7 -0
- package/src/lib/form/_shared/select/tng-select.tokens.shared.js.map +1 -0
- package/src/lib/form/autocomplete/index.d.ts +7 -0
- package/src/lib/form/autocomplete/index.d.ts.map +1 -0
- package/src/lib/form/autocomplete/index.js +6 -0
- package/src/lib/form/autocomplete/index.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.d.ts +52 -0
- package/src/lib/form/autocomplete/tng-autocomplete.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.js +95 -0
- package/src/lib/form/autocomplete/tng-autocomplete.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.d.ts +19 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.js +123 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.d.ts +4 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.js +3 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.d.ts +4 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.js +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.overlay.d.ts +40 -0
- package/src/lib/form/autocomplete/tng-autocomplete.overlay.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.overlay.js +236 -0
- package/src/lib/form/autocomplete/tng-autocomplete.overlay.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.parts.d.ts +38 -0
- package/src/lib/form/autocomplete/tng-autocomplete.parts.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.parts.js +252 -0
- package/src/lib/form/autocomplete/tng-autocomplete.parts.js.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.tokens.d.ts +4 -0
- package/src/lib/form/autocomplete/tng-autocomplete.tokens.d.ts.map +1 -0
- package/src/lib/form/autocomplete/tng-autocomplete.tokens.js +3 -0
- package/src/lib/form/autocomplete/tng-autocomplete.tokens.js.map +1 -0
- package/src/lib/form/button-toggle/tng-button-toggle.d.ts +164 -0
- package/src/lib/form/button-toggle/tng-button-toggle.d.ts.map +1 -0
- package/src/lib/form/button-toggle/tng-button-toggle.js +1097 -0
- package/src/lib/form/button-toggle/tng-button-toggle.js.map +1 -0
- package/src/lib/form/checkbox/tng-checkbox.d.ts +48 -0
- package/src/lib/form/checkbox/tng-checkbox.d.ts.map +1 -0
- package/src/lib/form/checkbox/tng-checkbox.js +234 -0
- package/src/lib/form/checkbox/tng-checkbox.js.map +1 -0
- package/src/lib/form/chips/tng-chips.d.ts +4 -0
- package/src/lib/form/chips/tng-chips.d.ts.map +1 -0
- package/src/lib/form/chips/tng-chips.js +16 -0
- package/src/lib/form/chips/tng-chips.js.map +1 -0
- package/src/lib/form/combobox/tng-combobox.d.ts +4 -0
- package/src/lib/form/combobox/tng-combobox.d.ts.map +1 -0
- package/src/lib/form/combobox/tng-combobox.js +16 -0
- package/src/lib/form/combobox/tng-combobox.js.map +1 -0
- package/src/lib/form/input/tng-input.d.ts +87 -0
- package/src/lib/form/input/tng-input.d.ts.map +1 -0
- package/src/lib/form/input/tng-input.js +393 -0
- package/src/lib/form/input/tng-input.js.map +1 -0
- package/src/lib/form/input-otp/tng-input-otp.d.ts +7 -0
- package/src/lib/form/input-otp/tng-input-otp.d.ts.map +1 -0
- package/src/lib/form/input-otp/tng-input-otp.js +33 -0
- package/src/lib/form/input-otp/tng-input-otp.js.map +1 -0
- package/src/lib/form/label/tng-label.d.ts +6 -0
- package/src/lib/form/label/tng-label.d.ts.map +1 -0
- package/src/lib/form/label/tng-label.js +25 -0
- package/src/lib/form/label/tng-label.js.map +1 -0
- package/src/lib/form/listbox/listbox.directive.d.ts +51 -0
- package/src/lib/form/listbox/listbox.directive.d.ts.map +1 -0
- package/src/lib/form/listbox/listbox.directive.js +439 -0
- package/src/lib/form/listbox/listbox.directive.js.map +1 -0
- package/src/lib/form/listbox/option.directive.d.ts +22 -0
- package/src/lib/form/listbox/option.directive.d.ts.map +1 -0
- package/src/lib/form/listbox/option.directive.js +109 -0
- package/src/lib/form/listbox/option.directive.js.map +1 -0
- package/src/lib/form/listbox/tokens.d.ts +14 -0
- package/src/lib/form/listbox/tokens.d.ts.map +1 -0
- package/src/lib/form/listbox/tokens.js +13 -0
- package/src/lib/form/listbox/tokens.js.map +1 -0
- package/src/lib/form/multi-autocomplete/index.d.ts +10 -0
- package/src/lib/form/multi-autocomplete/index.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/index.js +10 -0
- package/src/lib/form/multi-autocomplete/index.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.d.ts +11 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.js +98 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.d.ts +10 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.js +45 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.d.ts +43 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.js +150 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.d.ts +20 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.js +138 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.d.ts +4 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.js +3 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.d.ts +18 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.js +2 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.d.ts +4 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.js +17 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.d.ts +4 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.js +3 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.js.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.d.ts +21 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.d.ts.map +1 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.js +241 -0
- package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.js.map +1 -0
- package/src/lib/form/multi-select/index.d.ts +7 -0
- package/src/lib/form/multi-select/index.d.ts.map +1 -0
- package/src/lib/form/multi-select/index.js +6 -0
- package/src/lib/form/multi-select/index.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.d.ts +45 -0
- package/src/lib/form/multi-select/tng-multi-select.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.js +136 -0
- package/src/lib/form/multi-select/tng-multi-select.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.d.ts +21 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.js +107 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.d.ts +3 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.js +3 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.types.d.ts +3 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.types.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.types.js +1 -0
- package/src/lib/form/multi-select/tng-multi-select.listbox.types.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.overlay.d.ts +5 -0
- package/src/lib/form/multi-select/tng-multi-select.overlay.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.overlay.js +5 -0
- package/src/lib/form/multi-select/tng-multi-select.overlay.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.parts.d.ts +5 -0
- package/src/lib/form/multi-select/tng-multi-select.parts.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.parts.js +5 -0
- package/src/lib/form/multi-select/tng-multi-select.parts.js.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.tokens.d.ts +4 -0
- package/src/lib/form/multi-select/tng-multi-select.tokens.d.ts.map +1 -0
- package/src/lib/form/multi-select/tng-multi-select.tokens.js +3 -0
- package/src/lib/form/multi-select/tng-multi-select.tokens.js.map +1 -0
- package/src/lib/form/multiselect/tng-multiselect.d.ts +4 -0
- package/src/lib/form/multiselect/tng-multiselect.d.ts.map +1 -0
- package/src/lib/form/multiselect/tng-multiselect.js +16 -0
- package/src/lib/form/multiselect/tng-multiselect.js.map +1 -0
- package/src/lib/form/radio/tng-radio.d.ts +20 -0
- package/src/lib/form/radio/tng-radio.d.ts.map +1 -0
- package/src/lib/form/radio/tng-radio.js +86 -0
- package/src/lib/form/radio/tng-radio.js.map +1 -0
- package/src/lib/form/select/tng-select.d.ts +38 -0
- package/src/lib/form/select/tng-select.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.js +106 -0
- package/src/lib/form/select/tng-select.js.map +1 -0
- package/src/lib/form/select/tng-select.listbox.d.ts +20 -0
- package/src/lib/form/select/tng-select.listbox.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.listbox.js +123 -0
- package/src/lib/form/select/tng-select.listbox.js.map +1 -0
- package/src/lib/form/select/tng-select.listbox.tokens.d.ts +3 -0
- package/src/lib/form/select/tng-select.listbox.tokens.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.listbox.tokens.js +3 -0
- package/src/lib/form/select/tng-select.listbox.tokens.js.map +1 -0
- package/src/lib/form/select/tng-select.listbox.types.d.ts +4 -0
- package/src/lib/form/select/tng-select.listbox.types.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.listbox.types.js +1 -0
- package/src/lib/form/select/tng-select.listbox.types.js.map +1 -0
- package/src/lib/form/select/tng-select.overlay.d.ts +5 -0
- package/src/lib/form/select/tng-select.overlay.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.overlay.js +5 -0
- package/src/lib/form/select/tng-select.overlay.js.map +1 -0
- package/src/lib/form/select/tng-select.parts.d.ts +5 -0
- package/src/lib/form/select/tng-select.parts.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.parts.js +5 -0
- package/src/lib/form/select/tng-select.parts.js.map +1 -0
- package/src/lib/form/select/tng-select.tokens.d.ts +4 -0
- package/src/lib/form/select/tng-select.tokens.d.ts.map +1 -0
- package/src/lib/form/select/tng-select.tokens.js +3 -0
- package/src/lib/form/select/tng-select.tokens.js.map +1 -0
- package/src/lib/form/slider/tng-slider.d.ts +19 -0
- package/src/lib/form/slider/tng-slider.d.ts.map +1 -0
- package/src/lib/form/slider/tng-slider.js +84 -0
- package/src/lib/form/slider/tng-slider.js.map +1 -0
- package/src/lib/form/switch/tng-switch.d.ts +19 -0
- package/src/lib/form/switch/tng-switch.d.ts.map +1 -0
- package/src/lib/form/switch/tng-switch.js +79 -0
- package/src/lib/form/switch/tng-switch.js.map +1 -0
- package/src/lib/form/textarea/tng-textarea.d.ts +23 -0
- package/src/lib/form/textarea/tng-textarea.d.ts.map +1 -0
- package/src/lib/form/textarea/tng-textarea.js +119 -0
- package/src/lib/form/textarea/tng-textarea.js.map +1 -0
- package/src/lib/form/toggle/tng-toggle.d.ts +44 -0
- package/src/lib/form/toggle/tng-toggle.d.ts.map +1 -0
- package/src/lib/form/toggle/tng-toggle.js +203 -0
- package/src/lib/form/toggle/tng-toggle.js.map +1 -0
- package/src/lib/form/toggle-group/tng-toggle-group.d.ts +35 -0
- package/src/lib/form/toggle-group/tng-toggle-group.d.ts.map +1 -0
- package/src/lib/form/toggle-group/tng-toggle-group.js +156 -0
- package/src/lib/form/toggle-group/tng-toggle-group.js.map +1 -0
- package/src/lib/internal/combobox/combobox.active.d.ts +17 -0
- package/src/lib/internal/combobox/combobox.active.d.ts.map +1 -0
- package/src/lib/internal/combobox/combobox.active.js +19 -0
- package/src/lib/internal/combobox/combobox.active.js.map +1 -0
- package/src/lib/internal/combobox/combobox.commit.d.ts +20 -0
- package/src/lib/internal/combobox/combobox.commit.d.ts.map +1 -0
- package/src/lib/internal/combobox/combobox.commit.js +34 -0
- package/src/lib/internal/combobox/combobox.commit.js.map +1 -0
- package/src/lib/internal/combobox/combobox.keyboard.d.ts +39 -0
- package/src/lib/internal/combobox/combobox.keyboard.d.ts.map +1 -0
- package/src/lib/internal/combobox/combobox.keyboard.js +88 -0
- package/src/lib/internal/combobox/combobox.keyboard.js.map +1 -0
- package/src/lib/internal/combobox/combobox.listbox-api.d.ts +19 -0
- package/src/lib/internal/combobox/combobox.listbox-api.d.ts.map +1 -0
- package/src/lib/internal/combobox/combobox.listbox-api.js +5 -0
- package/src/lib/internal/combobox/combobox.listbox-api.js.map +1 -0
- package/src/lib/internal/combobox/index.d.ts +5 -0
- package/src/lib/internal/combobox/index.d.ts.map +1 -0
- package/src/lib/internal/combobox/index.js +4 -0
- package/src/lib/internal/combobox/index.js.map +1 -0
- package/src/lib/layout/accordion/tng-accordion.d.ts +150 -0
- package/src/lib/layout/accordion/tng-accordion.d.ts.map +1 -0
- package/src/lib/layout/accordion/tng-accordion.js +852 -0
- package/src/lib/layout/accordion/tng-accordion.js.map +1 -0
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.d.ts +4 -0
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.d.ts.map +1 -0
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.js +16 -0
- package/src/lib/layout/bottom-sheet/tng-bottom-sheet.js.map +1 -0
- package/src/lib/layout/card/tng-card.d.ts +31 -0
- package/src/lib/layout/card/tng-card.d.ts.map +1 -0
- package/src/lib/layout/card/tng-card.js +133 -0
- package/src/lib/layout/card/tng-card.js.map +1 -0
- package/src/lib/layout/collapsible/tng-collapsible.d.ts +28 -0
- package/src/lib/layout/collapsible/tng-collapsible.d.ts.map +1 -0
- package/src/lib/layout/collapsible/tng-collapsible.js +123 -0
- package/src/lib/layout/collapsible/tng-collapsible.js.map +1 -0
- package/src/lib/layout/drawer/tng-drawer.d.ts +177 -0
- package/src/lib/layout/drawer/tng-drawer.d.ts.map +1 -0
- package/src/lib/layout/drawer/tng-drawer.js +1147 -0
- package/src/lib/layout/drawer/tng-drawer.js.map +1 -0
- package/src/lib/layout/grid/tng-grid.d.ts +4 -0
- package/src/lib/layout/grid/tng-grid.d.ts.map +1 -0
- package/src/lib/layout/grid/tng-grid.js +16 -0
- package/src/lib/layout/grid/tng-grid.js.map +1 -0
- package/src/lib/layout/separator/tng-separator.d.ts +11 -0
- package/src/lib/layout/separator/tng-separator.d.ts.map +1 -0
- package/src/lib/layout/separator/tng-separator.js +47 -0
- package/src/lib/layout/separator/tng-separator.js.map +1 -0
- package/src/lib/layout/stepper/tng-stepper.d.ts +4 -0
- package/src/lib/layout/stepper/tng-stepper.d.ts.map +1 -0
- package/src/lib/layout/stepper/tng-stepper.js +16 -0
- package/src/lib/layout/stepper/tng-stepper.js.map +1 -0
- package/src/lib/layout/tree/tng-tree.d.ts +4 -0
- package/src/lib/layout/tree/tng-tree.d.ts.map +1 -0
- package/src/lib/layout/tree/tng-tree.js +16 -0
- package/src/lib/layout/tree/tng-tree.js.map +1 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.d.ts +17 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.d.ts.map +1 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.js +72 -0
- package/src/lib/navigation/breadcrumb/tng-breadcrumb.js.map +1 -0
- package/src/lib/navigation/context-menu/tng-context-menu.d.ts +36 -0
- package/src/lib/navigation/context-menu/tng-context-menu.d.ts.map +1 -0
- package/src/lib/navigation/context-menu/tng-context-menu.js +159 -0
- package/src/lib/navigation/context-menu/tng-context-menu.js.map +1 -0
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.d.ts +4 -0
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.d.ts.map +1 -0
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.js +16 -0
- package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.js.map +1 -0
- package/src/lib/navigation/menu/tng-menu.d.ts +173 -0
- package/src/lib/navigation/menu/tng-menu.d.ts.map +1 -0
- package/src/lib/navigation/menu/tng-menu.js +1026 -0
- package/src/lib/navigation/menu/tng-menu.js.map +1 -0
- package/src/lib/navigation/menubar/tng-menubar.d.ts +64 -0
- package/src/lib/navigation/menubar/tng-menubar.d.ts.map +1 -0
- package/src/lib/navigation/menubar/tng-menubar.js +478 -0
- package/src/lib/navigation/menubar/tng-menubar.js.map +1 -0
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.d.ts +4 -0
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.d.ts.map +1 -0
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.js +16 -0
- package/src/lib/navigation/navigation-menu/tng-navigation-menu.js.map +1 -0
- package/src/lib/navigation/tabs/tng-tabs.d.ts +234 -0
- package/src/lib/navigation/tabs/tng-tabs.d.ts.map +1 -0
- package/src/lib/navigation/tabs/tng-tabs.js +1350 -0
- package/src/lib/navigation/tabs/tng-tabs.js.map +1 -0
- package/src/lib/navigation/toolbar/tng-toolbar.d.ts +4 -0
- package/src/lib/navigation/toolbar/tng-toolbar.d.ts.map +1 -0
- package/src/lib/navigation/toolbar/tng-toolbar.js +16 -0
- package/src/lib/navigation/toolbar/tng-toolbar.js.map +1 -0
- package/src/lib/overlay/tooltip/tng-tooltip.d.ts +25 -0
- package/src/lib/overlay/tooltip/tng-tooltip.d.ts.map +1 -0
- package/src/lib/overlay/tooltip/tng-tooltip.js +99 -0
- package/src/lib/overlay/tooltip/tng-tooltip.js.map +1 -0
- package/src/lib/utility/avatar/tng-avatar.d.ts +10 -0
- package/src/lib/utility/avatar/tng-avatar.d.ts.map +1 -0
- package/src/lib/utility/avatar/tng-avatar.js +42 -0
- package/src/lib/utility/avatar/tng-avatar.js.map +1 -0
- package/src/lib/utility/badge/tng-badge.d.ts +63 -0
- package/src/lib/utility/badge/tng-badge.d.ts.map +1 -0
- package/src/lib/utility/badge/tng-badge.js +345 -0
- package/src/lib/utility/badge/tng-badge.js.map +1 -0
- package/src/lib/utility/code-block/tng-code-block.d.ts +16 -0
- package/src/lib/utility/code-block/tng-code-block.d.ts.map +1 -0
- package/src/lib/utility/code-block/tng-code-block.js +68 -0
- package/src/lib/utility/code-block/tng-code-block.js.map +1 -0
- package/src/lib/utility/copy/tng-copy.d.ts +75 -0
- package/src/lib/utility/copy/tng-copy.d.ts.map +1 -0
- package/src/lib/utility/copy/tng-copy.js +544 -0
- package/src/lib/utility/copy/tng-copy.js.map +1 -0
- package/src/lib/utility/press/tng-press.d.ts +33 -0
- package/src/lib/utility/press/tng-press.d.ts.map +1 -0
- package/src/lib/utility/press/tng-press.js +207 -0
- package/src/lib/utility/press/tng-press.js.map +1 -0
- package/src/lib/utility/tag/tng-tag.d.ts +4 -0
- package/src/lib/utility/tag/tng-tag.d.ts.map +1 -0
- package/src/lib/utility/tag/tng-tag.js +16 -0
- package/src/lib/utility/tag/tng-tag.js.map +1 -0
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';
|
|
3
|
+
import { createTngIdFactory } from '@tailng-ui/cdk';
|
|
4
|
+
import { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';
|
|
5
|
+
import { TNG_SELECT_HOST } from './tng-select.tokens.shared';
|
|
6
|
+
let TngSelectTrigger = class TngSelectTrigger {
|
|
7
|
+
host = inject(TNG_SELECT_HOST);
|
|
8
|
+
el = inject((ElementRef));
|
|
9
|
+
get listbox() {
|
|
10
|
+
return this.host.getListboxApi();
|
|
11
|
+
}
|
|
12
|
+
authorTabindex = this.el.nativeElement.getAttribute('tabindex') !== null;
|
|
13
|
+
dataSlot = 'select-trigger';
|
|
14
|
+
role = 'combobox';
|
|
15
|
+
haspopup = 'listbox';
|
|
16
|
+
get ariaExpanded() {
|
|
17
|
+
return this.host.open() ? 'true' : 'false';
|
|
18
|
+
}
|
|
19
|
+
get ariaDisabled() {
|
|
20
|
+
return this.host.disabled() ? 'true' : null;
|
|
21
|
+
}
|
|
22
|
+
get ariaControls() {
|
|
23
|
+
if (!this.host.open())
|
|
24
|
+
return null;
|
|
25
|
+
return this.host.getContentId() ?? this.host.getListboxId();
|
|
26
|
+
}
|
|
27
|
+
get ariaActiveDescendant() {
|
|
28
|
+
return this.host.open() ? this.host.getActiveDescendantId() : null;
|
|
29
|
+
}
|
|
30
|
+
get tabindex() {
|
|
31
|
+
const node = this.el.nativeElement;
|
|
32
|
+
const isNaturallyFocusable = node instanceof HTMLButtonElement ||
|
|
33
|
+
node instanceof HTMLInputElement ||
|
|
34
|
+
node instanceof HTMLSelectElement ||
|
|
35
|
+
node instanceof HTMLTextAreaElement;
|
|
36
|
+
return isNaturallyFocusable || this.authorTabindex ? null : '0';
|
|
37
|
+
}
|
|
38
|
+
get ariaInvalid() {
|
|
39
|
+
return this.host.invalid() ? 'true' : null;
|
|
40
|
+
}
|
|
41
|
+
get ariaLabelledby() {
|
|
42
|
+
const node = this.el.nativeElement;
|
|
43
|
+
if (node.hasAttribute('aria-label'))
|
|
44
|
+
return null;
|
|
45
|
+
return this.host.labelId();
|
|
46
|
+
}
|
|
47
|
+
get ariaDescribedby() {
|
|
48
|
+
const ids = [];
|
|
49
|
+
const desc = this.host.descriptionId();
|
|
50
|
+
if (desc)
|
|
51
|
+
ids.push(desc);
|
|
52
|
+
if (this.host.invalid()) {
|
|
53
|
+
const err = this.host.errorId();
|
|
54
|
+
if (err)
|
|
55
|
+
ids.push(err);
|
|
56
|
+
}
|
|
57
|
+
return ids.length ? ids.join(' ') : null;
|
|
58
|
+
}
|
|
59
|
+
onPointerDown(event) {
|
|
60
|
+
if (this.host.disabled())
|
|
61
|
+
return;
|
|
62
|
+
const btn = event.button ?? 0;
|
|
63
|
+
if (btn !== 0)
|
|
64
|
+
return;
|
|
65
|
+
event.preventDefault();
|
|
66
|
+
this.el.nativeElement.focus();
|
|
67
|
+
this.host.toggle();
|
|
68
|
+
if (this.host.open()) {
|
|
69
|
+
ensureActiveAndSync(this.listbox, (id) => this.host.setActiveDescendantId(id));
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
onKeydown(event) {
|
|
73
|
+
handleComboboxKeydown(event, {
|
|
74
|
+
disabled: this.host.disabled(),
|
|
75
|
+
open: this.host.open(),
|
|
76
|
+
openSelect: () => this.host.openSelect(),
|
|
77
|
+
close: () => this.host.close(),
|
|
78
|
+
listbox: this.listbox,
|
|
79
|
+
setActiveDescendantId: (id) => this.host.setActiveDescendantId(id),
|
|
80
|
+
multiSelect: this.host.multiple(),
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
__decorate([
|
|
85
|
+
HostBinding('attr.data-slot')
|
|
86
|
+
], TngSelectTrigger.prototype, "dataSlot", void 0);
|
|
87
|
+
__decorate([
|
|
88
|
+
HostBinding('attr.role')
|
|
89
|
+
], TngSelectTrigger.prototype, "role", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
HostBinding('attr.aria-haspopup')
|
|
92
|
+
], TngSelectTrigger.prototype, "haspopup", void 0);
|
|
93
|
+
__decorate([
|
|
94
|
+
HostBinding('attr.aria-expanded')
|
|
95
|
+
], TngSelectTrigger.prototype, "ariaExpanded", null);
|
|
96
|
+
__decorate([
|
|
97
|
+
HostBinding('attr.aria-disabled')
|
|
98
|
+
], TngSelectTrigger.prototype, "ariaDisabled", null);
|
|
99
|
+
__decorate([
|
|
100
|
+
HostBinding('attr.aria-controls')
|
|
101
|
+
], TngSelectTrigger.prototype, "ariaControls", null);
|
|
102
|
+
__decorate([
|
|
103
|
+
HostBinding('attr.aria-activedescendant')
|
|
104
|
+
], TngSelectTrigger.prototype, "ariaActiveDescendant", null);
|
|
105
|
+
__decorate([
|
|
106
|
+
HostBinding('attr.tabindex')
|
|
107
|
+
], TngSelectTrigger.prototype, "tabindex", null);
|
|
108
|
+
__decorate([
|
|
109
|
+
HostBinding('attr.aria-invalid')
|
|
110
|
+
], TngSelectTrigger.prototype, "ariaInvalid", null);
|
|
111
|
+
__decorate([
|
|
112
|
+
HostBinding('attr.aria-labelledby')
|
|
113
|
+
], TngSelectTrigger.prototype, "ariaLabelledby", null);
|
|
114
|
+
__decorate([
|
|
115
|
+
HostBinding('attr.aria-describedby')
|
|
116
|
+
], TngSelectTrigger.prototype, "ariaDescribedby", null);
|
|
117
|
+
__decorate([
|
|
118
|
+
HostListener('pointerdown', ['$event'])
|
|
119
|
+
], TngSelectTrigger.prototype, "onPointerDown", null);
|
|
120
|
+
__decorate([
|
|
121
|
+
HostListener('keydown', ['$event'])
|
|
122
|
+
], TngSelectTrigger.prototype, "onKeydown", null);
|
|
123
|
+
TngSelectTrigger = __decorate([
|
|
124
|
+
Directive({
|
|
125
|
+
selector: '[tngSelectTrigger]',
|
|
126
|
+
exportAs: 'tngSelectTrigger',
|
|
127
|
+
standalone: true,
|
|
128
|
+
})
|
|
129
|
+
], TngSelectTrigger);
|
|
130
|
+
export { TngSelectTrigger };
|
|
131
|
+
let TngSelectValue = class TngSelectValue {
|
|
132
|
+
dataSlot = 'select-value';
|
|
133
|
+
};
|
|
134
|
+
__decorate([
|
|
135
|
+
HostBinding('attr.data-slot')
|
|
136
|
+
], TngSelectValue.prototype, "dataSlot", void 0);
|
|
137
|
+
TngSelectValue = __decorate([
|
|
138
|
+
Directive({
|
|
139
|
+
selector: '[tngSelectValue]',
|
|
140
|
+
exportAs: 'tngSelectValue',
|
|
141
|
+
standalone: true,
|
|
142
|
+
})
|
|
143
|
+
], TngSelectValue);
|
|
144
|
+
export { TngSelectValue };
|
|
145
|
+
let TngSelectIcon = class TngSelectIcon {
|
|
146
|
+
dataSlot = 'select-icon';
|
|
147
|
+
};
|
|
148
|
+
__decorate([
|
|
149
|
+
HostBinding('attr.data-slot')
|
|
150
|
+
], TngSelectIcon.prototype, "dataSlot", void 0);
|
|
151
|
+
TngSelectIcon = __decorate([
|
|
152
|
+
Directive({
|
|
153
|
+
selector: '[tngSelectIcon]',
|
|
154
|
+
exportAs: 'tngSelectIcon',
|
|
155
|
+
standalone: true,
|
|
156
|
+
})
|
|
157
|
+
], TngSelectIcon);
|
|
158
|
+
export { TngSelectIcon };
|
|
159
|
+
const createContentId = createTngIdFactory('tng-select-content');
|
|
160
|
+
let TngSelectContent = class TngSelectContent {
|
|
161
|
+
host = inject(TNG_SELECT_HOST);
|
|
162
|
+
destroyRef = inject(DestroyRef);
|
|
163
|
+
id = createContentId();
|
|
164
|
+
dataSlot = 'select-content';
|
|
165
|
+
get hidden() {
|
|
166
|
+
return this.host.open() ? null : '';
|
|
167
|
+
}
|
|
168
|
+
get ariaBusy() {
|
|
169
|
+
return this.host.loading() ? 'true' : null;
|
|
170
|
+
}
|
|
171
|
+
constructor() {
|
|
172
|
+
this.host.setContentId(this.id);
|
|
173
|
+
this.destroyRef.onDestroy(() => {
|
|
174
|
+
if (this.host.getContentId() === this.id)
|
|
175
|
+
this.host.setContentId(null);
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
__decorate([
|
|
180
|
+
HostBinding('attr.id')
|
|
181
|
+
], TngSelectContent.prototype, "id", void 0);
|
|
182
|
+
__decorate([
|
|
183
|
+
HostBinding('attr.data-slot')
|
|
184
|
+
], TngSelectContent.prototype, "dataSlot", void 0);
|
|
185
|
+
__decorate([
|
|
186
|
+
HostBinding('attr.hidden')
|
|
187
|
+
], TngSelectContent.prototype, "hidden", null);
|
|
188
|
+
__decorate([
|
|
189
|
+
HostBinding('attr.aria-busy')
|
|
190
|
+
], TngSelectContent.prototype, "ariaBusy", null);
|
|
191
|
+
TngSelectContent = __decorate([
|
|
192
|
+
Directive({
|
|
193
|
+
selector: '[tngSelectContent]',
|
|
194
|
+
exportAs: 'tngSelectContent',
|
|
195
|
+
standalone: true,
|
|
196
|
+
})
|
|
197
|
+
], TngSelectContent);
|
|
198
|
+
export { TngSelectContent };
|
|
199
|
+
//# sourceMappingURL=tng-select.parts.shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-select.parts.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.parts.shared.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';\nimport type { TngSelectHostApi } from './tng-select.host-api';\nimport { TNG_SELECT_HOST } from './tng-select.tokens.shared';\n\n@Directive({\n selector: '[tngSelectTrigger]',\n exportAs: 'tngSelectTrigger',\n standalone: true,\n})\nexport class TngSelectTrigger {\n private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n private readonly el = inject(ElementRef<HTMLElement>);\n\n private get listbox() {\n return this.host.getListboxApi();\n }\n private readonly authorTabindex = this.el.nativeElement.getAttribute('tabindex') !== null;\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-trigger' = 'select-trigger';\n\n @HostBinding('attr.role') protected readonly role: 'combobox' = 'combobox';\n @HostBinding('attr.aria-haspopup') protected readonly haspopup: 'listbox' = 'listbox';\n\n @HostBinding('attr.aria-expanded')\n protected get ariaExpanded(): 'true' | 'false' {\n return this.host.open() ? 'true' : 'false';\n }\n\n @HostBinding('attr.aria-disabled')\n protected get ariaDisabled(): 'true' | null {\n return this.host.disabled() ? 'true' : null;\n }\n\n @HostBinding('attr.aria-controls')\n protected get ariaControls(): string | null {\n if (!this.host.open()) return null;\n return this.host.getContentId() ?? this.host.getListboxId();\n }\n\n @HostBinding('attr.aria-activedescendant')\n protected get ariaActiveDescendant(): string | null {\n return this.host.open() ? this.host.getActiveDescendantId() : null;\n }\n\n @HostBinding('attr.tabindex')\n protected get tabindex(): '0' | null {\n const node = this.el.nativeElement;\n const isNaturallyFocusable =\n node instanceof HTMLButtonElement ||\n node instanceof HTMLInputElement ||\n node instanceof HTMLSelectElement ||\n node instanceof HTMLTextAreaElement;\n return isNaturallyFocusable || this.authorTabindex ? null : '0';\n }\n\n @HostBinding('attr.aria-invalid')\n protected get ariaInvalid(): 'true' | null {\n return this.host.invalid() ? 'true' : null;\n }\n\n @HostBinding('attr.aria-labelledby')\n protected get ariaLabelledby(): string | null {\n const node = this.el.nativeElement;\n if (node.hasAttribute('aria-label')) return null;\n return this.host.labelId();\n }\n\n @HostBinding('attr.aria-describedby')\n protected get ariaDescribedby(): string | null {\n const ids: string[] = [];\n const desc = this.host.descriptionId();\n if (desc) ids.push(desc);\n if (this.host.invalid()) {\n const err = this.host.errorId();\n if (err) ids.push(err);\n }\n return ids.length ? ids.join(' ') : null;\n }\n\n @HostListener('pointerdown', ['$event'])\n protected onPointerDown(event: PointerEvent): void {\n if (this.host.disabled()) return;\n const btn = event.button ?? 0;\n if (btn !== 0) return;\n\n event.preventDefault();\n this.el.nativeElement.focus();\n this.host.toggle();\n\n if (this.host.open()) {\n ensureActiveAndSync(this.listbox, (id) => this.host.setActiveDescendantId(id));\n }\n }\n\n @HostListener('keydown', ['$event'])\n protected onKeydown(event: KeyboardEvent): void {\n handleComboboxKeydown(event, {\n disabled: this.host.disabled(),\n open: this.host.open(),\n openSelect: () => this.host.openSelect(),\n close: () => this.host.close(),\n listbox: this.listbox,\n setActiveDescendantId: (id) => this.host.setActiveDescendantId(id),\n multiSelect: this.host.multiple(),\n });\n }\n}\n\n@Directive({\n selector: '[tngSelectValue]',\n exportAs: 'tngSelectValue',\n standalone: true,\n})\nexport class TngSelectValue {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-value' = 'select-value';\n}\n\n@Directive({\n selector: '[tngSelectIcon]',\n exportAs: 'tngSelectIcon',\n standalone: true,\n})\nexport class TngSelectIcon {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-icon' = 'select-icon';\n}\n\nconst createContentId = createTngIdFactory('tng-select-content');\n\n@Directive({\n selector: '[tngSelectContent]',\n exportAs: 'tngSelectContent',\n standalone: true,\n})\nexport class TngSelectContent {\n private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n private readonly destroyRef = inject(DestroyRef);\n\n @HostBinding('attr.id')\n readonly id = createContentId();\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-content' = 'select-content';\n\n @HostBinding('attr.hidden')\n protected get hidden(): '' | null {\n return this.host.open() ? null : '';\n }\n\n @HostBinding('attr.aria-busy')\n protected get ariaBusy(): 'true' | null {\n return this.host.loading() ? 'true' : null;\n }\n\n constructor() {\n this.host.setContentId(this.id);\n this.destroyRef.onDestroy(() => {\n if (this.host.getContentId() === this.id) this.host.setContentId(null);\n });\n }\n}\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
import type { TngSelectHostApi } from './tng-select.host-api';
|
|
3
|
+
/**
|
|
4
|
+
* Token for the select host API. Provided by TngSelect or TngMultiSelect.
|
|
5
|
+
* Shared parts and overlay inject this.
|
|
6
|
+
*/
|
|
7
|
+
export declare const TNG_SELECT_HOST: InjectionToken<TngSelectHostApi>;
|
|
8
|
+
//# sourceMappingURL=tng-select.tokens.shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-select.tokens.shared.d.ts","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.tokens.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,eAAe,kCAC6B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
/**
|
|
3
|
+
* Token for the select host API. Provided by TngSelect or TngMultiSelect.
|
|
4
|
+
* Shared parts and overlay inject this.
|
|
5
|
+
*/
|
|
6
|
+
export const TNG_SELECT_HOST = new InjectionToken('TNG_SELECT_HOST');
|
|
7
|
+
//# sourceMappingURL=tng-select.tokens.shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-select.tokens.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.tokens.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAC1B,IAAI,cAAc,CAAmB,iBAAiB,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngSelectHostApi } from './tng-select.host-api';\n\n/**\n * Token for the select host API. Provided by TngSelect or TngMultiSelect.\n * Shared parts and overlay inject this.\n */\nexport const TNG_SELECT_HOST =\n new InjectionToken<TngSelectHostApi>('TNG_SELECT_HOST');\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { TngAutocomplete, type TngAutocompleteCreateEvent, } from './tng-autocomplete';
|
|
2
|
+
export { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
|
|
3
|
+
export { TngAutocompleteTrigger, TngAutocompleteTriggerContainer, TngAutocompleteContent, TngAutocompleteIcon, } from './tng-autocomplete.parts';
|
|
4
|
+
export { TngAutocompleteOverlay } from './tng-autocomplete.overlay';
|
|
5
|
+
export { TngAutocompleteListbox, TngAutocompleteOption } from './tng-autocomplete.listbox';
|
|
6
|
+
export type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,0BAA0B,GAChC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,+BAA+B,EAC/B,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC3F,YAAY,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { TngAutocomplete, } from './tng-autocomplete';
|
|
2
|
+
export { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
|
|
3
|
+
export { TngAutocompleteTrigger, TngAutocompleteTriggerContainer, TngAutocompleteContent, TngAutocompleteIcon, } from './tng-autocomplete.parts';
|
|
4
|
+
export { TngAutocompleteOverlay } from './tng-autocomplete.overlay';
|
|
5
|
+
export { TngAutocompleteListbox, TngAutocompleteOption } from './tng-autocomplete.listbox';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,+BAA+B,EAC/B,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export {\n TngAutocomplete,\n type TngAutocompleteCreateEvent,\n} from './tng-autocomplete';\nexport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nexport {\n TngAutocompleteTrigger,\n TngAutocompleteTriggerContainer,\n TngAutocompleteContent,\n TngAutocompleteIcon,\n} from './tng-autocomplete.parts';\nexport { TngAutocompleteOverlay } from './tng-autocomplete.overlay';\nexport { TngAutocompleteListbox, TngAutocompleteOption } from './tng-autocomplete.listbox';\nexport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n"]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
|
|
2
|
+
/** Emitted when user commits a free-form value (Enter with no active option). */
|
|
3
|
+
export interface TngAutocompleteCreateEvent {
|
|
4
|
+
query: string;
|
|
5
|
+
}
|
|
6
|
+
export declare class TngAutocomplete<T = unknown> {
|
|
7
|
+
readonly hostElement: any;
|
|
8
|
+
readonly open: import("@angular/core").ModelSignal<boolean>;
|
|
9
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
/** Value of the selected option. */
|
|
11
|
+
readonly value: import("@angular/core").ModelSignal<T | null>;
|
|
12
|
+
/** Allow free-form create when Enter with no active option. */
|
|
13
|
+
readonly allowCreate: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
/** When true, blocks free-form create (strict = must select from list). */
|
|
15
|
+
readonly strict: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
/** Emitted when user presses Enter with no active option and allowCreate and !strict. */
|
|
17
|
+
readonly create: import("@angular/core").OutputEmitterRef<TngAutocompleteCreateEvent>;
|
|
18
|
+
private _contentId;
|
|
19
|
+
private _listboxId;
|
|
20
|
+
private _activeId;
|
|
21
|
+
private _listboxApi;
|
|
22
|
+
/** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */
|
|
23
|
+
_restoringFocus: boolean;
|
|
24
|
+
/** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */
|
|
25
|
+
_createJustEmitted: boolean;
|
|
26
|
+
readonly loading: import("@angular/core").InputSignal<boolean>;
|
|
27
|
+
readonly invalid: import("@angular/core").InputSignal<boolean>;
|
|
28
|
+
readonly labelId: import("@angular/core").InputSignal<string | null>;
|
|
29
|
+
readonly descriptionId: import("@angular/core").InputSignal<string | null>;
|
|
30
|
+
readonly errorId: import("@angular/core").InputSignal<string | null>;
|
|
31
|
+
/** Current input query (used for filtering). */
|
|
32
|
+
readonly query: import("@angular/core").ModelSignal<string>;
|
|
33
|
+
/** Emitted when query changes (typing OR open-on-focus empty emit). */
|
|
34
|
+
readonly queryChange: import("@angular/core").OutputEmitterRef<string>;
|
|
35
|
+
protected readonly dataSlot: "autocomplete";
|
|
36
|
+
protected get dataState(): 'open' | 'closed';
|
|
37
|
+
protected get dataDisabled(): '' | null;
|
|
38
|
+
protected get dataLoading(): '' | null;
|
|
39
|
+
protected get dataInvalid(): '' | null;
|
|
40
|
+
setContentId(id: string | null): void;
|
|
41
|
+
getContentId(): string | null;
|
|
42
|
+
setListboxId(id: string | null): void;
|
|
43
|
+
getListboxId(): string | null;
|
|
44
|
+
setActiveDescendantId(id: string | null): void;
|
|
45
|
+
getActiveDescendantId(): string | null;
|
|
46
|
+
openSelect(): void;
|
|
47
|
+
close(): void;
|
|
48
|
+
selectValue(value: T): void;
|
|
49
|
+
setListboxApi(api: TngAutocompleteListboxApi | null): void;
|
|
50
|
+
getListboxApi(): TngAutocompleteListboxApi | null;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=tng-autocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAElF,iFAAiF;AACjF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAMa,eAAe,CAAC,CAAC,GAAG,OAAO;IACtC,QAAQ,CAAC,WAAW,MAAiD;IAErE,SAAgB,IAAI,+CAAyB;IAC7C,SAAgB,QAAQ,+CAAyB;IACjD,oCAAoC;IACpC,SAAgB,KAAK,gDAAyB;IAC9C,+DAA+D;IAC/D,SAAgB,WAAW,+CAAyB;IACpD,2EAA2E;IAC3E,SAAgB,MAAM,+CAAyB;IAC/C,yFAAyF;IACzF,SAAgB,MAAM,uEAAwC;IAE9D,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAA0C;IAC7D,mFAAmF;IACnF,eAAe,UAAS;IACxB,4GAA4G;IAC5G,kBAAkB,UAAS;IAE3B,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,qDAA8B;IACrD,SAAgB,aAAa,qDAA8B;IAC3D,SAAgB,OAAO,qDAA8B;IAEnD,gDAAgD;IAClD,SAAgB,KAAK,8CAAqB;IAE1C,uEAAuE;IACvE,SAAgB,WAAW,mDAAoB;IAG/C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,KAAK,SAAS,IAAI,MAAM,GAAG,QAAQ,CAE3C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAED,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAC9C,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAEtC,UAAU,IAAI,IAAI;IAKlB,KAAK,IAAI,IAAI;IAEb,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IAM3B,aAAa,CAAC,GAAG,EAAE,yBAAyB,GAAG,IAAI,GAAG,IAAI;IAI1D,aAAa,IAAI,yBAAyB,GAAG,IAAI;CAGlD"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Directive, ElementRef, HostBinding, inject, input, model, output, } from '@angular/core';
|
|
3
|
+
import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
|
|
4
|
+
let TngAutocomplete = class TngAutocomplete {
|
|
5
|
+
hostElement = inject((ElementRef)).nativeElement;
|
|
6
|
+
open = model(false);
|
|
7
|
+
disabled = input(false);
|
|
8
|
+
/** Value of the selected option. */
|
|
9
|
+
value = model(null);
|
|
10
|
+
/** Allow free-form create when Enter with no active option. */
|
|
11
|
+
allowCreate = input(false);
|
|
12
|
+
/** When true, blocks free-form create (strict = must select from list). */
|
|
13
|
+
strict = input(false);
|
|
14
|
+
/** Emitted when user presses Enter with no active option and allowCreate and !strict. */
|
|
15
|
+
create = output();
|
|
16
|
+
_contentId = null;
|
|
17
|
+
_listboxId = null;
|
|
18
|
+
_activeId = null;
|
|
19
|
+
_listboxApi = null;
|
|
20
|
+
/** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */
|
|
21
|
+
_restoringFocus = false;
|
|
22
|
+
/** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */
|
|
23
|
+
_createJustEmitted = false;
|
|
24
|
+
loading = input(false);
|
|
25
|
+
invalid = input(false);
|
|
26
|
+
labelId = input(null);
|
|
27
|
+
descriptionId = input(null);
|
|
28
|
+
errorId = input(null);
|
|
29
|
+
/** Current input query (used for filtering). */
|
|
30
|
+
query = model('');
|
|
31
|
+
/** Emitted when query changes (typing OR open-on-focus empty emit). */
|
|
32
|
+
queryChange = output();
|
|
33
|
+
dataSlot = 'autocomplete';
|
|
34
|
+
get dataState() {
|
|
35
|
+
return this.open() ? 'open' : 'closed';
|
|
36
|
+
}
|
|
37
|
+
get dataDisabled() {
|
|
38
|
+
return this.disabled() ? '' : null;
|
|
39
|
+
}
|
|
40
|
+
get dataLoading() {
|
|
41
|
+
return this.loading() ? '' : null;
|
|
42
|
+
}
|
|
43
|
+
get dataInvalid() {
|
|
44
|
+
return this.invalid() ? '' : null;
|
|
45
|
+
}
|
|
46
|
+
setContentId(id) { this._contentId = id; }
|
|
47
|
+
getContentId() { return this._contentId; }
|
|
48
|
+
setListboxId(id) { this._listboxId = id; }
|
|
49
|
+
getListboxId() { return this._listboxId; }
|
|
50
|
+
setActiveDescendantId(id) { this._activeId = id; }
|
|
51
|
+
getActiveDescendantId() { return this._activeId; }
|
|
52
|
+
openSelect() {
|
|
53
|
+
if (this.disabled())
|
|
54
|
+
return;
|
|
55
|
+
this.open.set(true);
|
|
56
|
+
}
|
|
57
|
+
close() { this.open.set(false); }
|
|
58
|
+
selectValue(value) {
|
|
59
|
+
if (this.disabled())
|
|
60
|
+
return;
|
|
61
|
+
this.value.set(value);
|
|
62
|
+
this.close();
|
|
63
|
+
}
|
|
64
|
+
setListboxApi(api) {
|
|
65
|
+
this._listboxApi = api;
|
|
66
|
+
}
|
|
67
|
+
getListboxApi() {
|
|
68
|
+
return this._listboxApi;
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
__decorate([
|
|
72
|
+
HostBinding('attr.data-slot')
|
|
73
|
+
], TngAutocomplete.prototype, "dataSlot", void 0);
|
|
74
|
+
__decorate([
|
|
75
|
+
HostBinding('attr.data-state')
|
|
76
|
+
], TngAutocomplete.prototype, "dataState", null);
|
|
77
|
+
__decorate([
|
|
78
|
+
HostBinding('attr.data-disabled')
|
|
79
|
+
], TngAutocomplete.prototype, "dataDisabled", null);
|
|
80
|
+
__decorate([
|
|
81
|
+
HostBinding('attr.data-loading')
|
|
82
|
+
], TngAutocomplete.prototype, "dataLoading", null);
|
|
83
|
+
__decorate([
|
|
84
|
+
HostBinding('attr.data-invalid')
|
|
85
|
+
], TngAutocomplete.prototype, "dataInvalid", null);
|
|
86
|
+
TngAutocomplete = __decorate([
|
|
87
|
+
Directive({
|
|
88
|
+
selector: '[tngAutocomplete]',
|
|
89
|
+
exportAs: 'tngAutocomplete',
|
|
90
|
+
standalone: true,
|
|
91
|
+
providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],
|
|
92
|
+
})
|
|
93
|
+
], TngAutocomplete);
|
|
94
|
+
export { TngAutocomplete };
|
|
95
|
+
//# sourceMappingURL=tng-autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Directive,\n ElementRef,\n HostBinding,\n inject,\n input,\n model,\n output,\n} from '@angular/core';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n\n/** Emitted when user commits a free-form value (Enter with no active option). */\nexport interface TngAutocompleteCreateEvent {\n query: string;\n}\n\n@Directive({\n selector: '[tngAutocomplete]',\n exportAs: 'tngAutocomplete',\n standalone: true,\n providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],\n})\nexport class TngAutocomplete<T = unknown> {\n readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n public readonly open = model<boolean>(false);\n public readonly disabled = input<boolean>(false);\n /** Value of the selected option. */\n public readonly value = model<T | null>(null);\n /** Allow free-form create when Enter with no active option. */\n public readonly allowCreate = input<boolean>(false);\n /** When true, blocks free-form create (strict = must select from list). */\n public readonly strict = input<boolean>(false);\n /** Emitted when user presses Enter with no active option and allowCreate and !strict. */\n public readonly create = output<TngAutocompleteCreateEvent>();\n\n private _contentId: string | null = null;\n private _listboxId: string | null = null;\n private _activeId: string | null = null;\n private _listboxApi: TngAutocompleteListboxApi | null = null;\n /** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */\n _restoringFocus = false;\n /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */\n _createJustEmitted = false;\n\n public readonly loading = input<boolean>(false);\n public readonly invalid = input<boolean>(false);\n public readonly labelId = input<string | null>(null);\n public readonly descriptionId = input<string | null>(null);\n public readonly errorId = input<string | null>(null);\n\n /** Current input query (used for filtering). */\n public readonly query = model<string>('');\n\n /** Emitted when query changes (typing OR open-on-focus empty emit). */\n public readonly queryChange = output<string>();\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'autocomplete' as const;\n\n @HostBinding('attr.data-state')\n protected get dataState(): 'open' | 'closed' {\n return this.open() ? 'open' : 'closed';\n }\n\n @HostBinding('attr.data-disabled')\n protected get dataDisabled(): '' | null {\n return this.disabled() ? '' : null;\n }\n\n @HostBinding('attr.data-loading')\n protected get dataLoading(): '' | null {\n return this.loading() ? '' : null;\n }\n\n @HostBinding('attr.data-invalid')\n protected get dataInvalid(): '' | null {\n return this.invalid() ? '' : null;\n }\n\n setContentId(id: string | null): void { this._contentId = id; }\n getContentId(): string | null { return this._contentId; }\n setListboxId(id: string | null): void { this._listboxId = id; }\n getListboxId(): string | null { return this._listboxId; }\n setActiveDescendantId(id: string | null): void { this._activeId = id; }\n getActiveDescendantId(): string | null { return this._activeId; }\n\n openSelect(): void {\n if (this.disabled()) return;\n this.open.set(true);\n }\n\n close(): void { this.open.set(false); }\n\n selectValue(value: T): void {\n if (this.disabled()) return;\n this.value.set(value);\n this.close();\n }\n\n setListboxApi(api: TngAutocompleteListboxApi | null): void {\n this._listboxApi = api;\n }\n\n getListboxApi(): TngAutocompleteListboxApi | null {\n return this._listboxApi;\n }\n}\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
|
|
2
|
+
export declare class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {
|
|
3
|
+
private readonly autocomplete;
|
|
4
|
+
private readonly destroyRef;
|
|
5
|
+
private readonly listbox;
|
|
6
|
+
protected readonly dataSlot: "autocomplete-listbox";
|
|
7
|
+
protected readonly id: string;
|
|
8
|
+
constructor();
|
|
9
|
+
getHostId(): string | null;
|
|
10
|
+
getActiveId(): string | null;
|
|
11
|
+
ensureActive(pref?: 'first' | 'last'): void;
|
|
12
|
+
handleKey(key: string, shiftKey?: boolean): boolean;
|
|
13
|
+
commitActive(): void;
|
|
14
|
+
protected onListboxValueChange(value: T | readonly T[] | null): void;
|
|
15
|
+
}
|
|
16
|
+
export declare class TngAutocompleteOption<T> {
|
|
17
|
+
protected readonly dataSlot: "autocomplete-option";
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=tng-autocomplete.listbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAK7E,qBAea,sBAAsB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,yBAAyB;IACnF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgD;IAC7E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IA2B1C,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,WAAW,IAAI,MAAM,GAAG,IAAI;IAI5B,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAI3C,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAInD,YAAY,IAAI,IAAI;IAOpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;CAwBrE;AAED,qBAUa,qBAAqB,CAAC,CAAC;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,qBAAqB,CAAU;CAC9D"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';
|
|
3
|
+
import { createTngIdFactory } from '@tailng-ui/cdk';
|
|
4
|
+
import { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';
|
|
5
|
+
import { normalizeToSingle } from '../../internal/combobox';
|
|
6
|
+
import { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';
|
|
7
|
+
import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
|
|
8
|
+
const createListboxId = createTngIdFactory('tng-autocomplete-listbox');
|
|
9
|
+
let TngAutocompleteListbox = class TngAutocompleteListbox {
|
|
10
|
+
autocomplete = inject(TNG_AUTOCOMPLETE);
|
|
11
|
+
destroyRef = inject(DestroyRef);
|
|
12
|
+
listbox = inject((TngListboxDirective), { self: true });
|
|
13
|
+
dataSlot = 'autocomplete-listbox';
|
|
14
|
+
id = createListboxId();
|
|
15
|
+
constructor() {
|
|
16
|
+
this.autocomplete.setListboxId(this.id);
|
|
17
|
+
this.autocomplete.setListboxApi(this);
|
|
18
|
+
effect(() => {
|
|
19
|
+
const v = this.autocomplete.value();
|
|
20
|
+
if (this.autocomplete.open())
|
|
21
|
+
return;
|
|
22
|
+
if (this.autocomplete._createJustEmitted) {
|
|
23
|
+
this.autocomplete._createJustEmitted = false;
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
const current = untracked(this.listbox.value);
|
|
27
|
+
const currentSingle = normalizeToSingle(current);
|
|
28
|
+
if (Object.is(currentSingle, v))
|
|
29
|
+
return;
|
|
30
|
+
this.listbox.value.set(v);
|
|
31
|
+
});
|
|
32
|
+
this.destroyRef.onDestroy(() => {
|
|
33
|
+
this.autocomplete.setListboxId(null);
|
|
34
|
+
this.autocomplete.setListboxApi(null);
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
getHostId() {
|
|
38
|
+
return this.id ?? null;
|
|
39
|
+
}
|
|
40
|
+
getActiveId() {
|
|
41
|
+
return this.listbox.getActiveId();
|
|
42
|
+
}
|
|
43
|
+
ensureActive(pref) {
|
|
44
|
+
this.listbox.ensureActive(pref);
|
|
45
|
+
}
|
|
46
|
+
handleKey(key, shiftKey) {
|
|
47
|
+
return this.listbox.handleKeyFromCombobox(key, shiftKey);
|
|
48
|
+
}
|
|
49
|
+
commitActive() {
|
|
50
|
+
const value = this.listbox.getActiveValue();
|
|
51
|
+
if (value === undefined)
|
|
52
|
+
return;
|
|
53
|
+
this.autocomplete.selectValue(value);
|
|
54
|
+
}
|
|
55
|
+
onListboxValueChange(value) {
|
|
56
|
+
if (this.autocomplete.disabled())
|
|
57
|
+
return;
|
|
58
|
+
const next = normalizeToSingle(value);
|
|
59
|
+
if (Object.is(next, this.autocomplete.value())) {
|
|
60
|
+
if (this.autocomplete.open() && next !== null) {
|
|
61
|
+
this.autocomplete.selectValue(next);
|
|
62
|
+
}
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
if (!this.autocomplete.open()) {
|
|
66
|
+
this.autocomplete.value.set(next);
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
if (next === null) {
|
|
70
|
+
// When overlay is open, null usually means the previous selection dropped out of
|
|
71
|
+
// filtered options (user is typing to filter). Preserve value and stay open.
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
this.autocomplete.selectValue(next);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
__decorate([
|
|
78
|
+
HostBinding('attr.data-slot')
|
|
79
|
+
], TngAutocompleteListbox.prototype, "dataSlot", void 0);
|
|
80
|
+
__decorate([
|
|
81
|
+
HostBinding('attr.id')
|
|
82
|
+
], TngAutocompleteListbox.prototype, "id", void 0);
|
|
83
|
+
__decorate([
|
|
84
|
+
HostListener('valueChange', ['$event'])
|
|
85
|
+
], TngAutocompleteListbox.prototype, "onListboxValueChange", null);
|
|
86
|
+
TngAutocompleteListbox = __decorate([
|
|
87
|
+
Directive({
|
|
88
|
+
selector: '[tngAutocompleteListbox]',
|
|
89
|
+
standalone: true,
|
|
90
|
+
providers: [
|
|
91
|
+
{ provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },
|
|
92
|
+
{ provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }
|
|
93
|
+
],
|
|
94
|
+
hostDirectives: [
|
|
95
|
+
{
|
|
96
|
+
directive: TngListboxDirective,
|
|
97
|
+
inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],
|
|
98
|
+
outputs: ['valueChange'],
|
|
99
|
+
},
|
|
100
|
+
],
|
|
101
|
+
})
|
|
102
|
+
], TngAutocompleteListbox);
|
|
103
|
+
export { TngAutocompleteListbox };
|
|
104
|
+
let TngAutocompleteOption = class TngAutocompleteOption {
|
|
105
|
+
dataSlot = 'autocomplete-option';
|
|
106
|
+
};
|
|
107
|
+
__decorate([
|
|
108
|
+
HostBinding('attr.data-slot')
|
|
109
|
+
], TngAutocompleteOption.prototype, "dataSlot", void 0);
|
|
110
|
+
TngAutocompleteOption = __decorate([
|
|
111
|
+
Directive({
|
|
112
|
+
selector: '[tngAutocompleteOption]',
|
|
113
|
+
standalone: true,
|
|
114
|
+
hostDirectives: [
|
|
115
|
+
{
|
|
116
|
+
directive: TngOptionDirective,
|
|
117
|
+
inputs: ['tngValue', 'disabled'],
|
|
118
|
+
},
|
|
119
|
+
],
|
|
120
|
+
})
|
|
121
|
+
], TngAutocompleteOption);
|
|
122
|
+
export { TngAutocompleteOption };
|
|
123
|
+
//# sourceMappingURL=tng-autocomplete.listbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';\nimport { normalizeToSingle } from '../../internal/combobox';\nimport type { TngAutocomplete } from './tng-autocomplete';\nimport { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';\nimport { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\n\nconst createListboxId = createTngIdFactory('tng-autocomplete-listbox');\n\n@Directive({\n selector: '[tngAutocompleteListbox]',\n standalone: true,\n providers: [\n { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },\n { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }\n ],\n hostDirectives: [\n {\n directive: TngListboxDirective,\n inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],\n outputs: ['valueChange'],\n },\n ],\n})\nexport class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {\n private readonly autocomplete = inject<TngAutocomplete<T>>(TNG_AUTOCOMPLETE);\n private readonly destroyRef = inject(DestroyRef);\n private readonly listbox = inject(TngListboxDirective<T>, { self: true });\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'autocomplete-listbox' as const;\n\n @HostBinding('attr.id')\n protected readonly id = createListboxId();\n\n constructor() {\n this.autocomplete.setListboxId(this.id);\n this.autocomplete.setListboxApi(this);\n\n effect(() => {\n const v = this.autocomplete.value();\n if (this.autocomplete.open()) return;\n\n if (this.autocomplete._createJustEmitted) {\n this.autocomplete._createJustEmitted = false;\n return;\n }\n\n const current = untracked(this.listbox.value);\n const currentSingle = normalizeToSingle(current);\n if (Object.is(currentSingle, v)) return;\n this.listbox.value.set(v as T | null);\n });\n\n this.destroyRef.onDestroy(() => {\n this.autocomplete.setListboxId(null);\n this.autocomplete.setListboxApi(null);\n });\n }\n\n getHostId(): string | null {\n return this.id ?? null;\n }\n\n getActiveId(): string | null {\n return this.listbox.getActiveId();\n }\n\n ensureActive(pref?: 'first' | 'last'): void {\n this.listbox.ensureActive(pref);\n }\n\n handleKey(key: string, shiftKey?: boolean): boolean {\n return this.listbox.handleKeyFromCombobox(key, shiftKey);\n }\n\n commitActive(): void {\n const value = this.listbox.getActiveValue();\n if (value === undefined) return;\n this.autocomplete.selectValue(value as T);\n }\n\n @HostListener('valueChange', ['$event'])\n protected onListboxValueChange(value: T | readonly T[] | null): void {\n if (this.autocomplete.disabled()) return;\n\n const next = normalizeToSingle(value);\n if (Object.is(next, this.autocomplete.value())) {\n if (this.autocomplete.open() && next !== null) {\n this.autocomplete.selectValue(next as T);\n }\n return;\n }\n\n if (!this.autocomplete.open()) {\n this.autocomplete.value.set(next as T | null);\n return;\n }\n\n if (next === null) {\n // When overlay is open, null usually means the previous selection dropped out of\n // filtered options (user is typing to filter). Preserve value and stay open.\n return;\n }\n\n this.autocomplete.selectValue(next);\n }\n}\n\n@Directive({\n selector: '[tngAutocompleteOption]',\n standalone: true,\n hostDirectives: [\n {\n directive: TngOptionDirective,\n inputs: ['tngValue', 'disabled'],\n },\n ],\n})\nexport class TngAutocompleteOption<T> {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'autocomplete-option' as const;\n}\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
import type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
|
|
3
|
+
export declare const TNG_AUTOCOMPLETE_LISTBOX: InjectionToken<TngAutocompleteListboxApi>;
|
|
4
|
+
//# sourceMappingURL=tng-autocomplete.listbox.tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.listbox.tokens.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAElF,eAAO,MAAM,wBAAwB,2CAEpC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.listbox.tokens.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,cAAc,CACxD,0BAA0B,CAC3B,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n\nexport const TNG_AUTOCOMPLETE_LISTBOX = new InjectionToken<TngAutocompleteListboxApi>(\n 'TNG_AUTOCOMPLETE_LISTBOX'\n);\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ComboboxListboxApi } from '../../internal/combobox';
|
|
2
|
+
/** Autocomplete listbox does not support typeahead (input owns typing/filtering). */
|
|
3
|
+
export type TngAutocompleteListboxApi = Omit<ComboboxListboxApi, 'typeahead'>;
|
|
4
|
+
//# sourceMappingURL=tng-autocomplete.listbox.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-autocomplete.listbox.types.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,qFAAqF;AACrF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC"}
|