@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,478 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Directive, ElementRef, HostBinding, HostListener, inject, input } from '@angular/core';
|
|
3
|
+
import { createTngIdFactory } from '@tailng-ui/cdk';
|
|
4
|
+
const createMenubarItemId = createTngIdFactory('tng-menubar-item');
|
|
5
|
+
const TYPEAHEAD_RESET_MS = 500;
|
|
6
|
+
let TngMenubar = class TngMenubar {
|
|
7
|
+
hostRef = inject(ElementRef);
|
|
8
|
+
openItem = null;
|
|
9
|
+
currentTabStopId = null;
|
|
10
|
+
typeaheadBuffer = '';
|
|
11
|
+
typeaheadResetHandle = null;
|
|
12
|
+
loop = input(true);
|
|
13
|
+
dataSlot = 'menubar';
|
|
14
|
+
role = 'menubar';
|
|
15
|
+
ariaOrientation = 'horizontal';
|
|
16
|
+
getItems() {
|
|
17
|
+
return Array.from(this.hostRef.nativeElement.querySelectorAll('[tngMenubarItem]'));
|
|
18
|
+
}
|
|
19
|
+
getEnabledItems() {
|
|
20
|
+
return this.getItems().filter((item) => item.getAttribute('aria-disabled') !== 'true');
|
|
21
|
+
}
|
|
22
|
+
isRtl() {
|
|
23
|
+
const host = this.hostRef.nativeElement;
|
|
24
|
+
const nearestDir = host.closest('[dir]')?.getAttribute('dir') ??
|
|
25
|
+
host.ownerDocument?.documentElement.getAttribute('dir');
|
|
26
|
+
return nearestDir?.toLowerCase() === 'rtl';
|
|
27
|
+
}
|
|
28
|
+
getCurrentTabStopId() {
|
|
29
|
+
const enabledItems = this.getEnabledItems();
|
|
30
|
+
if (enabledItems.length === 0) {
|
|
31
|
+
this.currentTabStopId = null;
|
|
32
|
+
return null;
|
|
33
|
+
}
|
|
34
|
+
if (!enabledItems.some((item) => item.id === this.currentTabStopId)) {
|
|
35
|
+
this.currentTabStopId = enabledItems[0]?.id ?? null;
|
|
36
|
+
}
|
|
37
|
+
return this.currentTabStopId;
|
|
38
|
+
}
|
|
39
|
+
setCurrentTabStop(item) {
|
|
40
|
+
if (item.isDisabledItem()) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
this.currentTabStopId = item.getItemId();
|
|
44
|
+
}
|
|
45
|
+
hasOpenItem() {
|
|
46
|
+
return this.openItem !== null;
|
|
47
|
+
}
|
|
48
|
+
isOpenItem(item) {
|
|
49
|
+
return this.openItem === item;
|
|
50
|
+
}
|
|
51
|
+
findTypeaheadMatch(currentItem, key) {
|
|
52
|
+
const items = this.getEnabledItems();
|
|
53
|
+
if (items.length === 0) {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
const normalizedKey = key.trim().toLowerCase();
|
|
57
|
+
if (normalizedKey.length !== 1) {
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
const repeatingSingleChar = this.typeaheadBuffer.length > 0 &&
|
|
61
|
+
this.typeaheadBuffer.split('').every((char) => char === normalizedKey);
|
|
62
|
+
let query = repeatingSingleChar ? normalizedKey : `${this.typeaheadBuffer}${normalizedKey}`;
|
|
63
|
+
let match = this.findMatchingItem(items, currentItem, query, repeatingSingleChar);
|
|
64
|
+
if (match === null && query !== normalizedKey) {
|
|
65
|
+
query = normalizedKey;
|
|
66
|
+
match = this.findMatchingItem(items, currentItem, query, true);
|
|
67
|
+
}
|
|
68
|
+
if (match === null) {
|
|
69
|
+
return null;
|
|
70
|
+
}
|
|
71
|
+
this.resetTypeaheadBuffer(query);
|
|
72
|
+
return match;
|
|
73
|
+
}
|
|
74
|
+
requestToggleMenu(item) {
|
|
75
|
+
const ownedMenu = item.getOwnedMenu();
|
|
76
|
+
if (ownedMenu === null || item.isDisabledItem()) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
if (ownedMenu.isOpen()) {
|
|
80
|
+
item.closeOwnedMenu(false);
|
|
81
|
+
item.focusSelf();
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
this.requestOpenMenu(item, 'none');
|
|
85
|
+
}
|
|
86
|
+
requestOpenMenu(item, focusAction) {
|
|
87
|
+
const ownedMenu = item.getOwnedMenu();
|
|
88
|
+
if (ownedMenu === null || item.isDisabledItem()) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
if (this.openItem !== null && this.openItem !== item) {
|
|
92
|
+
this.openItem.closeOwnedMenu(false);
|
|
93
|
+
}
|
|
94
|
+
this.openItem = item;
|
|
95
|
+
item.openOwnedMenu(focusAction);
|
|
96
|
+
}
|
|
97
|
+
syncOpenItem(item) {
|
|
98
|
+
if (item.getOwnedMenu()?.isOpen()) {
|
|
99
|
+
this.openItem = item;
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
if (this.openItem === item) {
|
|
103
|
+
this.openItem = null;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
ngOnDestroy() {
|
|
107
|
+
if (this.typeaheadResetHandle !== null) {
|
|
108
|
+
clearTimeout(this.typeaheadResetHandle);
|
|
109
|
+
this.typeaheadResetHandle = null;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
findMatchingItem(items, currentItem, query, cycleFromCurrentItem) {
|
|
113
|
+
const currentIndex = items.indexOf(currentItem);
|
|
114
|
+
const startIndex = cycleFromCurrentItem && currentIndex >= 0 ? (currentIndex + 1) % items.length : 0;
|
|
115
|
+
for (let offset = 0; offset < items.length; offset += 1) {
|
|
116
|
+
const index = (startIndex + offset) % items.length;
|
|
117
|
+
const item = items[index];
|
|
118
|
+
const label = item.textContent?.trim().toLowerCase() ?? '';
|
|
119
|
+
if (label.startsWith(query)) {
|
|
120
|
+
return item;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
return null;
|
|
124
|
+
}
|
|
125
|
+
resetTypeaheadBuffer(nextBuffer) {
|
|
126
|
+
this.typeaheadBuffer = nextBuffer;
|
|
127
|
+
if (this.typeaheadResetHandle !== null) {
|
|
128
|
+
clearTimeout(this.typeaheadResetHandle);
|
|
129
|
+
}
|
|
130
|
+
this.typeaheadResetHandle = setTimeout(() => {
|
|
131
|
+
this.typeaheadBuffer = '';
|
|
132
|
+
this.typeaheadResetHandle = null;
|
|
133
|
+
}, TYPEAHEAD_RESET_MS);
|
|
134
|
+
}
|
|
135
|
+
};
|
|
136
|
+
__decorate([
|
|
137
|
+
HostBinding('attr.data-slot')
|
|
138
|
+
], TngMenubar.prototype, "dataSlot", void 0);
|
|
139
|
+
__decorate([
|
|
140
|
+
HostBinding('attr.role')
|
|
141
|
+
], TngMenubar.prototype, "role", void 0);
|
|
142
|
+
__decorate([
|
|
143
|
+
HostBinding('attr.aria-orientation')
|
|
144
|
+
], TngMenubar.prototype, "ariaOrientation", void 0);
|
|
145
|
+
TngMenubar = __decorate([
|
|
146
|
+
Directive({
|
|
147
|
+
selector: '[tngMenubar]',
|
|
148
|
+
exportAs: 'tngMenubar',
|
|
149
|
+
standalone: true,
|
|
150
|
+
})
|
|
151
|
+
], TngMenubar);
|
|
152
|
+
export { TngMenubar };
|
|
153
|
+
let TngMenubarItem = class TngMenubarItem {
|
|
154
|
+
hostRef = inject(ElementRef);
|
|
155
|
+
menubar = inject(TngMenubar, { host: true });
|
|
156
|
+
resolvedId = this.hostRef.nativeElement.getAttribute('id') ?? createMenubarItemId();
|
|
157
|
+
lastOwnedMenu = null;
|
|
158
|
+
ownedMenu = input(null, {
|
|
159
|
+
alias: 'tngMenubarMenu',
|
|
160
|
+
});
|
|
161
|
+
dataSlot = 'menubar-item';
|
|
162
|
+
role = 'menuitem';
|
|
163
|
+
id = this.resolvedId;
|
|
164
|
+
get tabIndex() {
|
|
165
|
+
if (this.isDisabled()) {
|
|
166
|
+
return '-1';
|
|
167
|
+
}
|
|
168
|
+
return this.menubar.getCurrentTabStopId() === this.id ? '0' : '-1';
|
|
169
|
+
}
|
|
170
|
+
get ariaDisabled() {
|
|
171
|
+
return this.isDisabled() ? 'true' : null;
|
|
172
|
+
}
|
|
173
|
+
get ariaHaspopup() {
|
|
174
|
+
return this.ownedMenu() === null ? null : 'menu';
|
|
175
|
+
}
|
|
176
|
+
get ariaControls() {
|
|
177
|
+
return this.ownedMenu()?.id ?? null;
|
|
178
|
+
}
|
|
179
|
+
ngOnInit() {
|
|
180
|
+
this.syncHostId();
|
|
181
|
+
this.lastOwnedMenu = this.ownedMenu();
|
|
182
|
+
this.syncOwnedMenuLink();
|
|
183
|
+
this.syncAriaExpanded();
|
|
184
|
+
}
|
|
185
|
+
ngDoCheck() {
|
|
186
|
+
this.syncHostId();
|
|
187
|
+
const currentOwnedMenu = this.ownedMenu();
|
|
188
|
+
if (currentOwnedMenu === this.lastOwnedMenu) {
|
|
189
|
+
return;
|
|
190
|
+
}
|
|
191
|
+
this.lastOwnedMenu?.clearTriggerLink(this.hostRef.nativeElement);
|
|
192
|
+
this.lastOwnedMenu = currentOwnedMenu;
|
|
193
|
+
this.syncOwnedMenuLink();
|
|
194
|
+
this.syncAriaExpanded();
|
|
195
|
+
}
|
|
196
|
+
ngOnDestroy() {
|
|
197
|
+
this.lastOwnedMenu?.clearTriggerLink(this.hostRef.nativeElement);
|
|
198
|
+
}
|
|
199
|
+
onClick() {
|
|
200
|
+
if (this.ownedMenu() === null || this.isDisabled()) {
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
this.focusSelf();
|
|
204
|
+
this.syncOwnedMenuLink();
|
|
205
|
+
this.menubar.requestToggleMenu(this);
|
|
206
|
+
}
|
|
207
|
+
onPointerdown() {
|
|
208
|
+
if (this.isDisabled()) {
|
|
209
|
+
return;
|
|
210
|
+
}
|
|
211
|
+
this.focusSelf();
|
|
212
|
+
}
|
|
213
|
+
onMouseenter() {
|
|
214
|
+
if (this.isDisabled()) {
|
|
215
|
+
return;
|
|
216
|
+
}
|
|
217
|
+
this.menubar.setCurrentTabStop(this);
|
|
218
|
+
if (!this.menubar.hasOpenItem() || this.menubar.isOpenItem(this) || this.ownedMenu() === null) {
|
|
219
|
+
return;
|
|
220
|
+
}
|
|
221
|
+
this.syncOwnedMenuLink();
|
|
222
|
+
this.menubar.requestOpenMenu(this, 'none');
|
|
223
|
+
}
|
|
224
|
+
onFocus() {
|
|
225
|
+
this.menubar.setCurrentTabStop(this);
|
|
226
|
+
}
|
|
227
|
+
onKeydown(event) {
|
|
228
|
+
const ownedMenu = this.ownedMenu();
|
|
229
|
+
if (!this.isDisabled() && ownedMenu?.isOpen() && event.key === 'Escape') {
|
|
230
|
+
event.preventDefault();
|
|
231
|
+
this.closeOwnedMenu(true);
|
|
232
|
+
return;
|
|
233
|
+
}
|
|
234
|
+
if (!this.isDisabled() &&
|
|
235
|
+
ownedMenu !== null &&
|
|
236
|
+
(event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
|
|
237
|
+
event.preventDefault();
|
|
238
|
+
this.syncOwnedMenuLink();
|
|
239
|
+
if (ownedMenu.isOpen() && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
|
|
240
|
+
ownedMenu.focusPanelAndMoveActiveItem(event.key === 'ArrowDown' ? 'next' : 'prev');
|
|
241
|
+
return;
|
|
242
|
+
}
|
|
243
|
+
this.menubar.requestOpenMenu(this, event.key === 'ArrowDown' ? 'first' : event.key === 'ArrowUp' ? 'last' : 'none');
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
if (event.key === 'Tab') {
|
|
247
|
+
if (ownedMenu?.isOpen()) {
|
|
248
|
+
if (this.handleTabFromOpenMenu(event.shiftKey)) {
|
|
249
|
+
event.preventDefault();
|
|
250
|
+
}
|
|
251
|
+
return;
|
|
252
|
+
}
|
|
253
|
+
const items = this.menubar.getEnabledItems();
|
|
254
|
+
const current = this.hostRef.nativeElement;
|
|
255
|
+
const currentIndex = items.indexOf(current);
|
|
256
|
+
if (currentIndex < 0 || items.length === 0) {
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
const targetIndex = event.shiftKey ? currentIndex - 1 : currentIndex + 1;
|
|
260
|
+
const target = items[targetIndex];
|
|
261
|
+
if (target === undefined) {
|
|
262
|
+
return;
|
|
263
|
+
}
|
|
264
|
+
event.preventDefault();
|
|
265
|
+
target.focus();
|
|
266
|
+
return;
|
|
267
|
+
}
|
|
268
|
+
if (ownedMenu?.isOpen() && (event.key === 'ArrowRight' || event.key === 'ArrowLeft')) {
|
|
269
|
+
event.preventDefault();
|
|
270
|
+
this.handleArrowFromOpenMenu(event.key);
|
|
271
|
+
return;
|
|
272
|
+
}
|
|
273
|
+
if (event.key !== 'ArrowRight' &&
|
|
274
|
+
event.key !== 'ArrowLeft' &&
|
|
275
|
+
event.key !== 'Home' &&
|
|
276
|
+
event.key !== 'End') {
|
|
277
|
+
if (event.key.length === 1 && !this.isDisabled()) {
|
|
278
|
+
const match = this.menubar.findTypeaheadMatch(this.hostRef.nativeElement, event.key);
|
|
279
|
+
if (match !== null) {
|
|
280
|
+
event.preventDefault();
|
|
281
|
+
match.focus();
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
return;
|
|
285
|
+
}
|
|
286
|
+
const items = this.menubar.getEnabledItems();
|
|
287
|
+
const current = this.hostRef.nativeElement;
|
|
288
|
+
const currentIndex = items.indexOf(current);
|
|
289
|
+
if (currentIndex < 0 || items.length === 0) {
|
|
290
|
+
return;
|
|
291
|
+
}
|
|
292
|
+
event.preventDefault();
|
|
293
|
+
if (event.key === 'Home') {
|
|
294
|
+
items[0]?.focus();
|
|
295
|
+
return;
|
|
296
|
+
}
|
|
297
|
+
if (event.key === 'End') {
|
|
298
|
+
items[items.length - 1]?.focus();
|
|
299
|
+
return;
|
|
300
|
+
}
|
|
301
|
+
const loop = this.menubar.loop();
|
|
302
|
+
const moveToNext = event.key === (this.menubar.isRtl() ? 'ArrowLeft' : 'ArrowRight');
|
|
303
|
+
const targetIndex = moveToNext
|
|
304
|
+
? currentIndex + 1 >= items.length
|
|
305
|
+
? loop
|
|
306
|
+
? 0
|
|
307
|
+
: items.length - 1
|
|
308
|
+
: currentIndex + 1
|
|
309
|
+
: currentIndex - 1 < 0
|
|
310
|
+
? loop
|
|
311
|
+
? items.length - 1
|
|
312
|
+
: 0
|
|
313
|
+
: currentIndex - 1;
|
|
314
|
+
items[targetIndex]?.focus();
|
|
315
|
+
}
|
|
316
|
+
isDisabledItem() {
|
|
317
|
+
return this.isDisabled();
|
|
318
|
+
}
|
|
319
|
+
getOwnedMenu() {
|
|
320
|
+
return this.ownedMenu();
|
|
321
|
+
}
|
|
322
|
+
openOwnedMenu(focusAction) {
|
|
323
|
+
const ownedMenu = this.ownedMenu();
|
|
324
|
+
if (ownedMenu === null) {
|
|
325
|
+
return;
|
|
326
|
+
}
|
|
327
|
+
ownedMenu.open(focusAction);
|
|
328
|
+
}
|
|
329
|
+
closeOwnedMenu(restoreFocus) {
|
|
330
|
+
const ownedMenu = this.ownedMenu();
|
|
331
|
+
if (ownedMenu === null) {
|
|
332
|
+
return;
|
|
333
|
+
}
|
|
334
|
+
ownedMenu.close(restoreFocus);
|
|
335
|
+
}
|
|
336
|
+
focusSelf() {
|
|
337
|
+
this.menubar.setCurrentTabStop(this);
|
|
338
|
+
this.hostRef.nativeElement.focus();
|
|
339
|
+
}
|
|
340
|
+
getItemId() {
|
|
341
|
+
return this.id;
|
|
342
|
+
}
|
|
343
|
+
handleArrowFromOpenMenu(key) {
|
|
344
|
+
const items = this.menubar.getEnabledItems();
|
|
345
|
+
const current = this.hostRef.nativeElement;
|
|
346
|
+
const currentIndex = items.indexOf(current);
|
|
347
|
+
if (currentIndex < 0 || items.length === 0) {
|
|
348
|
+
return;
|
|
349
|
+
}
|
|
350
|
+
const moveToNext = key === (this.menubar.isRtl() ? 'ArrowLeft' : 'ArrowRight');
|
|
351
|
+
const loop = this.menubar.loop();
|
|
352
|
+
const targetIndex = moveToNext
|
|
353
|
+
? currentIndex + 1 >= items.length
|
|
354
|
+
? loop
|
|
355
|
+
? 0
|
|
356
|
+
: items.length - 1
|
|
357
|
+
: currentIndex + 1
|
|
358
|
+
: currentIndex - 1 < 0
|
|
359
|
+
? loop
|
|
360
|
+
? items.length - 1
|
|
361
|
+
: 0
|
|
362
|
+
: currentIndex - 1;
|
|
363
|
+
const target = items[targetIndex];
|
|
364
|
+
if (target === undefined || target === current) {
|
|
365
|
+
return;
|
|
366
|
+
}
|
|
367
|
+
const targetOwnsMenu = target.getAttribute('aria-haspopup') === 'menu';
|
|
368
|
+
if (!targetOwnsMenu) {
|
|
369
|
+
this.closeOwnedMenu(false);
|
|
370
|
+
target.focus();
|
|
371
|
+
return;
|
|
372
|
+
}
|
|
373
|
+
target.focus();
|
|
374
|
+
target.click();
|
|
375
|
+
}
|
|
376
|
+
isDisabled() {
|
|
377
|
+
const element = this.hostRef.nativeElement;
|
|
378
|
+
return element.disabled || element.hasAttribute('disabled');
|
|
379
|
+
}
|
|
380
|
+
syncOwnedMenuLink() {
|
|
381
|
+
const ownedMenu = this.ownedMenu();
|
|
382
|
+
if (ownedMenu === null) {
|
|
383
|
+
return;
|
|
384
|
+
}
|
|
385
|
+
this.syncHostId();
|
|
386
|
+
ownedMenu.setTriggerElement(this.hostRef.nativeElement, () => this.syncMenuState());
|
|
387
|
+
ownedMenu.setRestoreFocusOnOutsideClick(true);
|
|
388
|
+
ownedMenu.setMenubarArrowHandler((key) => this.handleArrowFromOpenMenu(key));
|
|
389
|
+
ownedMenu.setMenubarTabHandler((shiftKey) => this.handleTabFromOpenMenu(shiftKey));
|
|
390
|
+
}
|
|
391
|
+
syncAriaExpanded() {
|
|
392
|
+
const ownedMenu = this.ownedMenu();
|
|
393
|
+
if (ownedMenu === null) {
|
|
394
|
+
this.hostRef.nativeElement.removeAttribute('aria-expanded');
|
|
395
|
+
return;
|
|
396
|
+
}
|
|
397
|
+
this.hostRef.nativeElement.setAttribute('aria-expanded', ownedMenu.isOpen() ? 'true' : 'false');
|
|
398
|
+
}
|
|
399
|
+
syncMenuState() {
|
|
400
|
+
this.syncAriaExpanded();
|
|
401
|
+
this.menubar.syncOpenItem(this);
|
|
402
|
+
}
|
|
403
|
+
handleTabFromOpenMenu(shiftKey) {
|
|
404
|
+
const items = this.menubar.getEnabledItems();
|
|
405
|
+
const current = this.hostRef.nativeElement;
|
|
406
|
+
const currentIndex = items.indexOf(current);
|
|
407
|
+
if (currentIndex < 0 || items.length === 0) {
|
|
408
|
+
return false;
|
|
409
|
+
}
|
|
410
|
+
const targetIndex = shiftKey ? currentIndex - 1 : currentIndex + 1;
|
|
411
|
+
const target = items[targetIndex];
|
|
412
|
+
if (target === undefined || target === current) {
|
|
413
|
+
this.closeOwnedMenu(false);
|
|
414
|
+
return false;
|
|
415
|
+
}
|
|
416
|
+
const targetDirective = target;
|
|
417
|
+
const targetOwnsMenu = target.getAttribute('aria-haspopup') === 'menu';
|
|
418
|
+
if (targetOwnsMenu) {
|
|
419
|
+
target.focus();
|
|
420
|
+
targetDirective.click();
|
|
421
|
+
return true;
|
|
422
|
+
}
|
|
423
|
+
this.closeOwnedMenu(false);
|
|
424
|
+
target.focus();
|
|
425
|
+
return true;
|
|
426
|
+
}
|
|
427
|
+
syncHostId() {
|
|
428
|
+
if (this.hostRef.nativeElement.id === this.id) {
|
|
429
|
+
return;
|
|
430
|
+
}
|
|
431
|
+
this.hostRef.nativeElement.id = this.id;
|
|
432
|
+
}
|
|
433
|
+
};
|
|
434
|
+
__decorate([
|
|
435
|
+
HostBinding('attr.data-slot')
|
|
436
|
+
], TngMenubarItem.prototype, "dataSlot", void 0);
|
|
437
|
+
__decorate([
|
|
438
|
+
HostBinding('attr.role')
|
|
439
|
+
], TngMenubarItem.prototype, "role", void 0);
|
|
440
|
+
__decorate([
|
|
441
|
+
HostBinding('attr.id')
|
|
442
|
+
], TngMenubarItem.prototype, "id", void 0);
|
|
443
|
+
__decorate([
|
|
444
|
+
HostBinding('attr.tabindex')
|
|
445
|
+
], TngMenubarItem.prototype, "tabIndex", null);
|
|
446
|
+
__decorate([
|
|
447
|
+
HostBinding('attr.aria-disabled')
|
|
448
|
+
], TngMenubarItem.prototype, "ariaDisabled", null);
|
|
449
|
+
__decorate([
|
|
450
|
+
HostBinding('attr.aria-haspopup')
|
|
451
|
+
], TngMenubarItem.prototype, "ariaHaspopup", null);
|
|
452
|
+
__decorate([
|
|
453
|
+
HostBinding('attr.aria-controls')
|
|
454
|
+
], TngMenubarItem.prototype, "ariaControls", null);
|
|
455
|
+
__decorate([
|
|
456
|
+
HostListener('click')
|
|
457
|
+
], TngMenubarItem.prototype, "onClick", null);
|
|
458
|
+
__decorate([
|
|
459
|
+
HostListener('pointerdown')
|
|
460
|
+
], TngMenubarItem.prototype, "onPointerdown", null);
|
|
461
|
+
__decorate([
|
|
462
|
+
HostListener('mouseenter')
|
|
463
|
+
], TngMenubarItem.prototype, "onMouseenter", null);
|
|
464
|
+
__decorate([
|
|
465
|
+
HostListener('focus')
|
|
466
|
+
], TngMenubarItem.prototype, "onFocus", null);
|
|
467
|
+
__decorate([
|
|
468
|
+
HostListener('keydown', ['$event'])
|
|
469
|
+
], TngMenubarItem.prototype, "onKeydown", null);
|
|
470
|
+
TngMenubarItem = __decorate([
|
|
471
|
+
Directive({
|
|
472
|
+
selector: '[tngMenubarItem]',
|
|
473
|
+
exportAs: 'tngMenubarItem',
|
|
474
|
+
standalone: true,
|
|
475
|
+
})
|
|
476
|
+
], TngMenubarItem);
|
|
477
|
+
export { TngMenubarItem };
|
|
478
|
+
//# sourceMappingURL=tng-menubar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-menubar.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/menubar/tng-menubar.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, HostBinding, HostListener, inject, input } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\n\nimport { TngMenu } from '../menu/tng-menu';\n\ntype MenubarItemElement = HTMLElement;\nconst createMenubarItemId = createTngIdFactory('tng-menubar-item');\nconst TYPEAHEAD_RESET_MS = 500;\n\n@Directive({\n selector: '[tngMenubar]',\n exportAs: 'tngMenubar',\n standalone: true,\n})\nexport class TngMenubar {\n private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n private openItem: TngMenubarItem | null = null;\n private currentTabStopId: string | null = null;\n private typeaheadBuffer = '';\n private typeaheadResetHandle: ReturnType<typeof setTimeout> | null = null;\n\n readonly loop = input<boolean>(true);\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'menubar' as const;\n\n @HostBinding('attr.role')\n protected readonly role = 'menubar' as const;\n\n @HostBinding('attr.aria-orientation')\n protected readonly ariaOrientation = 'horizontal' as const;\n\n getItems(): readonly MenubarItemElement[] {\n return Array.from(\n this.hostRef.nativeElement.querySelectorAll<MenubarItemElement>('[tngMenubarItem]'),\n );\n }\n\n getEnabledItems(): readonly MenubarItemElement[] {\n return this.getItems().filter((item) => item.getAttribute('aria-disabled') !== 'true');\n }\n\n isRtl(): boolean {\n const host = this.hostRef.nativeElement;\n const nearestDir =\n host.closest<HTMLElement>('[dir]')?.getAttribute('dir') ??\n host.ownerDocument?.documentElement.getAttribute('dir');\n\n return nearestDir?.toLowerCase() === 'rtl';\n }\n\n getCurrentTabStopId(): string | null {\n const enabledItems = this.getEnabledItems();\n if (enabledItems.length === 0) {\n this.currentTabStopId = null;\n return null;\n }\n\n if (!enabledItems.some((item) => item.id === this.currentTabStopId)) {\n this.currentTabStopId = enabledItems[0]?.id ?? null;\n }\n\n return this.currentTabStopId;\n }\n\n setCurrentTabStop(item: TngMenubarItem): void {\n if (item.isDisabledItem()) {\n return;\n }\n\n this.currentTabStopId = item.getItemId();\n }\n\n hasOpenItem(): boolean {\n return this.openItem !== null;\n }\n\n isOpenItem(item: TngMenubarItem): boolean {\n return this.openItem === item;\n }\n\n findTypeaheadMatch(currentItem: HTMLElement, key: string): MenubarItemElement | null {\n const items = this.getEnabledItems();\n if (items.length === 0) {\n return null;\n }\n\n const normalizedKey = key.trim().toLowerCase();\n if (normalizedKey.length !== 1) {\n return null;\n }\n\n const repeatingSingleChar =\n this.typeaheadBuffer.length > 0 &&\n this.typeaheadBuffer.split('').every((char) => char === normalizedKey);\n\n let query = repeatingSingleChar ? normalizedKey : `${this.typeaheadBuffer}${normalizedKey}`;\n let match = this.findMatchingItem(items, currentItem, query, repeatingSingleChar);\n\n if (match === null && query !== normalizedKey) {\n query = normalizedKey;\n match = this.findMatchingItem(items, currentItem, query, true);\n }\n\n if (match === null) {\n return null;\n }\n\n this.resetTypeaheadBuffer(query);\n return match;\n }\n\n requestToggleMenu(item: TngMenubarItem): void {\n const ownedMenu = item.getOwnedMenu();\n if (ownedMenu === null || item.isDisabledItem()) {\n return;\n }\n\n if (ownedMenu.isOpen()) {\n item.closeOwnedMenu(false);\n item.focusSelf();\n return;\n }\n\n this.requestOpenMenu(item, 'none');\n }\n\n requestOpenMenu(item: TngMenubarItem, focusAction: 'none' | 'first' | 'last'): void {\n const ownedMenu = item.getOwnedMenu();\n if (ownedMenu === null || item.isDisabledItem()) {\n return;\n }\n\n if (this.openItem !== null && this.openItem !== item) {\n this.openItem.closeOwnedMenu(false);\n }\n\n this.openItem = item;\n item.openOwnedMenu(focusAction);\n }\n\n syncOpenItem(item: TngMenubarItem): void {\n if (item.getOwnedMenu()?.isOpen()) {\n this.openItem = item;\n return;\n }\n\n if (this.openItem === item) {\n this.openItem = null;\n }\n }\n\n ngOnDestroy(): void {\n if (this.typeaheadResetHandle !== null) {\n clearTimeout(this.typeaheadResetHandle);\n this.typeaheadResetHandle = null;\n }\n }\n\n private findMatchingItem(\n items: readonly MenubarItemElement[],\n currentItem: HTMLElement,\n query: string,\n cycleFromCurrentItem: boolean,\n ): MenubarItemElement | null {\n const currentIndex = items.indexOf(currentItem);\n const startIndex = cycleFromCurrentItem && currentIndex >= 0 ? (currentIndex + 1) % items.length : 0;\n\n for (let offset = 0; offset < items.length; offset += 1) {\n const index = (startIndex + offset) % items.length;\n const item = items[index];\n const label = item.textContent?.trim().toLowerCase() ?? '';\n\n if (label.startsWith(query)) {\n return item;\n }\n }\n\n return null;\n }\n\n private resetTypeaheadBuffer(nextBuffer: string): void {\n this.typeaheadBuffer = nextBuffer;\n\n if (this.typeaheadResetHandle !== null) {\n clearTimeout(this.typeaheadResetHandle);\n }\n\n this.typeaheadResetHandle = setTimeout(() => {\n this.typeaheadBuffer = '';\n this.typeaheadResetHandle = null;\n }, TYPEAHEAD_RESET_MS);\n }\n}\n\n@Directive({\n selector: '[tngMenubarItem]',\n exportAs: 'tngMenubarItem',\n standalone: true,\n})\nexport class TngMenubarItem {\n private readonly hostRef = inject<ElementRef<HTMLElement>>(ElementRef);\n private readonly menubar = inject(TngMenubar, { host: true });\n private readonly resolvedId =\n this.hostRef.nativeElement.getAttribute('id') ?? createMenubarItemId();\n private lastOwnedMenu: TngMenu | null = null;\n\n readonly ownedMenu = input<TngMenu | null>(null, {\n alias: 'tngMenubarMenu',\n });\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'menubar-item' as const;\n\n @HostBinding('attr.role')\n protected readonly role = 'menuitem' as const;\n\n @HostBinding('attr.id')\n protected readonly id = this.resolvedId;\n\n @HostBinding('attr.tabindex')\n protected get tabIndex(): string {\n if (this.isDisabled()) {\n return '-1';\n }\n\n return this.menubar.getCurrentTabStopId() === this.id ? '0' : '-1';\n }\n\n @HostBinding('attr.aria-disabled')\n protected get ariaDisabled(): 'true' | null {\n return this.isDisabled() ? 'true' : null;\n }\n\n @HostBinding('attr.aria-haspopup')\n protected get ariaHaspopup(): 'menu' | null {\n return this.ownedMenu() === null ? null : 'menu';\n }\n\n @HostBinding('attr.aria-controls')\n protected get ariaControls(): string | null {\n return this.ownedMenu()?.id ?? null;\n }\n\n ngOnInit(): void {\n this.syncHostId();\n this.lastOwnedMenu = this.ownedMenu();\n this.syncOwnedMenuLink();\n this.syncAriaExpanded();\n }\n\n ngDoCheck(): void {\n this.syncHostId();\n const currentOwnedMenu = this.ownedMenu();\n if (currentOwnedMenu === this.lastOwnedMenu) {\n return;\n }\n\n this.lastOwnedMenu?.clearTriggerLink(this.hostRef.nativeElement);\n this.lastOwnedMenu = currentOwnedMenu;\n this.syncOwnedMenuLink();\n this.syncAriaExpanded();\n }\n\n ngOnDestroy(): void {\n this.lastOwnedMenu?.clearTriggerLink(this.hostRef.nativeElement);\n }\n\n @HostListener('click')\n protected onClick(): void {\n if (this.ownedMenu() === null || this.isDisabled()) {\n return;\n }\n\n this.focusSelf();\n this.syncOwnedMenuLink();\n this.menubar.requestToggleMenu(this);\n }\n\n @HostListener('pointerdown')\n protected onPointerdown(): void {\n if (this.isDisabled()) {\n return;\n }\n\n this.focusSelf();\n }\n\n @HostListener('mouseenter')\n protected onMouseenter(): void {\n if (this.isDisabled()) {\n return;\n }\n\n this.menubar.setCurrentTabStop(this);\n\n if (!this.menubar.hasOpenItem() || this.menubar.isOpenItem(this) || this.ownedMenu() === null) {\n return;\n }\n\n this.syncOwnedMenuLink();\n this.menubar.requestOpenMenu(this, 'none');\n }\n\n @HostListener('focus')\n protected onFocus(): void {\n this.menubar.setCurrentTabStop(this);\n }\n\n @HostListener('keydown', ['$event'])\n protected onKeydown(event: KeyboardEvent): void {\n const ownedMenu = this.ownedMenu();\n if (!this.isDisabled() && ownedMenu?.isOpen() && event.key === 'Escape') {\n event.preventDefault();\n this.closeOwnedMenu(true);\n return;\n }\n\n if (\n !this.isDisabled() &&\n ownedMenu !== null &&\n (event.key === 'Enter' || event.key === ' ' || event.key === 'ArrowDown' || event.key === 'ArrowUp')\n ) {\n event.preventDefault();\n this.syncOwnedMenuLink();\n\n if (ownedMenu.isOpen() && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n ownedMenu.focusPanelAndMoveActiveItem(event.key === 'ArrowDown' ? 'next' : 'prev');\n return;\n }\n\n this.menubar.requestOpenMenu(this, event.key === 'ArrowDown' ? 'first' : event.key === 'ArrowUp' ? 'last' : 'none');\n return;\n }\n\n if (event.key === 'Tab') {\n if (ownedMenu?.isOpen()) {\n if (this.handleTabFromOpenMenu(event.shiftKey)) {\n event.preventDefault();\n }\n return;\n }\n\n const items = this.menubar.getEnabledItems();\n const current = this.hostRef.nativeElement;\n const currentIndex = items.indexOf(current);\n\n if (currentIndex < 0 || items.length === 0) {\n return;\n }\n\n const targetIndex = event.shiftKey ? currentIndex - 1 : currentIndex + 1;\n const target = items[targetIndex];\n\n if (target === undefined) {\n return;\n }\n\n event.preventDefault();\n target.focus();\n return;\n }\n\n if (ownedMenu?.isOpen() && (event.key === 'ArrowRight' || event.key === 'ArrowLeft')) {\n event.preventDefault();\n this.handleArrowFromOpenMenu(event.key);\n return;\n }\n\n if (\n event.key !== 'ArrowRight' &&\n event.key !== 'ArrowLeft' &&\n event.key !== 'Home' &&\n event.key !== 'End'\n ) {\n if (event.key.length === 1 && !this.isDisabled()) {\n const match = this.menubar.findTypeaheadMatch(this.hostRef.nativeElement, event.key);\n if (match !== null) {\n event.preventDefault();\n match.focus();\n }\n }\n return;\n }\n\n const items = this.menubar.getEnabledItems();\n const current = this.hostRef.nativeElement;\n const currentIndex = items.indexOf(current);\n\n if (currentIndex < 0 || items.length === 0) {\n return;\n }\n\n event.preventDefault();\n\n if (event.key === 'Home') {\n items[0]?.focus();\n return;\n }\n\n if (event.key === 'End') {\n items[items.length - 1]?.focus();\n return;\n }\n\n const loop = this.menubar.loop();\n const moveToNext =\n event.key === (this.menubar.isRtl() ? 'ArrowLeft' : 'ArrowRight');\n const targetIndex =\n moveToNext\n ? currentIndex + 1 >= items.length\n ? loop\n ? 0\n : items.length - 1\n : currentIndex + 1\n : currentIndex - 1 < 0\n ? loop\n ? items.length - 1\n : 0\n : currentIndex - 1;\n\n items[targetIndex]?.focus();\n }\n\n isDisabledItem(): boolean {\n return this.isDisabled();\n }\n\n getOwnedMenu(): TngMenu | null {\n return this.ownedMenu();\n }\n\n openOwnedMenu(focusAction: 'none' | 'first' | 'last'): void {\n const ownedMenu = this.ownedMenu();\n if (ownedMenu === null) {\n return;\n }\n\n ownedMenu.open(focusAction);\n }\n\n closeOwnedMenu(restoreFocus: boolean): void {\n const ownedMenu = this.ownedMenu();\n if (ownedMenu === null) {\n return;\n }\n\n ownedMenu.close(restoreFocus);\n }\n\n focusSelf(): void {\n this.menubar.setCurrentTabStop(this);\n this.hostRef.nativeElement.focus();\n }\n\n getItemId(): string {\n return this.id;\n }\n\n handleArrowFromOpenMenu(key: 'ArrowRight' | 'ArrowLeft'): void {\n const items = this.menubar.getEnabledItems();\n const current = this.hostRef.nativeElement;\n const currentIndex = items.indexOf(current);\n\n if (currentIndex < 0 || items.length === 0) {\n return;\n }\n\n const moveToNext =\n key === (this.menubar.isRtl() ? 'ArrowLeft' : 'ArrowRight');\n const loop = this.menubar.loop();\n const targetIndex =\n moveToNext\n ? currentIndex + 1 >= items.length\n ? loop\n ? 0\n : items.length - 1\n : currentIndex + 1\n : currentIndex - 1 < 0\n ? loop\n ? items.length - 1\n : 0\n : currentIndex - 1;\n\n const target = items[targetIndex];\n if (target === undefined || target === current) {\n return;\n }\n\n const targetOwnsMenu = target.getAttribute('aria-haspopup') === 'menu';\n if (!targetOwnsMenu) {\n this.closeOwnedMenu(false);\n target.focus();\n return;\n }\n\n target.focus();\n target.click();\n }\n\n private isDisabled(): boolean {\n const element = this.hostRef.nativeElement as HTMLElement & {\n disabled?: boolean;\n };\n\n return element.disabled || element.hasAttribute('disabled');\n }\n\n private syncOwnedMenuLink(): void {\n const ownedMenu = this.ownedMenu();\n if (ownedMenu === null) {\n return;\n }\n\n this.syncHostId();\n ownedMenu.setTriggerElement(this.hostRef.nativeElement, () => this.syncMenuState());\n ownedMenu.setRestoreFocusOnOutsideClick(true);\n ownedMenu.setMenubarArrowHandler((key) => this.handleArrowFromOpenMenu(key));\n ownedMenu.setMenubarTabHandler((shiftKey) => this.handleTabFromOpenMenu(shiftKey));\n }\n\n private syncAriaExpanded(): void {\n const ownedMenu = this.ownedMenu();\n if (ownedMenu === null) {\n this.hostRef.nativeElement.removeAttribute('aria-expanded');\n return;\n }\n\n this.hostRef.nativeElement.setAttribute('aria-expanded', ownedMenu.isOpen() ? 'true' : 'false');\n }\n\n private syncMenuState(): void {\n this.syncAriaExpanded();\n this.menubar.syncOpenItem(this);\n }\n\n private handleTabFromOpenMenu(shiftKey: boolean): boolean {\n const items = this.menubar.getEnabledItems();\n const current = this.hostRef.nativeElement;\n const currentIndex = items.indexOf(current);\n\n if (currentIndex < 0 || items.length === 0) {\n return false;\n }\n\n const targetIndex = shiftKey ? currentIndex - 1 : currentIndex + 1;\n const target = items[targetIndex];\n\n if (target === undefined || target === current) {\n this.closeOwnedMenu(false);\n return false;\n }\n\n const targetDirective = (target as HTMLElement & { click(): void });\n const targetOwnsMenu = target.getAttribute('aria-haspopup') === 'menu';\n\n if (targetOwnsMenu) {\n target.focus();\n targetDirective.click();\n return true;\n }\n\n this.closeOwnedMenu(false);\n target.focus();\n return true;\n }\n\n private syncHostId(): void {\n if (this.hostRef.nativeElement.id === this.id) {\n return;\n }\n\n this.hostRef.nativeElement.id = this.id;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-navigation-menu.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/navigation-menu/tng-navigation-menu.ts"],"names":[],"mappings":"AAEA,qBAIa,iBAAiB;IAE5B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,iBAAiB,CAAU;CAC1D"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Directive, HostBinding } from '@angular/core';
|
|
3
|
+
let TngNavigationMenu = class TngNavigationMenu {
|
|
4
|
+
dataSlot = 'navigation-menu';
|
|
5
|
+
};
|
|
6
|
+
__decorate([
|
|
7
|
+
HostBinding('attr.data-slot')
|
|
8
|
+
], TngNavigationMenu.prototype, "dataSlot", void 0);
|
|
9
|
+
TngNavigationMenu = __decorate([
|
|
10
|
+
Directive({
|
|
11
|
+
selector: '[tngNavigationMenu]',
|
|
12
|
+
exportAs: 'tngNavigationMenu',
|
|
13
|
+
})
|
|
14
|
+
], TngNavigationMenu);
|
|
15
|
+
export { TngNavigationMenu };
|
|
16
|
+
//# sourceMappingURL=tng-navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-navigation-menu.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/navigation/navigation-menu/tng-navigation-menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IAET,QAAQ,GAAG,iBAA0B,CAAC;CAC1D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;mDAC2B;AAF9C,iBAAiB;IAJ7B,SAAS,CAAC;QACT,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;GACW,iBAAiB,CAG7B","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[tngNavigationMenu]',\n exportAs: 'tngNavigationMenu',\n})\nexport class TngNavigationMenu {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'navigation-menu' as const;\n}\n"]}
|