@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,345 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { booleanAttribute, Directive, effect, ElementRef, inject, input, Renderer2, } from '@angular/core';
|
|
3
|
+
const badgePositions = ['bottom-end', 'bottom-start', 'top-end', 'top-start'];
|
|
4
|
+
const badgeSizes = ['lg', 'md', 'sm'];
|
|
5
|
+
const badgeTones = ['danger', 'info', 'neutral', 'success', 'warning'];
|
|
6
|
+
const badgeVariants = ['outline', 'soft', 'solid'];
|
|
7
|
+
const badgePositionSet = new Set(badgePositions);
|
|
8
|
+
const badgeSizeSet = new Set(badgeSizes);
|
|
9
|
+
const badgeToneSet = new Set(badgeTones);
|
|
10
|
+
const badgeVariantSet = new Set(badgeVariants);
|
|
11
|
+
const defaultBadgeMax = 99;
|
|
12
|
+
const defaultBadgePosition = 'top-end';
|
|
13
|
+
const defaultBadgeSize = 'md';
|
|
14
|
+
const defaultBadgeTone = 'danger';
|
|
15
|
+
const defaultBadgeVariant = 'solid';
|
|
16
|
+
function isNonEmptyText(value) {
|
|
17
|
+
return value.trim().length > 0;
|
|
18
|
+
}
|
|
19
|
+
function toNumber(value) {
|
|
20
|
+
return typeof value === 'number' ? value : Number(value);
|
|
21
|
+
}
|
|
22
|
+
function toRoundedNonNegative(value) {
|
|
23
|
+
return Math.max(0, Math.round(value));
|
|
24
|
+
}
|
|
25
|
+
export function normalizeTngBadgeMax(value) {
|
|
26
|
+
if (!Number.isFinite(value)) {
|
|
27
|
+
return defaultBadgeMax;
|
|
28
|
+
}
|
|
29
|
+
return toRoundedNonNegative(value);
|
|
30
|
+
}
|
|
31
|
+
export function coerceTngBadgeMax(value) {
|
|
32
|
+
return normalizeTngBadgeMax(toNumber(value));
|
|
33
|
+
}
|
|
34
|
+
export function coerceTngBadgePosition(value) {
|
|
35
|
+
if (badgePositionSet.has(value)) {
|
|
36
|
+
return value;
|
|
37
|
+
}
|
|
38
|
+
return defaultBadgePosition;
|
|
39
|
+
}
|
|
40
|
+
export function coerceTngBadgeSize(value) {
|
|
41
|
+
if (badgeSizeSet.has(value)) {
|
|
42
|
+
return value;
|
|
43
|
+
}
|
|
44
|
+
return defaultBadgeSize;
|
|
45
|
+
}
|
|
46
|
+
export function coerceTngBadgeTone(value) {
|
|
47
|
+
if (badgeToneSet.has(value)) {
|
|
48
|
+
return value;
|
|
49
|
+
}
|
|
50
|
+
return defaultBadgeTone;
|
|
51
|
+
}
|
|
52
|
+
export function coerceTngBadgeVariant(value) {
|
|
53
|
+
if (badgeVariantSet.has(value)) {
|
|
54
|
+
return value;
|
|
55
|
+
}
|
|
56
|
+
return defaultBadgeVariant;
|
|
57
|
+
}
|
|
58
|
+
export function resolveTngBadgeContent(value, max, dot) {
|
|
59
|
+
if (dot || value === null || value === undefined) {
|
|
60
|
+
return '';
|
|
61
|
+
}
|
|
62
|
+
if (typeof value === 'number') {
|
|
63
|
+
if (!Number.isFinite(value)) {
|
|
64
|
+
return '';
|
|
65
|
+
}
|
|
66
|
+
const normalized = toRoundedNonNegative(value);
|
|
67
|
+
if (normalized > max) {
|
|
68
|
+
return `${max}+`;
|
|
69
|
+
}
|
|
70
|
+
return String(normalized);
|
|
71
|
+
}
|
|
72
|
+
return isNonEmptyText(value) ? value : '';
|
|
73
|
+
}
|
|
74
|
+
export function resolveTngBadgePlacement(position) {
|
|
75
|
+
if (position === 'top-start') {
|
|
76
|
+
return { bottom: null, left: '0', right: null, top: '0', transform: 'translate(-50%, -50%)' };
|
|
77
|
+
}
|
|
78
|
+
if (position === 'bottom-start') {
|
|
79
|
+
return { bottom: '0', left: '0', right: null, top: null, transform: 'translate(-50%, 50%)' };
|
|
80
|
+
}
|
|
81
|
+
if (position === 'bottom-end') {
|
|
82
|
+
return { bottom: '0', left: null, right: '0', top: null, transform: 'translate(50%, 50%)' };
|
|
83
|
+
}
|
|
84
|
+
return { bottom: null, left: null, right: '0', top: '0', transform: 'translate(50%, -50%)' };
|
|
85
|
+
}
|
|
86
|
+
export function toTngBadgeCssLength(value) {
|
|
87
|
+
if (value === null || value === undefined) {
|
|
88
|
+
return null;
|
|
89
|
+
}
|
|
90
|
+
if (typeof value === 'number') {
|
|
91
|
+
if (!Number.isFinite(value)) {
|
|
92
|
+
return null;
|
|
93
|
+
}
|
|
94
|
+
return `${value}px`;
|
|
95
|
+
}
|
|
96
|
+
return isNonEmptyText(value) ? value.trim() : null;
|
|
97
|
+
}
|
|
98
|
+
function resolveTngBadgeToneColors(tone) {
|
|
99
|
+
if (tone === 'success') {
|
|
100
|
+
return { background: '#16a34a', foreground: '#f0fdf4' };
|
|
101
|
+
}
|
|
102
|
+
if (tone === 'warning') {
|
|
103
|
+
return { background: '#d97706', foreground: '#fffbeb' };
|
|
104
|
+
}
|
|
105
|
+
if (tone === 'danger') {
|
|
106
|
+
return { background: '#dc2626', foreground: '#fef2f2' };
|
|
107
|
+
}
|
|
108
|
+
if (tone === 'neutral') {
|
|
109
|
+
return { background: '#334155', foreground: '#f8fafc' };
|
|
110
|
+
}
|
|
111
|
+
return { background: '#2563eb', foreground: '#eff6ff' };
|
|
112
|
+
}
|
|
113
|
+
function hasVisibleBadge(hidden, dot, content) {
|
|
114
|
+
if (hidden) {
|
|
115
|
+
return false;
|
|
116
|
+
}
|
|
117
|
+
return dot || content.length > 0;
|
|
118
|
+
}
|
|
119
|
+
let TngBadge = class TngBadge {
|
|
120
|
+
tngBadge = input(null);
|
|
121
|
+
tngBadgeClass = input(null);
|
|
122
|
+
tngBadgeDisabled = input(false, {
|
|
123
|
+
transform: booleanAttribute,
|
|
124
|
+
});
|
|
125
|
+
tngBadgeStyle = input(null);
|
|
126
|
+
tngBadgeDot = input(false, {
|
|
127
|
+
transform: booleanAttribute,
|
|
128
|
+
});
|
|
129
|
+
tngBadgeHidden = input(false, {
|
|
130
|
+
transform: booleanAttribute,
|
|
131
|
+
});
|
|
132
|
+
tngBadgeMax = input(defaultBadgeMax, {
|
|
133
|
+
transform: coerceTngBadgeMax,
|
|
134
|
+
});
|
|
135
|
+
tngBadgeOffsetX = input(null);
|
|
136
|
+
tngBadgeOffsetY = input(null);
|
|
137
|
+
tngBadgePosition = input(defaultBadgePosition, {
|
|
138
|
+
transform: coerceTngBadgePosition,
|
|
139
|
+
});
|
|
140
|
+
tngBadgeSize = input(defaultBadgeSize, {
|
|
141
|
+
transform: coerceTngBadgeSize,
|
|
142
|
+
});
|
|
143
|
+
tngBadgeTone = input(defaultBadgeTone, {
|
|
144
|
+
transform: coerceTngBadgeTone,
|
|
145
|
+
});
|
|
146
|
+
tngBadgeVariant = input(defaultBadgeVariant, {
|
|
147
|
+
transform: coerceTngBadgeVariant,
|
|
148
|
+
});
|
|
149
|
+
hostElement = inject(ElementRef).nativeElement;
|
|
150
|
+
renderer = inject(Renderer2);
|
|
151
|
+
badgeElement = null;
|
|
152
|
+
customStyleKeys = new Set();
|
|
153
|
+
constructor() {
|
|
154
|
+
this.configureHost();
|
|
155
|
+
effect(() => {
|
|
156
|
+
this.renderBadge();
|
|
157
|
+
});
|
|
158
|
+
}
|
|
159
|
+
ngOnDestroy() {
|
|
160
|
+
this.destroyBadge();
|
|
161
|
+
}
|
|
162
|
+
configureHost() {
|
|
163
|
+
this.renderer.addClass(this.hostElement, 'tng-badge-host');
|
|
164
|
+
this.renderer.setAttribute(this.hostElement, 'data-tng-badge-host', '');
|
|
165
|
+
if (this.hostElement.style.position.length === 0) {
|
|
166
|
+
this.renderer.setStyle(this.hostElement, 'position', 'relative');
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
renderBadge() {
|
|
170
|
+
const content = resolveTngBadgeContent(this.tngBadge(), this.tngBadgeMax(), this.tngBadgeDot());
|
|
171
|
+
if (!hasVisibleBadge(this.tngBadgeHidden(), this.tngBadgeDot(), content)) {
|
|
172
|
+
this.destroyBadge();
|
|
173
|
+
return;
|
|
174
|
+
}
|
|
175
|
+
this.ensureBadgeElement();
|
|
176
|
+
this.patchBadgeClasses();
|
|
177
|
+
this.patchBadgeAttributes();
|
|
178
|
+
this.patchBadgePlacement();
|
|
179
|
+
this.patchBadgeVisualStyles();
|
|
180
|
+
this.patchBadgeCustomStyles();
|
|
181
|
+
this.patchBadgeContent(content);
|
|
182
|
+
}
|
|
183
|
+
ensureBadgeElement() {
|
|
184
|
+
if (this.badgeElement !== null) {
|
|
185
|
+
return this.badgeElement;
|
|
186
|
+
}
|
|
187
|
+
const badgeElement = this.renderer.createElement('span');
|
|
188
|
+
this.renderer.appendChild(this.hostElement, badgeElement);
|
|
189
|
+
this.badgeElement = badgeElement;
|
|
190
|
+
return badgeElement;
|
|
191
|
+
}
|
|
192
|
+
destroyBadge() {
|
|
193
|
+
if (this.badgeElement === null) {
|
|
194
|
+
return;
|
|
195
|
+
}
|
|
196
|
+
this.renderer.removeChild(this.hostElement, this.badgeElement);
|
|
197
|
+
this.badgeElement = null;
|
|
198
|
+
this.customStyleKeys.clear();
|
|
199
|
+
}
|
|
200
|
+
patchBadgeAttributes() {
|
|
201
|
+
if (this.badgeElement === null) {
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
const badgeElement = this.badgeElement;
|
|
205
|
+
this.renderer.setAttribute(badgeElement, 'aria-hidden', 'true');
|
|
206
|
+
this.renderer.setAttribute(badgeElement, 'data-placement', this.tngBadgePosition());
|
|
207
|
+
this.renderer.setAttribute(badgeElement, 'data-position', this.tngBadgePosition());
|
|
208
|
+
this.renderer.setAttribute(badgeElement, 'data-size', this.tngBadgeSize());
|
|
209
|
+
this.renderer.setAttribute(badgeElement, 'data-slot', 'badge');
|
|
210
|
+
this.renderer.setAttribute(badgeElement, 'data-tone', this.tngBadgeTone());
|
|
211
|
+
this.renderer.setAttribute(badgeElement, 'data-variant', this.tngBadgeVariant());
|
|
212
|
+
if (this.tngBadgeDisabled()) {
|
|
213
|
+
this.renderer.setAttribute(badgeElement, 'data-disabled', '');
|
|
214
|
+
}
|
|
215
|
+
else {
|
|
216
|
+
this.renderer.removeAttribute(badgeElement, 'data-disabled');
|
|
217
|
+
}
|
|
218
|
+
if (this.tngBadgeDot()) {
|
|
219
|
+
this.renderer.setAttribute(badgeElement, 'data-dot', '');
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
this.renderer.removeAttribute(badgeElement, 'data-dot');
|
|
223
|
+
}
|
|
224
|
+
patchBadgeClasses() {
|
|
225
|
+
if (this.badgeElement === null) {
|
|
226
|
+
return;
|
|
227
|
+
}
|
|
228
|
+
const badgeElement = this.badgeElement;
|
|
229
|
+
const className = this.tngBadgeClass() ?? '';
|
|
230
|
+
const normalizedClassName = className.trim();
|
|
231
|
+
const classes = normalizedClassName.length > 0 ? `tng-badge ${normalizedClassName}` : 'tng-badge';
|
|
232
|
+
this.renderer.setAttribute(badgeElement, 'class', classes);
|
|
233
|
+
}
|
|
234
|
+
patchBadgeContent(content) {
|
|
235
|
+
if (this.badgeElement === null) {
|
|
236
|
+
return;
|
|
237
|
+
}
|
|
238
|
+
this.renderer.setProperty(this.badgeElement, 'textContent', content);
|
|
239
|
+
}
|
|
240
|
+
patchBadgeCustomStyles() {
|
|
241
|
+
if (this.badgeElement === null) {
|
|
242
|
+
return;
|
|
243
|
+
}
|
|
244
|
+
const badgeElement = this.badgeElement;
|
|
245
|
+
const nextStyleKeys = new Set();
|
|
246
|
+
const styleMap = this.tngBadgeStyle();
|
|
247
|
+
if (styleMap !== null && styleMap !== undefined) {
|
|
248
|
+
for (const [key, value] of Object.entries(styleMap)) {
|
|
249
|
+
this.renderer.setStyle(badgeElement, key, String(value));
|
|
250
|
+
nextStyleKeys.add(key);
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
for (const key of this.customStyleKeys) {
|
|
254
|
+
if (!nextStyleKeys.has(key)) {
|
|
255
|
+
this.renderer.removeStyle(badgeElement, key);
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
this.customStyleKeys.clear();
|
|
259
|
+
for (const key of nextStyleKeys) {
|
|
260
|
+
this.customStyleKeys.add(key);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
patchBadgePlacement() {
|
|
264
|
+
if (this.badgeElement === null) {
|
|
265
|
+
return;
|
|
266
|
+
}
|
|
267
|
+
const placement = resolveTngBadgePlacement(this.tngBadgePosition());
|
|
268
|
+
this.setNullableStyle('bottom', placement.bottom);
|
|
269
|
+
this.setNullableStyle('left', placement.left);
|
|
270
|
+
this.setNullableStyle('right', placement.right);
|
|
271
|
+
this.setNullableStyle('top', placement.top);
|
|
272
|
+
const offsetX = toTngBadgeCssLength(this.tngBadgeOffsetX()) ?? '0px';
|
|
273
|
+
const offsetY = toTngBadgeCssLength(this.tngBadgeOffsetY()) ?? '0px';
|
|
274
|
+
const transform = `${placement.transform} translate(${offsetX}, ${offsetY})`;
|
|
275
|
+
this.renderer.setStyle(this.badgeElement, 'transform', transform);
|
|
276
|
+
}
|
|
277
|
+
patchBadgeVisualStyles() {
|
|
278
|
+
if (this.badgeElement === null) {
|
|
279
|
+
return;
|
|
280
|
+
}
|
|
281
|
+
const badgeElement = this.badgeElement;
|
|
282
|
+
const toneColors = resolveTngBadgeToneColors(this.tngBadgeTone());
|
|
283
|
+
const sharedStyles = this.resolveSharedStyles(toneColors);
|
|
284
|
+
for (const [property, value] of sharedStyles) {
|
|
285
|
+
this.renderer.setStyle(badgeElement, property, value);
|
|
286
|
+
}
|
|
287
|
+
if (this.tngBadgeDot()) {
|
|
288
|
+
this.patchDotStyles();
|
|
289
|
+
return;
|
|
290
|
+
}
|
|
291
|
+
this.patchContentStyles();
|
|
292
|
+
}
|
|
293
|
+
patchContentStyles() {
|
|
294
|
+
if (this.badgeElement === null) {
|
|
295
|
+
return;
|
|
296
|
+
}
|
|
297
|
+
this.renderer.setStyle(this.badgeElement, 'height', 'var(--tng-badge-size, 1.125rem)');
|
|
298
|
+
this.renderer.setStyle(this.badgeElement, 'min-width', 'var(--tng-badge-size, 1.125rem)');
|
|
299
|
+
this.renderer.setStyle(this.badgeElement, 'padding-inline', 'var(--tng-badge-padding-x, 0.3rem)');
|
|
300
|
+
}
|
|
301
|
+
patchDotStyles() {
|
|
302
|
+
if (this.badgeElement === null) {
|
|
303
|
+
return;
|
|
304
|
+
}
|
|
305
|
+
this.renderer.setStyle(this.badgeElement, 'height', 'var(--tng-badge-dot-size, 0.625rem)');
|
|
306
|
+
this.renderer.setStyle(this.badgeElement, 'min-width', 'var(--tng-badge-dot-size, 0.625rem)');
|
|
307
|
+
this.renderer.setStyle(this.badgeElement, 'padding-inline', '0');
|
|
308
|
+
}
|
|
309
|
+
resolveSharedStyles(toneColors) {
|
|
310
|
+
return [
|
|
311
|
+
['align-items', 'center'],
|
|
312
|
+
['background', `var(--tng-badge-bg, ${toneColors.background})`],
|
|
313
|
+
['border-radius', 'var(--tng-badge-radius, 9999px)'],
|
|
314
|
+
['box-sizing', 'border-box'],
|
|
315
|
+
['color', `var(--tng-badge-fg, ${toneColors.foreground})`],
|
|
316
|
+
['display', 'inline-flex'],
|
|
317
|
+
['font-size', 'var(--tng-badge-font-size, 0.7rem)'],
|
|
318
|
+
['font-weight', 'var(--tng-badge-font-weight, 700)'],
|
|
319
|
+
['justify-content', 'center'],
|
|
320
|
+
['line-height', '1'],
|
|
321
|
+
['pointer-events', 'none'],
|
|
322
|
+
['position', 'absolute'],
|
|
323
|
+
['white-space', 'nowrap'],
|
|
324
|
+
['z-index', 'var(--tng-badge-z-index, 1)'],
|
|
325
|
+
];
|
|
326
|
+
}
|
|
327
|
+
setNullableStyle(property, value) {
|
|
328
|
+
if (this.badgeElement === null) {
|
|
329
|
+
return;
|
|
330
|
+
}
|
|
331
|
+
if (value === null) {
|
|
332
|
+
this.renderer.removeStyle(this.badgeElement, property);
|
|
333
|
+
return;
|
|
334
|
+
}
|
|
335
|
+
this.renderer.setStyle(this.badgeElement, property, value);
|
|
336
|
+
}
|
|
337
|
+
};
|
|
338
|
+
TngBadge = __decorate([
|
|
339
|
+
Directive({
|
|
340
|
+
selector: '[tngBadge]',
|
|
341
|
+
exportAs: 'tngBadge',
|
|
342
|
+
})
|
|
343
|
+
], TngBadge);
|
|
344
|
+
export { TngBadge };
|
|
345
|
+
//# sourceMappingURL=tng-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-badge.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/badge/tng-badge.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n booleanAttribute,\n Directive,\n effect,\n ElementRef,\n inject,\n input,\n type OnDestroy,\n Renderer2,\n} from '@angular/core';\n\nconst badgePositions = ['bottom-end', 'bottom-start', 'top-end', 'top-start'] as const;\nconst badgeSizes = ['lg', 'md', 'sm'] as const;\nconst badgeTones = ['danger', 'info', 'neutral', 'success', 'warning'] as const;\nconst badgeVariants = ['outline', 'soft', 'solid'] as const;\n\nconst badgePositionSet = new Set<TngBadgePosition>(badgePositions);\nconst badgeSizeSet = new Set<TngBadgeSize>(badgeSizes);\nconst badgeToneSet = new Set<TngBadgeTone>(badgeTones);\nconst badgeVariantSet = new Set<TngBadgeVariant>(badgeVariants);\n\nconst defaultBadgeMax = 99;\nconst defaultBadgePosition: TngBadgePosition = 'top-end';\nconst defaultBadgeSize: TngBadgeSize = 'md';\nconst defaultBadgeTone: TngBadgeTone = 'danger';\nconst defaultBadgeVariant: TngBadgeVariant = 'solid';\n\nexport type TngBadgePosition = (typeof badgePositions)[number];\nexport type TngBadgeSize = (typeof badgeSizes)[number];\nexport type TngBadgeStyleMap = Readonly<Record<string, number | string>>;\nexport type TngBadgeTone = (typeof badgeTones)[number];\nexport type TngBadgeVariant = (typeof badgeVariants)[number];\n\ntype TngBadgeToneColors = Readonly<{\n background: string;\n foreground: string;\n}>;\n\ntype TngResolvedBadgePlacement = Readonly<{\n bottom: string | null;\n left: string | null;\n right: string | null;\n top: string | null;\n transform: string;\n}>;\n\nfunction isNonEmptyText(value: string): boolean {\n return value.trim().length > 0;\n}\n\nfunction toNumber(value: number | string): number {\n return typeof value === 'number' ? value : Number(value);\n}\n\nfunction toRoundedNonNegative(value: number): number {\n return Math.max(0, Math.round(value));\n}\n\nexport function normalizeTngBadgeMax(value: number): number {\n if (!Number.isFinite(value)) {\n return defaultBadgeMax;\n }\n\n return toRoundedNonNegative(value);\n}\n\nexport function coerceTngBadgeMax(value: number | string): number {\n return normalizeTngBadgeMax(toNumber(value));\n}\n\nexport function coerceTngBadgePosition(value: string): TngBadgePosition {\n if (badgePositionSet.has(value as TngBadgePosition)) {\n return value as TngBadgePosition;\n }\n\n return defaultBadgePosition;\n}\n\nexport function coerceTngBadgeSize(value: string): TngBadgeSize {\n if (badgeSizeSet.has(value as TngBadgeSize)) {\n return value as TngBadgeSize;\n }\n\n return defaultBadgeSize;\n}\n\nexport function coerceTngBadgeTone(value: string): TngBadgeTone {\n if (badgeToneSet.has(value as TngBadgeTone)) {\n return value as TngBadgeTone;\n }\n\n return defaultBadgeTone;\n}\n\nexport function coerceTngBadgeVariant(value: string): TngBadgeVariant {\n if (badgeVariantSet.has(value as TngBadgeVariant)) {\n return value as TngBadgeVariant;\n }\n\n return defaultBadgeVariant;\n}\n\nexport function resolveTngBadgeContent(\n value: number | string | null | undefined,\n max: number,\n dot: boolean,\n): string {\n if (dot || value === null || value === undefined) {\n return '';\n }\n\n if (typeof value === 'number') {\n if (!Number.isFinite(value)) {\n return '';\n }\n\n const normalized = toRoundedNonNegative(value);\n if (normalized > max) {\n return `${max}+`;\n }\n\n return String(normalized);\n }\n\n return isNonEmptyText(value) ? value : '';\n}\n\nexport function resolveTngBadgePlacement(position: TngBadgePosition): TngResolvedBadgePlacement {\n if (position === 'top-start') {\n return { bottom: null, left: '0', right: null, top: '0', transform: 'translate(-50%, -50%)' };\n }\n\n if (position === 'bottom-start') {\n return { bottom: '0', left: '0', right: null, top: null, transform: 'translate(-50%, 50%)' };\n }\n\n if (position === 'bottom-end') {\n return { bottom: '0', left: null, right: '0', top: null, transform: 'translate(50%, 50%)' };\n }\n\n return { bottom: null, left: null, right: '0', top: '0', transform: 'translate(50%, -50%)' };\n}\n\nexport function toTngBadgeCssLength(value: number | string | null | undefined): string | null {\n if (value === null || value === undefined) {\n return null;\n }\n\n if (typeof value === 'number') {\n if (!Number.isFinite(value)) {\n return null;\n }\n\n return `${value}px`;\n }\n\n return isNonEmptyText(value) ? value.trim() : null;\n}\n\nfunction resolveTngBadgeToneColors(tone: TngBadgeTone): TngBadgeToneColors {\n if (tone === 'success') {\n return { background: '#16a34a', foreground: '#f0fdf4' };\n }\n\n if (tone === 'warning') {\n return { background: '#d97706', foreground: '#fffbeb' };\n }\n\n if (tone === 'danger') {\n return { background: '#dc2626', foreground: '#fef2f2' };\n }\n\n if (tone === 'neutral') {\n return { background: '#334155', foreground: '#f8fafc' };\n }\n\n return { background: '#2563eb', foreground: '#eff6ff' };\n}\n\nfunction hasVisibleBadge(hidden: boolean, dot: boolean, content: string): boolean {\n if (hidden) {\n return false;\n }\n\n return dot || content.length > 0;\n}\n\n@Directive({\n selector: '[tngBadge]',\n exportAs: 'tngBadge',\n})\nexport class TngBadge implements OnDestroy {\n public readonly tngBadge = input<number | string | null | undefined>(null);\n public readonly tngBadgeClass = input<string | null | undefined>(null);\n public readonly tngBadgeDisabled = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly tngBadgeStyle = input<TngBadgeStyleMap | null | undefined>(null);\n public readonly tngBadgeDot = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly tngBadgeHidden = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly tngBadgeMax = input<number, number | string>(defaultBadgeMax, {\n transform: coerceTngBadgeMax,\n });\n public readonly tngBadgeOffsetX = input<number | string | null | undefined>(null);\n public readonly tngBadgeOffsetY = input<number | string | null | undefined>(null);\n public readonly tngBadgePosition = input<TngBadgePosition, string>(defaultBadgePosition, {\n transform: coerceTngBadgePosition,\n });\n public readonly tngBadgeSize = input<TngBadgeSize, string>(defaultBadgeSize, {\n transform: coerceTngBadgeSize,\n });\n public readonly tngBadgeTone = input<TngBadgeTone, string>(defaultBadgeTone, {\n transform: coerceTngBadgeTone,\n });\n public readonly tngBadgeVariant = input<TngBadgeVariant, string>(defaultBadgeVariant, {\n transform: coerceTngBadgeVariant,\n });\n\n private readonly hostElement = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n private readonly renderer = inject(Renderer2);\n private badgeElement: HTMLElement | null = null;\n private readonly customStyleKeys = new Set<string>();\n\n public constructor() {\n this.configureHost();\n effect((): void => {\n this.renderBadge();\n });\n }\n\n public ngOnDestroy(): void {\n this.destroyBadge();\n }\n\n private configureHost(): void {\n this.renderer.addClass(this.hostElement, 'tng-badge-host');\n this.renderer.setAttribute(this.hostElement, 'data-tng-badge-host', '');\n\n if (this.hostElement.style.position.length === 0) {\n this.renderer.setStyle(this.hostElement, 'position', 'relative');\n }\n }\n\n private renderBadge(): void {\n const content = resolveTngBadgeContent(this.tngBadge(), this.tngBadgeMax(), this.tngBadgeDot());\n if (!hasVisibleBadge(this.tngBadgeHidden(), this.tngBadgeDot(), content)) {\n this.destroyBadge();\n return;\n }\n\n this.ensureBadgeElement();\n this.patchBadgeClasses();\n this.patchBadgeAttributes();\n this.patchBadgePlacement();\n this.patchBadgeVisualStyles();\n this.patchBadgeCustomStyles();\n this.patchBadgeContent(content);\n }\n\n private ensureBadgeElement(): HTMLElement {\n if (this.badgeElement !== null) {\n return this.badgeElement;\n }\n\n const badgeElement = this.renderer.createElement('span') as HTMLElement;\n this.renderer.appendChild(this.hostElement, badgeElement);\n this.badgeElement = badgeElement;\n return badgeElement;\n }\n\n private destroyBadge(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n this.renderer.removeChild(this.hostElement, this.badgeElement);\n this.badgeElement = null;\n this.customStyleKeys.clear();\n }\n\n private patchBadgeAttributes(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n const badgeElement = this.badgeElement;\n this.renderer.setAttribute(badgeElement, 'aria-hidden', 'true');\n this.renderer.setAttribute(badgeElement, 'data-placement', this.tngBadgePosition());\n this.renderer.setAttribute(badgeElement, 'data-position', this.tngBadgePosition());\n this.renderer.setAttribute(badgeElement, 'data-size', this.tngBadgeSize());\n this.renderer.setAttribute(badgeElement, 'data-slot', 'badge');\n this.renderer.setAttribute(badgeElement, 'data-tone', this.tngBadgeTone());\n this.renderer.setAttribute(badgeElement, 'data-variant', this.tngBadgeVariant());\n\n if (this.tngBadgeDisabled()) {\n this.renderer.setAttribute(badgeElement, 'data-disabled', '');\n } else {\n this.renderer.removeAttribute(badgeElement, 'data-disabled');\n }\n\n if (this.tngBadgeDot()) {\n this.renderer.setAttribute(badgeElement, 'data-dot', '');\n return;\n }\n\n this.renderer.removeAttribute(badgeElement, 'data-dot');\n }\n\n private patchBadgeClasses(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n const badgeElement = this.badgeElement;\n const className = this.tngBadgeClass() ?? '';\n const normalizedClassName = className.trim();\n const classes =\n normalizedClassName.length > 0 ? `tng-badge ${normalizedClassName}` : 'tng-badge';\n this.renderer.setAttribute(badgeElement, 'class', classes);\n }\n\n private patchBadgeContent(content: string): void {\n if (this.badgeElement === null) {\n return;\n }\n\n this.renderer.setProperty(this.badgeElement, 'textContent', content);\n }\n\n private patchBadgeCustomStyles(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n const badgeElement = this.badgeElement;\n const nextStyleKeys = new Set<string>();\n const styleMap = this.tngBadgeStyle();\n if (styleMap !== null && styleMap !== undefined) {\n for (const [key, value] of Object.entries(styleMap)) {\n this.renderer.setStyle(badgeElement, key, String(value));\n nextStyleKeys.add(key);\n }\n }\n\n for (const key of this.customStyleKeys) {\n if (!nextStyleKeys.has(key)) {\n this.renderer.removeStyle(badgeElement, key);\n }\n }\n\n this.customStyleKeys.clear();\n for (const key of nextStyleKeys) {\n this.customStyleKeys.add(key);\n }\n }\n\n private patchBadgePlacement(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n const placement = resolveTngBadgePlacement(this.tngBadgePosition());\n this.setNullableStyle('bottom', placement.bottom);\n this.setNullableStyle('left', placement.left);\n this.setNullableStyle('right', placement.right);\n this.setNullableStyle('top', placement.top);\n\n const offsetX = toTngBadgeCssLength(this.tngBadgeOffsetX()) ?? '0px';\n const offsetY = toTngBadgeCssLength(this.tngBadgeOffsetY()) ?? '0px';\n const transform = `${placement.transform} translate(${offsetX}, ${offsetY})`;\n this.renderer.setStyle(this.badgeElement, 'transform', transform);\n }\n\n private patchBadgeVisualStyles(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n const badgeElement = this.badgeElement;\n const toneColors = resolveTngBadgeToneColors(this.tngBadgeTone());\n const sharedStyles = this.resolveSharedStyles(toneColors);\n for (const [property, value] of sharedStyles) {\n this.renderer.setStyle(badgeElement, property, value);\n }\n\n if (this.tngBadgeDot()) {\n this.patchDotStyles();\n return;\n }\n\n this.patchContentStyles();\n }\n\n private patchContentStyles(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n this.renderer.setStyle(this.badgeElement, 'height', 'var(--tng-badge-size, 1.125rem)');\n this.renderer.setStyle(this.badgeElement, 'min-width', 'var(--tng-badge-size, 1.125rem)');\n this.renderer.setStyle(\n this.badgeElement,\n 'padding-inline',\n 'var(--tng-badge-padding-x, 0.3rem)',\n );\n }\n\n private patchDotStyles(): void {\n if (this.badgeElement === null) {\n return;\n }\n\n this.renderer.setStyle(this.badgeElement, 'height', 'var(--tng-badge-dot-size, 0.625rem)');\n this.renderer.setStyle(this.badgeElement, 'min-width', 'var(--tng-badge-dot-size, 0.625rem)');\n this.renderer.setStyle(this.badgeElement, 'padding-inline', '0');\n }\n\n private resolveSharedStyles(\n toneColors: TngBadgeToneColors,\n ): readonly Readonly<[string, string]>[] {\n return [\n ['align-items', 'center'],\n ['background', `var(--tng-badge-bg, ${toneColors.background})`],\n ['border-radius', 'var(--tng-badge-radius, 9999px)'],\n ['box-sizing', 'border-box'],\n ['color', `var(--tng-badge-fg, ${toneColors.foreground})`],\n ['display', 'inline-flex'],\n ['font-size', 'var(--tng-badge-font-size, 0.7rem)'],\n ['font-weight', 'var(--tng-badge-font-weight, 700)'],\n ['justify-content', 'center'],\n ['line-height', '1'],\n ['pointer-events', 'none'],\n ['position', 'absolute'],\n ['white-space', 'nowrap'],\n ['z-index', 'var(--tng-badge-z-index, 1)'],\n ];\n }\n\n private setNullableStyle(property: string, value: string | null): void {\n if (this.badgeElement === null) {\n return;\n }\n\n if (value === null) {\n this.renderer.removeStyle(this.badgeElement, property);\n return;\n }\n\n this.renderer.setStyle(this.badgeElement, property, value);\n }\n}\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare class TngCodeBlock {
|
|
2
|
+
protected readonly dataSlot: "code-block";
|
|
3
|
+
}
|
|
4
|
+
export declare class TngCodeBlockHeader {
|
|
5
|
+
protected readonly dataSlot: "code-block-header";
|
|
6
|
+
}
|
|
7
|
+
export declare class TngCodeBlockBody {
|
|
8
|
+
protected readonly dataSlot: "code-block-body";
|
|
9
|
+
}
|
|
10
|
+
export declare class TngCodeBlockGutter {
|
|
11
|
+
protected readonly dataSlot: "code-block-gutter";
|
|
12
|
+
}
|
|
13
|
+
export declare class TngCodeBlockCode {
|
|
14
|
+
protected readonly dataSlot: "code-block-code";
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=tng-code-block.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-code-block.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/code-block/tng-code-block.ts"],"names":[],"mappings":"AAEA,qBAIa,YAAY;IAEvB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,YAAY,CAAU;CACrD;AAED,qBAIa,kBAAkB;IAE7B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;CAC5D;AAED,qBAIa,gBAAgB;IAE3B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,iBAAiB,CAAU;CAC1D;AAED,qBAIa,kBAAkB;IAE7B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;CAC5D;AAED,qBAIa,gBAAgB;IAE3B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,iBAAiB,CAAU;CAC1D"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Directive, HostBinding } from '@angular/core';
|
|
3
|
+
let TngCodeBlock = class TngCodeBlock {
|
|
4
|
+
dataSlot = 'code-block';
|
|
5
|
+
};
|
|
6
|
+
__decorate([
|
|
7
|
+
HostBinding('attr.data-slot')
|
|
8
|
+
], TngCodeBlock.prototype, "dataSlot", void 0);
|
|
9
|
+
TngCodeBlock = __decorate([
|
|
10
|
+
Directive({
|
|
11
|
+
selector: '[tngCodeBlock]',
|
|
12
|
+
exportAs: 'tngCodeBlock',
|
|
13
|
+
})
|
|
14
|
+
], TngCodeBlock);
|
|
15
|
+
export { TngCodeBlock };
|
|
16
|
+
let TngCodeBlockHeader = class TngCodeBlockHeader {
|
|
17
|
+
dataSlot = 'code-block-header';
|
|
18
|
+
};
|
|
19
|
+
__decorate([
|
|
20
|
+
HostBinding('attr.data-slot')
|
|
21
|
+
], TngCodeBlockHeader.prototype, "dataSlot", void 0);
|
|
22
|
+
TngCodeBlockHeader = __decorate([
|
|
23
|
+
Directive({
|
|
24
|
+
selector: '[tngCodeBlockHeader]',
|
|
25
|
+
exportAs: 'tngCodeBlockHeader',
|
|
26
|
+
})
|
|
27
|
+
], TngCodeBlockHeader);
|
|
28
|
+
export { TngCodeBlockHeader };
|
|
29
|
+
let TngCodeBlockBody = class TngCodeBlockBody {
|
|
30
|
+
dataSlot = 'code-block-body';
|
|
31
|
+
};
|
|
32
|
+
__decorate([
|
|
33
|
+
HostBinding('attr.data-slot')
|
|
34
|
+
], TngCodeBlockBody.prototype, "dataSlot", void 0);
|
|
35
|
+
TngCodeBlockBody = __decorate([
|
|
36
|
+
Directive({
|
|
37
|
+
selector: '[tngCodeBlockBody]',
|
|
38
|
+
exportAs: 'tngCodeBlockBody',
|
|
39
|
+
})
|
|
40
|
+
], TngCodeBlockBody);
|
|
41
|
+
export { TngCodeBlockBody };
|
|
42
|
+
let TngCodeBlockGutter = class TngCodeBlockGutter {
|
|
43
|
+
dataSlot = 'code-block-gutter';
|
|
44
|
+
};
|
|
45
|
+
__decorate([
|
|
46
|
+
HostBinding('attr.data-slot')
|
|
47
|
+
], TngCodeBlockGutter.prototype, "dataSlot", void 0);
|
|
48
|
+
TngCodeBlockGutter = __decorate([
|
|
49
|
+
Directive({
|
|
50
|
+
selector: '[tngCodeBlockGutter]',
|
|
51
|
+
exportAs: 'tngCodeBlockGutter',
|
|
52
|
+
})
|
|
53
|
+
], TngCodeBlockGutter);
|
|
54
|
+
export { TngCodeBlockGutter };
|
|
55
|
+
let TngCodeBlockCode = class TngCodeBlockCode {
|
|
56
|
+
dataSlot = 'code-block-code';
|
|
57
|
+
};
|
|
58
|
+
__decorate([
|
|
59
|
+
HostBinding('attr.data-slot')
|
|
60
|
+
], TngCodeBlockCode.prototype, "dataSlot", void 0);
|
|
61
|
+
TngCodeBlockCode = __decorate([
|
|
62
|
+
Directive({
|
|
63
|
+
selector: '[tngCodeBlockCode]',
|
|
64
|
+
exportAs: 'tngCodeBlockCode',
|
|
65
|
+
})
|
|
66
|
+
], TngCodeBlockCode);
|
|
67
|
+
export { TngCodeBlockCode };
|
|
68
|
+
//# sourceMappingURL=tng-code-block.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-code-block.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/code-block/tng-code-block.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,YAAY,GAAlB,MAAM,YAAY;IAEJ,QAAQ,GAAG,YAAqB,CAAC;CACrD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;8CACsB;AAFzC,YAAY;IAJxB,SAAS,CAAC;QACT,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,cAAc;KACzB,CAAC;GACW,YAAY,CAGxB;;AAMM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAEV,QAAQ,GAAG,mBAA4B,CAAC;CAC5D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;oDAC6B;AAFhD,kBAAkB;IAJ9B,SAAS,CAAC;QACT,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC;GACW,kBAAkB,CAG9B;;AAMM,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAER,QAAQ,GAAG,iBAA0B,CAAC;CAC1D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;kDAC2B;AAF9C,gBAAgB;IAJ5B,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,kBAAkB;KAC7B,CAAC;GACW,gBAAgB,CAG5B;;AAMM,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAEV,QAAQ,GAAG,mBAA4B,CAAC;CAC5D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;oDAC6B;AAFhD,kBAAkB;IAJ9B,SAAS,CAAC;QACT,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,oBAAoB;KAC/B,CAAC;GACW,kBAAkB,CAG9B;;AAMM,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IAER,QAAQ,GAAG,iBAA0B,CAAC;CAC1D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;kDAC2B;AAF9C,gBAAgB;IAJ5B,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,kBAAkB;KAC7B,CAAC;GACW,gBAAgB,CAG5B","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[tngCodeBlock]',\n exportAs: 'tngCodeBlock',\n})\nexport class TngCodeBlock {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'code-block' as const;\n}\n\n@Directive({\n selector: '[tngCodeBlockHeader]',\n exportAs: 'tngCodeBlockHeader',\n})\nexport class TngCodeBlockHeader {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'code-block-header' as const;\n}\n\n@Directive({\n selector: '[tngCodeBlockBody]',\n exportAs: 'tngCodeBlockBody',\n})\nexport class TngCodeBlockBody {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'code-block-body' as const;\n}\n\n@Directive({\n selector: '[tngCodeBlockGutter]',\n exportAs: 'tngCodeBlockGutter',\n})\nexport class TngCodeBlockGutter {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'code-block-gutter' as const;\n}\n\n@Directive({\n selector: '[tngCodeBlockCode]',\n exportAs: 'tngCodeBlockCode',\n})\nexport class TngCodeBlockCode {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'code-block-code' as const;\n}\n"]}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { type Signal } from '@angular/core';
|
|
2
|
+
import type { ElementRef as NgElementRef } from '@angular/core';
|
|
3
|
+
type TngCopyElementRef = Readonly<NgElementRef<HTMLElement>>;
|
|
4
|
+
type TngCopySourceElement = Readonly<HTMLElement>;
|
|
5
|
+
export type TngCopyFromTarget = TngCopyElementRef | TngCopySourceElement | string | null | undefined;
|
|
6
|
+
export type TngCopyIgnoreSelectorsInput = readonly string[] | string | null | undefined;
|
|
7
|
+
export type TngCopyButtonTextInput = string | (() => string) | Signal<string> | null | undefined;
|
|
8
|
+
export type TngCopyButtonTrigger = 'keyboard' | 'pointer' | 'programmatic';
|
|
9
|
+
export type TngCopyButtonStatus = 'copying' | 'error' | 'idle' | 'success';
|
|
10
|
+
export type TngCopyFormat = 'text/html' | 'text/plain';
|
|
11
|
+
export type TngCopyMethod = 'clipboard' | 'execCommand';
|
|
12
|
+
export type TngCopyAnnounce = boolean | 'auto';
|
|
13
|
+
export interface TngCopyEvent {
|
|
14
|
+
text: string;
|
|
15
|
+
trigger: TngCopyButtonTrigger;
|
|
16
|
+
}
|
|
17
|
+
export interface TngCopySuccessEvent {
|
|
18
|
+
method: TngCopyMethod;
|
|
19
|
+
text: string;
|
|
20
|
+
}
|
|
21
|
+
export interface TngCopyErrorEvent {
|
|
22
|
+
error: unknown;
|
|
23
|
+
}
|
|
24
|
+
export declare const defaultTngCopyIgnoreSelectors: readonly string[];
|
|
25
|
+
export declare const defaultTngCopySuccessDurationMs = 1500;
|
|
26
|
+
export declare const defaultTngCopySuccessAnnouncement = "Copied to clipboard";
|
|
27
|
+
export declare const defaultTngCopyErrorAnnouncement = "Copy failed";
|
|
28
|
+
export declare function normalizeTngCopyIgnoreSelectors(value: TngCopyIgnoreSelectorsInput): readonly string[];
|
|
29
|
+
export declare function resolveTngCopyPayload(directText: string | null | undefined, sourceText: string | null): string | null;
|
|
30
|
+
export declare function writeTngClipboardText(text: string, ownerDocument: unknown, format?: TngCopyFormat): Promise<TngCopyMethod>;
|
|
31
|
+
export declare class TngCopy {
|
|
32
|
+
readonly tngCopy: import("@angular/core").OutputEmitterRef<TngCopyEvent>;
|
|
33
|
+
readonly tngCopyButtonText: import("@angular/core").InputSignal<TngCopyButtonTextInput>;
|
|
34
|
+
readonly tngCopyButtonTarget: import("@angular/core").InputSignal<TngCopyFromTarget>;
|
|
35
|
+
readonly tngCopyButtonFormat: import("@angular/core").InputSignalWithTransform<TngCopyFormat, string | null | undefined>;
|
|
36
|
+
readonly tngCopyButtonSuccessDurationMs: import("@angular/core").InputSignalWithTransform<number, string | number>;
|
|
37
|
+
readonly tngCopyButtonDisabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
|
|
38
|
+
readonly tngCopyButtonHotkey: import("@angular/core").InputSignal<string | null>;
|
|
39
|
+
readonly tngCopyButtonAnnounce: import("@angular/core").InputSignalWithTransform<TngCopyAnnounce, string | boolean | null | undefined>;
|
|
40
|
+
readonly tngCopyButtonSuccessMessage: import("@angular/core").InputSignal<string>;
|
|
41
|
+
readonly tngCopyButtonErrorMessage: import("@angular/core").InputSignal<string>;
|
|
42
|
+
readonly tngCopyDisabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
|
|
43
|
+
readonly tngCopied: import("@angular/core").OutputEmitterRef<string>;
|
|
44
|
+
readonly tngCopySuccess: import("@angular/core").OutputEmitterRef<TngCopySuccessEvent>;
|
|
45
|
+
readonly tngCopyError: import("@angular/core").OutputEmitterRef<TngCopyErrorEvent>;
|
|
46
|
+
readonly tngCopyFrom: import("@angular/core").InputSignal<TngCopyFromTarget>;
|
|
47
|
+
readonly tngCopyIgnoreSelectors: import("@angular/core").InputSignalWithTransform<readonly string[], TngCopyIgnoreSelectorsInput>;
|
|
48
|
+
readonly tngCopyText: import("@angular/core").InputSignal<string | null | undefined>;
|
|
49
|
+
readonly tngCopyAnnounced: import("@angular/core").OutputEmitterRef<string>;
|
|
50
|
+
readonly status: import("@angular/core").WritableSignal<TngCopyButtonStatus>;
|
|
51
|
+
readonly lastCopiedText: import("@angular/core").WritableSignal<string | null>;
|
|
52
|
+
readonly error: import("@angular/core").WritableSignal<unknown>;
|
|
53
|
+
private readonly hostElement;
|
|
54
|
+
private readonly destroyRef;
|
|
55
|
+
private successResetTimer;
|
|
56
|
+
private copying;
|
|
57
|
+
protected get dataCopyDisabledAttr(): '' | null;
|
|
58
|
+
protected get ariaDisabledAttr(): 'true' | null;
|
|
59
|
+
protected get disabledAttr(): '' | null;
|
|
60
|
+
constructor();
|
|
61
|
+
protected onHostClick(...args: readonly unknown[]): void;
|
|
62
|
+
protected onHostKeyDown(...args: readonly unknown[]): void;
|
|
63
|
+
copy(): Promise<boolean>;
|
|
64
|
+
private shouldAnnounce;
|
|
65
|
+
private isDisabled;
|
|
66
|
+
private isHostOrChildFocused;
|
|
67
|
+
private clearSuccessResetTimer;
|
|
68
|
+
private scheduleSuccessReset;
|
|
69
|
+
private announce;
|
|
70
|
+
private emitError;
|
|
71
|
+
private tryCopy;
|
|
72
|
+
private resolvePayload;
|
|
73
|
+
}
|
|
74
|
+
export {};
|
|
75
|
+
//# sourceMappingURL=tng-copy.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tng-copy.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/utility/copy/tng-copy.ts"],"names":[],"mappings":"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"}
|