@ngbase/adk 0.1.10 → 0.1.12
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/a11y/index.d.ts +151 -5
- package/accordion/index.d.ts +44 -5
- package/autocomplete/index.d.ts +54 -5
- package/avatar/index.d.ts +25 -5
- package/bidi/index.d.ts +17 -5
- package/breadcrumb/index.d.ts +36 -5
- package/cache/index.d.ts +46 -5
- package/carousel/index.d.ts +79 -5
- package/checkbox/index.d.ts +33 -5
- package/chip/index.d.ts +28 -5
- package/clipboard/index.d.ts +11 -5
- package/collections/index.d.ts +23 -5
- package/color-picker/index.d.ts +119 -5
- package/cookies/index.d.ts +35 -5
- package/datepicker/index.d.ts +317 -5
- package/dialog/index.d.ts +63 -5
- package/drag/index.d.ts +107 -5
- package/fesm2022/ngbase-adk-a11y.mjs +100 -74
- package/fesm2022/ngbase-adk-a11y.mjs.map +1 -1
- package/fesm2022/ngbase-adk-accordion.mjs +31 -19
- package/fesm2022/ngbase-adk-accordion.mjs.map +1 -1
- package/fesm2022/ngbase-adk-autocomplete.mjs +17 -17
- package/fesm2022/ngbase-adk-autocomplete.mjs.map +1 -1
- package/fesm2022/ngbase-adk-avatar.mjs +16 -16
- package/fesm2022/ngbase-adk-avatar.mjs.map +1 -1
- package/fesm2022/ngbase-adk-bidi.mjs +6 -7
- package/fesm2022/ngbase-adk-bidi.mjs.map +1 -1
- package/fesm2022/ngbase-adk-breadcrumb.mjs +15 -15
- package/fesm2022/ngbase-adk-breadcrumb.mjs.map +1 -1
- package/fesm2022/ngbase-adk-cache.mjs +3 -3
- package/fesm2022/ngbase-adk-carousel.mjs +24 -24
- package/fesm2022/ngbase-adk-carousel.mjs.map +1 -1
- package/fesm2022/ngbase-adk-checkbox.mjs +10 -10
- package/fesm2022/ngbase-adk-checkbox.mjs.map +1 -1
- package/fesm2022/ngbase-adk-chip.mjs +13 -13
- package/fesm2022/ngbase-adk-chip.mjs.map +1 -1
- package/fesm2022/ngbase-adk-clipboard.mjs +27 -12
- package/fesm2022/ngbase-adk-clipboard.mjs.map +1 -1
- package/fesm2022/ngbase-adk-collections.mjs +5 -5
- package/fesm2022/ngbase-adk-collections.mjs.map +1 -1
- package/fesm2022/ngbase-adk-color-picker.mjs +39 -39
- package/fesm2022/ngbase-adk-color-picker.mjs.map +1 -1
- package/fesm2022/ngbase-adk-cookies.mjs +3 -3
- package/fesm2022/ngbase-adk-datepicker.mjs +107 -107
- package/fesm2022/ngbase-adk-datepicker.mjs.map +1 -1
- package/fesm2022/ngbase-adk-dialog.mjs +39 -109
- package/fesm2022/ngbase-adk-dialog.mjs.map +1 -1
- package/fesm2022/ngbase-adk-drag.mjs +21 -22
- package/fesm2022/ngbase-adk-drag.mjs.map +1 -1
- package/fesm2022/ngbase-adk-form-field.mjs +206 -31
- package/fesm2022/ngbase-adk-form-field.mjs.map +1 -1
- package/fesm2022/ngbase-adk-hover-card.mjs +6 -6
- package/fesm2022/ngbase-adk-hover-card.mjs.map +1 -1
- package/fesm2022/ngbase-adk-icon.mjs +10 -10
- package/fesm2022/ngbase-adk-icon.mjs.map +1 -1
- package/fesm2022/ngbase-adk-inline-edit.mjs +29 -27
- package/fesm2022/ngbase-adk-inline-edit.mjs.map +1 -1
- package/fesm2022/ngbase-adk-jwt.mjs +6 -6
- package/fesm2022/ngbase-adk-keys.mjs +7 -8
- package/fesm2022/ngbase-adk-keys.mjs.map +1 -1
- package/fesm2022/ngbase-adk-layout.mjs +1 -1
- package/fesm2022/ngbase-adk-layout.mjs.map +1 -1
- package/fesm2022/ngbase-adk-list.mjs +10 -10
- package/fesm2022/ngbase-adk-list.mjs.map +1 -1
- package/fesm2022/ngbase-adk-mask.mjs +8 -8
- package/fesm2022/ngbase-adk-mask.mjs.map +1 -1
- package/fesm2022/ngbase-adk-menu.mjs +41 -41
- package/fesm2022/ngbase-adk-menu.mjs.map +1 -1
- package/fesm2022/ngbase-adk-network.mjs +4 -4
- package/fesm2022/ngbase-adk-network.mjs.map +1 -1
- package/fesm2022/ngbase-adk-otp.mjs +19 -19
- package/fesm2022/ngbase-adk-otp.mjs.map +1 -1
- package/fesm2022/ngbase-adk-pagination.mjs +20 -20
- package/fesm2022/ngbase-adk-pagination.mjs.map +1 -1
- package/fesm2022/ngbase-adk-popover.mjs +28 -28
- package/fesm2022/ngbase-adk-popover.mjs.map +1 -1
- package/fesm2022/ngbase-adk-portal.mjs +14 -15
- package/fesm2022/ngbase-adk-portal.mjs.map +1 -1
- package/fesm2022/ngbase-adk-progress.mjs +8 -8
- package/fesm2022/ngbase-adk-progress.mjs.map +1 -1
- package/fesm2022/ngbase-adk-radio.mjs +15 -15
- package/fesm2022/ngbase-adk-radio.mjs.map +1 -1
- package/fesm2022/ngbase-adk-resizable.mjs +19 -20
- package/fesm2022/ngbase-adk-resizable.mjs.map +1 -1
- package/fesm2022/ngbase-adk-scroll-area.mjs +31 -31
- package/fesm2022/ngbase-adk-scroll-area.mjs.map +1 -1
- package/fesm2022/ngbase-adk-select.mjs +73 -75
- package/fesm2022/ngbase-adk-select.mjs.map +1 -1
- package/fesm2022/ngbase-adk-selectable.mjs +9 -9
- package/fesm2022/ngbase-adk-selectable.mjs.map +1 -1
- package/fesm2022/ngbase-adk-sheet.mjs +9 -7
- package/fesm2022/ngbase-adk-sheet.mjs.map +1 -1
- package/fesm2022/ngbase-adk-sidenav.mjs +37 -37
- package/fesm2022/ngbase-adk-sidenav.mjs.map +1 -1
- package/fesm2022/ngbase-adk-slider.mjs +26 -26
- package/fesm2022/ngbase-adk-slider.mjs.map +1 -1
- package/fesm2022/ngbase-adk-sonner.mjs +11 -11
- package/fesm2022/ngbase-adk-sonner.mjs.map +1 -1
- package/fesm2022/ngbase-adk-stepper.mjs +28 -28
- package/fesm2022/ngbase-adk-stepper.mjs.map +1 -1
- package/fesm2022/ngbase-adk-switch.mjs +16 -16
- package/fesm2022/ngbase-adk-switch.mjs.map +1 -1
- package/fesm2022/ngbase-adk-table.mjs +98 -78
- package/fesm2022/ngbase-adk-table.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tabs.mjs +44 -44
- package/fesm2022/ngbase-adk-tabs.mjs.map +1 -1
- package/fesm2022/ngbase-adk-toggle-group.mjs +15 -15
- package/fesm2022/ngbase-adk-toggle-group.mjs.map +1 -1
- package/fesm2022/ngbase-adk-toggle.mjs +4 -4
- package/fesm2022/ngbase-adk-toggle.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tooltip.mjs +15 -15
- package/fesm2022/ngbase-adk-tooltip.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tour.mjs +28 -28
- package/fesm2022/ngbase-adk-tour.mjs.map +1 -1
- package/fesm2022/ngbase-adk-translate.mjs +13 -13
- package/fesm2022/ngbase-adk-translate.mjs.map +1 -1
- package/fesm2022/ngbase-adk-tree.mjs +27 -27
- package/fesm2022/ngbase-adk-tree.mjs.map +1 -1
- package/fesm2022/ngbase-adk-utils.mjs +43 -20
- package/fesm2022/ngbase-adk-utils.mjs.map +1 -1
- package/fesm2022/ngbase-adk-virtualizer.mjs +20 -20
- package/fesm2022/ngbase-adk-virtualizer.mjs.map +1 -1
- package/form-field/index.d.ts +95 -5
- package/hover-card/index.d.ts +21 -5
- package/icon/index.d.ts +28 -5
- package/index.d.ts +2 -5
- package/inline-edit/index.d.ts +53 -5
- package/jwt/index.d.ts +20 -5
- package/keys/index.d.ts +54 -5
- package/layout/index.d.ts +20 -5
- package/list/index.d.ts +34 -5
- package/mask/index.d.ts +33 -5
- package/menu/index.d.ts +145 -5
- package/network/index.d.ts +29 -5
- package/otp/index.d.ts +51 -5
- package/package.json +44 -44
- package/pagination/index.d.ts +35 -5
- package/popover/index.d.ts +212 -5
- package/portal/index.d.ts +113 -5
- package/progress/index.d.ts +17 -5
- package/radio/index.d.ts +45 -5
- package/resizable/index.d.ts +73 -5
- package/schematics/components/files/accordion/accordion.ts.template +2 -2
- package/schematics/components/files/autocomplete/autocomplete.ts.template +1 -0
- package/schematics/components/files/avatar/avatar.ts.template +12 -4
- package/schematics/components/files/button/button.ts.template +32 -13
- package/schematics/components/files/command/command.ts.template +10 -9
- package/schematics/components/files/datepicker/datepicker-llm.md.template +15 -2
- package/schematics/components/files/dialog/dialog.ts.template +9 -2
- package/schematics/components/files/drawer/drawer.ts.template +1 -1
- package/schematics/components/files/form-field/form-field.ts.template +10 -1
- package/schematics/components/files/form-field/input-style.directive.ts.template +1 -1
- package/schematics/components/files/icon/icon-llm.md.template +0 -1
- package/schematics/components/files/inline-edit/inline-edit.ts.template +2 -2
- package/schematics/components/files/otp/otp.ts.template +1 -1
- package/schematics/components/files/picasa/picasa-base.component.ts.template +1 -2
- package/schematics/components/files/picasa/picasa.component.ts.template +4 -4
- package/schematics/components/files/select/select.ts.template +5 -18
- package/schematics/components/files/sheet/sheet.ts.template +1 -1
- package/schematics/components/files/sidenav/sidenav-llm.md.template +0 -1
- package/schematics/components/files/spinner/spinner.ts.template +1 -29
- package/schematics/components/files/table/table-llm.md.template +41 -1
- package/schematics/components/files/table/table.ts.template +40 -5
- package/scroll-area/index.d.ts +60 -5
- package/select/index.d.ts +177 -5
- package/selectable/index.d.ts +32 -5
- package/sheet/index.d.ts +44 -5
- package/sidenav/index.d.ts +74 -5
- package/slider/index.d.ts +79 -5
- package/sonner/index.d.ts +50 -5
- package/stepper/index.d.ts +54 -5
- package/switch/index.d.ts +47 -5
- package/table/index.d.ts +143 -5
- package/tabs/index.d.ts +85 -5
- package/test/index.d.ts +81 -5
- package/toggle/index.d.ts +16 -5
- package/toggle-group/index.d.ts +39 -5
- package/tooltip/index.d.ts +60 -5
- package/tour/index.d.ts +70 -5
- package/translate/index.d.ts +58 -5
- package/tree/index.d.ts +95 -5
- package/utils/index.d.ts +82 -5
- package/virtualizer/index.d.ts +45 -5
- package/a11y/accessibility-group.d.ts +0 -46
- package/a11y/accessibility-item.d.ts +0 -49
- package/a11y/accessibility.service.d.ts +0 -17
- package/a11y/autofocus.d.ts +0 -18
- package/a11y/focus-trap.d.ts +0 -15
- package/a11y/public-api.d.ts +0 -4
- package/accordion/accordion-content.d.ts +0 -8
- package/accordion/accordion-group.d.ts +0 -10
- package/accordion/accordion-header.d.ts +0 -7
- package/accordion/accordion-item.d.ts +0 -16
- package/accordion/public-api.d.ts +0 -4
- package/autocomplete/autocomplete-input.d.ts +0 -19
- package/autocomplete/autocomplete.d.ts +0 -34
- package/autocomplete/public-api.d.ts +0 -2
- package/avatar/avatar.d.ts +0 -22
- package/avatar/public-api.d.ts +0 -1
- package/bidi/direction.service.d.ts +0 -14
- package/bidi/public-api.d.ts +0 -1
- package/breadcrumb/breadcrumb-link.d.ts +0 -7
- package/breadcrumb/breadcrumb-separator.d.ts +0 -6
- package/breadcrumb/breadcrumb.d.ts +0 -12
- package/breadcrumb/breadcrumbs.d.ts +0 -9
- package/breadcrumb/public-api.d.ts +0 -4
- package/cache/cache-config.d.ts +0 -22
- package/cache/cache.d.ts +0 -17
- package/cache/cache.interecptor.d.ts +0 -2
- package/cache/public-api.d.ts +0 -3
- package/carousel/carousel-item.d.ts +0 -7
- package/carousel/carousel-next.d.ts +0 -8
- package/carousel/carousel.d.ts +0 -61
- package/carousel/public-api.d.ts +0 -3
- package/checkbox/checkbox.d.ts +0 -30
- package/checkbox/public-api.d.ts +0 -1
- package/chip/chip-group.d.ts +0 -7
- package/chip/chip.d.ts +0 -19
- package/chip/public-api.d.ts +0 -2
- package/clipboard/clipboard.d.ts +0 -7
- package/clipboard/public-api.d.ts +0 -1
- package/collections/SelectionModel.d.ts +0 -19
- package/collections/public-api.d.ts +0 -1
- package/color-picker/color-input.d.ts +0 -16
- package/color-picker/color-picker-trigger.d.ts +0 -30
- package/color-picker/color-picker.d.ts +0 -72
- package/color-picker/public-api.d.ts +0 -3
- package/color-picker/utils.d.ts +0 -21
- package/cookies/cookie.service.d.ts +0 -32
- package/cookies/public-api.d.ts +0 -1
- package/datepicker/calendar.d.ts +0 -121
- package/datepicker/datepicker-trigger.d.ts +0 -66
- package/datepicker/datepicker.d.ts +0 -55
- package/datepicker/native-date-adapter.d.ts +0 -33
- package/datepicker/public-api.d.ts +0 -5
- package/datepicker/time.d.ts +0 -42
- package/dialog/dialog.animation.d.ts +0 -3
- package/dialog/dialog.d.ts +0 -49
- package/dialog/dialog.service.d.ts +0 -7
- package/dialog/public-api.d.ts +0 -3
- package/drag/drag-drop.d.ts +0 -37
- package/drag/drag-move.d.ts +0 -17
- package/drag/drag.d.ts +0 -52
- package/drag/public-api.d.ts +0 -3
- package/form-field/auto-height.d.ts +0 -9
- package/form-field/error.d.ts +0 -18
- package/form-field/form-field.d.ts +0 -14
- package/form-field/input.d.ts +0 -16
- package/form-field/label.d.ts +0 -7
- package/form-field/public-api.d.ts +0 -5
- package/hover-card/hover-card.d.ts +0 -18
- package/hover-card/public-api.d.ts +0 -1
- package/icon/icon.d.ts +0 -12
- package/icon/icon.service.d.ts +0 -12
- package/icon/public-api.d.ts +0 -2
- package/inline-edit/inline-edit.d.ts +0 -47
- package/inline-edit/public-api.d.ts +0 -1
- package/jwt/jwt.service.d.ts +0 -27
- package/jwt/public-api.d.ts +0 -1
- package/keys/keys.service.d.ts +0 -13
- package/keys/public-api.d.ts +0 -2
- package/keys/shortcuts.service.d.ts +0 -38
- package/layout/layout.d.ts +0 -16
- package/layout/public-api.d.ts +0 -1
- package/list/list.d.ts +0 -20
- package/list/list.directive.d.ts +0 -12
- package/list/public-api.d.ts +0 -2
- package/mask/mask-pipe.d.ts +0 -7
- package/mask/mask.d.ts +0 -24
- package/mask/public-api.d.ts +0 -2
- package/menu/context-menu.d.ts +0 -21
- package/menu/mention.d.ts +0 -18
- package/menu/menu-trigger.d.ts +0 -34
- package/menu/menu.d.ts +0 -58
- package/menu/navigation-menu.d.ts +0 -19
- package/menu/public-api.d.ts +0 -5
- package/network/network.interceptor.d.ts +0 -6
- package/network/network.service.d.ts +0 -18
- package/network/public-api.d.ts +0 -2
- package/otp/otp.d.ts +0 -48
- package/otp/public-api.d.ts +0 -1
- package/pagination/pagination.d.ts +0 -32
- package/pagination/public-api.d.ts +0 -1
- package/popover/base-popover.service.d.ts +0 -16
- package/popover/popover-arrow.ng.d.ts +0 -34
- package/popover/popover-trigger.d.ts +0 -21
- package/popover/popover.d.ts +0 -60
- package/popover/popover.service.d.ts +0 -43
- package/popover/public-api.d.ts +0 -6
- package/popover/utils.d.ts +0 -69
- package/portal/dialog-ref.d.ts +0 -70
- package/portal/portal-base.service.d.ts +0 -19
- package/portal/portal-close.directive.d.ts +0 -9
- package/portal/portal.component.d.ts +0 -7
- package/portal/portal.service.d.ts +0 -16
- package/portal/public-api.d.ts +0 -5
- package/progress/progress.d.ts +0 -13
- package/progress/public-api.d.ts +0 -1
- package/public-api.d.ts +0 -2
- package/radio/public-api.d.ts +0 -2
- package/radio/radio-group.d.ts +0 -19
- package/radio/radio.d.ts +0 -26
- package/resizable/public-api.d.ts +0 -2
- package/resizable/resizable-group.d.ts +0 -22
- package/resizable/resizable.d.ts +0 -50
- package/scroll-area/public-api.d.ts +0 -1
- package/scroll-area/scroll-area.d.ts +0 -56
- package/select/list-selection.d.ts +0 -7
- package/select/option-group.d.ts +0 -7
- package/select/option.d.ts +0 -25
- package/select/public-api.d.ts +0 -6
- package/select/select-base.d.ts +0 -66
- package/select/select-input.d.ts +0 -23
- package/select/select.d.ts +0 -53
- package/selectable/public-api.d.ts +0 -2
- package/selectable/selectable-item.d.ts +0 -12
- package/selectable/selectable.d.ts +0 -19
- package/sheet/public-api.d.ts +0 -2
- package/sheet/sheet.d.ts +0 -26
- package/sheet/sheet.service.d.ts +0 -13
- package/sidenav/public-api.d.ts +0 -3
- package/sidenav/sidenav-header.d.ts +0 -31
- package/sidenav/sidenav.d.ts +0 -23
- package/sidenav/sidenav.service.d.ts +0 -18
- package/slider/public-api.d.ts +0 -1
- package/slider/slider.d.ts +0 -76
- package/sonner/public-api.d.ts +0 -2
- package/sonner/sonner.d.ts +0 -25
- package/sonner/sonner.service.d.ts +0 -21
- package/stepper/animation.d.ts +0 -1
- package/stepper/public-api.d.ts +0 -3
- package/stepper/step.d.ts +0 -24
- package/stepper/stepper.d.ts +0 -26
- package/switch/public-api.d.ts +0 -1
- package/switch/switch.d.ts +0 -44
- package/table/body-cell.d.ts +0 -11
- package/table/body-row.d.ts +0 -25
- package/table/column.d.ts +0 -10
- package/table/head-cell.d.ts +0 -12
- package/table/head-row.d.ts +0 -24
- package/table/public-api.d.ts +0 -8
- package/table/sort.d.ts +0 -40
- package/table/table.d.ts +0 -38
- package/tabs/public-api.d.ts +0 -2
- package/tabs/tab-group.d.ts +0 -52
- package/tabs/tab.d.ts +0 -31
- package/test/public-api.d.ts +0 -1
- package/test/utils.d.ts +0 -78
- package/toggle/public-api.d.ts +0 -1
- package/toggle/toggle.d.ts +0 -13
- package/toggle-group/public-api.d.ts +0 -2
- package/toggle-group/toggle-group.d.ts +0 -25
- package/toggle-group/toggle-item.d.ts +0 -14
- package/tooltip/public-api.d.ts +0 -2
- package/tooltip/tooltip.d.ts +0 -24
- package/tooltip/tooltip.directive.d.ts +0 -34
- package/tooltip/tooltip.service.d.ts +0 -28
- package/tour/animation.d.ts +0 -2
- package/tour/public-api.d.ts +0 -5
- package/tour/tour-base.d.ts +0 -21
- package/tour/tour-step.d.ts +0 -11
- package/tour/tour.d.ts +0 -9
- package/tour/tour.service.d.ts +0 -29
- package/translate/config.d.ts +0 -16
- package/translate/public-api.d.ts +0 -3
- package/translate/translate.d.ts +0 -11
- package/translate/translate.service.d.ts +0 -31
- package/tree/public-api.d.ts +0 -3
- package/tree/tree-node.d.ts +0 -28
- package/tree/tree-toggle.d.ts +0 -16
- package/tree/tree.d.ts +0 -55
- package/utils/animation.d.ts +0 -3
- package/utils/disposals.d.ts +0 -7
- package/utils/number-only.d.ts +0 -22
- package/utils/public-api.d.ts +0 -6
- package/utils/range.pipe.d.ts +0 -7
- package/utils/ssr.d.ts +0 -2
- package/utils/utils.d.ts +0 -28
- package/virtualizer/public-api.d.ts +0 -1
- package/virtualizer/virtualizer.d.ts +0 -42
|
@@ -6,20 +6,20 @@ import * as i1 from '@ngbase/adk/a11y';
|
|
|
6
6
|
import { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';
|
|
7
7
|
|
|
8
8
|
class NgbTabHeader {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTabHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbTabHeader, isStandalone: true, selector: "[ngbTabHeader]", ngImport: i0 }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTabHeader, decorators: [{
|
|
13
13
|
type: Directive,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: '[ngbTabHeader]',
|
|
16
16
|
}]
|
|
17
17
|
}] });
|
|
18
18
|
class NgbTabLazy {
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTabLazy, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
20
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbTabLazy, isStandalone: true, selector: "[ngbTabLazy]", ngImport: i0 }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTabLazy, decorators: [{
|
|
23
23
|
type: Directive,
|
|
24
24
|
args: [{
|
|
25
25
|
selector: '[ngbTabLazy]',
|
|
@@ -28,29 +28,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
28
28
|
class NgbTab {
|
|
29
29
|
constructor() {
|
|
30
30
|
// Dependencies
|
|
31
|
-
this.header = contentChild(NgbTabHeader, { read: TemplateRef });
|
|
32
|
-
this.lazy = contentChild(NgbTabLazy, { read: TemplateRef });
|
|
31
|
+
this.header = contentChild(NgbTabHeader, ...(ngDevMode ? [{ debugName: "header", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
32
|
+
this.lazy = contentChild(NgbTabLazy, ...(ngDevMode ? [{ debugName: "lazy", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
33
33
|
// Inputs
|
|
34
|
-
this.label = input('Tab');
|
|
35
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
36
|
-
this.mode = input();
|
|
37
|
-
this.value = input();
|
|
34
|
+
this.label = input('Tab', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
35
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
36
|
+
this.mode = input(...(ngDevMode ? [undefined, { debugName: "mode" }] : []));
|
|
37
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
38
38
|
this.id = uniqueId();
|
|
39
|
-
this.index = signal(0);
|
|
40
|
-
this.tabId = computed(() => this.value() ?? this.index());
|
|
39
|
+
this.index = signal(0, ...(ngDevMode ? [{ debugName: "index" }] : []));
|
|
40
|
+
this.tabId = computed(() => this.value() ?? this.index(), ...(ngDevMode ? [{ debugName: "tabId" }] : []));
|
|
41
41
|
// State
|
|
42
|
-
this.active = signal(false);
|
|
42
|
+
this.active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
|
|
43
43
|
this.activated = false;
|
|
44
44
|
this.activeMode = computed(() => {
|
|
45
45
|
this.activated ||= this.active();
|
|
46
46
|
return this.mode() ? this.activated : this.active();
|
|
47
|
-
});
|
|
48
|
-
this.lazyTemplate = computed(() => this.active() && this.lazy());
|
|
47
|
+
}, ...(ngDevMode ? [{ debugName: "activeMode" }] : []));
|
|
48
|
+
this.lazyTemplate = computed(() => this.active() && this.lazy(), ...(ngDevMode ? [{ debugName: "lazyTemplate" }] : []));
|
|
49
49
|
}
|
|
50
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
51
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTab, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
51
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbTab, isStandalone: true, selector: "ngb-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tabpanel" }, properties: { "tabindex": "active() ? 0 : -1", "attr.aria-hidden": "!active()", "attr.aria-labelledby": "id" } }, queries: [{ propertyName: "header", first: true, predicate: NgbTabHeader, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "lazy", first: true, predicate: NgbTabLazy, descendants: true, read: TemplateRef, isSignal: true }], exportAs: ["ngbTab"], ngImport: i0 }); }
|
|
52
52
|
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTab, decorators: [{
|
|
54
54
|
type: Directive,
|
|
55
55
|
args: [{
|
|
56
56
|
selector: 'ngb-tab',
|
|
@@ -73,10 +73,10 @@ class TabButtonsGroup {
|
|
|
73
73
|
this.accessibleGroup = inject(AccessibleGroup);
|
|
74
74
|
this.accessibleGroup.ayId.set(this.tabGroup.ayId);
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
77
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TabButtonsGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
77
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: TabButtonsGroup, isStandalone: true, selector: "[ngbTabButtonsGroup]", host: { attributes: { "role": "tablist" }, styleAttribute: "scrollbar-width: none" }, hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TabButtonsGroup, decorators: [{
|
|
80
80
|
type: Directive,
|
|
81
81
|
args: [{
|
|
82
82
|
selector: '[ngbTabButtonsGroup]',
|
|
@@ -91,13 +91,13 @@ class TabButton {
|
|
|
91
91
|
constructor() {
|
|
92
92
|
this.tabGroup = inject(NgbTabs);
|
|
93
93
|
this.accessibleItem = inject(AccessibleItem);
|
|
94
|
-
this.ngbTabButton = input.required();
|
|
95
|
-
this.accessibleItem._selected = computed(() => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex());
|
|
96
|
-
this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());
|
|
94
|
+
this.ngbTabButton = input.required(...(ngDevMode ? [{ debugName: "ngbTabButton" }] : []));
|
|
95
|
+
this.accessibleItem._selected = computed(() => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex(), ...(ngDevMode ? [{ debugName: "_selected" }] : []));
|
|
96
|
+
this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled(), ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
97
97
|
this.accessibleItem._ayId.set(this.tabGroup.ayId);
|
|
98
98
|
}
|
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
100
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TabButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
100
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: TabButton, isStandalone: true, selector: "button[ngbTabButton]", inputs: { ngbTabButton: { classPropertyName: "ngbTabButton", publicName: "ngbTabButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "role": "tab" }, listeners: { "click": "!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())" }, properties: { "attr.id": "ngbTabButton().id", "attr.data-ch": "!!ngbTabButton().header()" } }, hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0, template: `
|
|
101
101
|
@if (ngbTabButton().header(); as template) {
|
|
102
102
|
<ng-container *ngTemplateOutlet="template" />
|
|
103
103
|
} @else {
|
|
@@ -105,7 +105,7 @@ class TabButton {
|
|
|
105
105
|
}
|
|
106
106
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TabButton, decorators: [{
|
|
109
109
|
type: Component,
|
|
110
110
|
args: [{
|
|
111
111
|
selector: 'button[ngbTabButton]',
|
|
@@ -130,13 +130,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
130
130
|
}], ctorParameters: () => [] });
|
|
131
131
|
class TabScroll {
|
|
132
132
|
constructor() {
|
|
133
|
-
this.ngbTabScroll = input.required();
|
|
133
|
+
this.ngbTabScroll = input.required(...(ngDevMode ? [{ debugName: "ngbTabScroll" }] : []));
|
|
134
134
|
this.tabGroup = inject(NgbTabs);
|
|
135
135
|
}
|
|
136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
137
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TabScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
137
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: TabScroll, isStandalone: true, selector: "button[ngbTabScroll]", inputs: { ngbTabScroll: { classPropertyName: "ngbTabScroll", publicName: "ngbTabScroll", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "tabindex": "-1" }, listeners: { "click": "tabGroup.scroll(ngbTabScroll())" }, styleAttribute: "{display: none}" }, ngImport: i0 }); }
|
|
138
138
|
}
|
|
139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TabScroll, decorators: [{
|
|
140
140
|
type: Directive,
|
|
141
141
|
args: [{
|
|
142
142
|
selector: 'button[ngbTabScroll]',
|
|
@@ -154,16 +154,16 @@ class NgbTabs {
|
|
|
154
154
|
read: ElementRef,
|
|
155
155
|
});
|
|
156
156
|
this.tabListContainer = viewChild.required('tabListContainer');
|
|
157
|
-
this.tabButtons = viewChildren(TabButton, {
|
|
158
|
-
|
|
159
|
-
|
|
157
|
+
this.tabButtons = viewChildren(TabButton, ...(ngDevMode ? [{ debugName: "tabButtons", read: ElementRef }] : [{
|
|
158
|
+
read: ElementRef,
|
|
159
|
+
}]));
|
|
160
160
|
// readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');
|
|
161
161
|
// readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');
|
|
162
|
-
this.scrollButtons = viewChildren(TabScroll, {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
this.tabs = contentChildren(NgbTab);
|
|
166
|
-
this.selectedIndex = model(0);
|
|
162
|
+
this.scrollButtons = viewChildren(TabScroll, ...(ngDevMode ? [{ debugName: "scrollButtons", read: ElementRef }] : [{
|
|
163
|
+
read: ElementRef,
|
|
164
|
+
}]));
|
|
165
|
+
this.tabs = contentChildren(NgbTab, ...(ngDevMode ? [{ debugName: "tabs" }] : []));
|
|
166
|
+
this.selectedIndex = model(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
|
|
167
167
|
this.selectedTabChange = output();
|
|
168
168
|
this.tabMap = new Map();
|
|
169
169
|
this.ayId = uniqueId();
|
|
@@ -278,10 +278,10 @@ class NgbTabs {
|
|
|
278
278
|
tabList.scrollTo({ left, behavior: 'smooth' });
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
282
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "
|
|
281
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTabs, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
282
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbTabs, isStandalone: true, selector: "ngb-tabs", inputs: { selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", selectedTabChange: "selectedTabChange" }, queries: [{ propertyName: "tabs", predicate: NgbTab, isSignal: true }], viewQueries: [{ propertyName: "tabList", first: true, predicate: TabButtonsGroup, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, isSignal: true }, { propertyName: "tabButtons", predicate: TabButton, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "scrollButtons", predicate: TabScroll, descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngbTabs"], ngImport: i0 }); }
|
|
283
283
|
}
|
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTabs, decorators: [{
|
|
285
285
|
type: Directive,
|
|
286
286
|
args: [{
|
|
287
287
|
selector: 'ngb-tabs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-tabs.mjs","sources":["../../../projects/adk/tabs/tab.ts","../../../projects/adk/tabs/tab-group.ts","../../../projects/adk/tabs/public-api.ts","../../../projects/adk/tabs/ngbase-adk-tabs.ts"],"sourcesContent":["import {\n Directive,\n TemplateRef,\n booleanAttribute,\n computed,\n contentChild,\n input,\n signal,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbTabHeader]',\n})\nexport class NgbTabHeader {}\n\n@Directive({\n selector: '[ngbTabLazy]',\n})\nexport class NgbTabLazy {}\n\n@Directive({\n selector: 'ngb-tab',\n exportAs: 'ngbTab',\n host: {\n role: 'tabpanel',\n '[tabindex]': 'active() ? 0 : -1',\n '[attr.aria-hidden]': '!active()',\n '[attr.aria-labelledby]': 'id',\n },\n})\nexport class NgbTab {\n // Dependencies\n readonly header = contentChild(NgbTabHeader, { read: TemplateRef });\n readonly lazy = contentChild(NgbTabLazy, { read: TemplateRef });\n\n // Inputs\n readonly label = input('Tab');\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly mode = input<'hidden' | 'lazy'>();\n readonly value = input<string | number>();\n\n readonly id = uniqueId();\n readonly index = signal(0);\n readonly tabId = computed(() => this.value() ?? this.index());\n\n // State\n readonly active = signal(false);\n\n private activated = false;\n readonly activeMode = computed(() => {\n this.activated ||= this.active();\n return this.mode() ? this.activated : this.active();\n });\n readonly lazyTemplate = computed(() => this.active() && this.lazy());\n}\n\nexport function aliasTab(tab: typeof NgbTab) {\n return { provide: NgbTab, useExisting: tab };\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n ElementRef,\n afterNextRender,\n computed,\n contentChildren,\n effect,\n inject,\n input,\n model,\n output,\n viewChild,\n viewChildren,\n} from '@angular/core';\nimport { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTab } from './tab';\n\nexport interface NgbTabChangeEvent {\n tab: NgbTab;\n index: number;\n}\n\n@Directive({\n selector: '[ngbTabButtonsGroup]',\n hostDirectives: [AccessibleGroup],\n host: {\n role: 'tablist',\n style: 'scrollbar-width: none',\n },\n})\nexport class TabButtonsGroup {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleGroup = inject(AccessibleGroup);\n\n constructor() {\n this.accessibleGroup.ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Component({\n selector: 'button[ngbTabButton]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [AccessibleItem],\n imports: [NgTemplateOutlet],\n template: `\n @if (ngbTabButton().header(); as template) {\n <ng-container *ngTemplateOutlet=\"template\" />\n } @else {\n {{ ngbTabButton().label() }}\n }\n `,\n host: {\n type: 'button',\n role: 'tab',\n '[attr.id]': 'ngbTabButton().id',\n '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',\n '[attr.data-ch]': `!!ngbTabButton().header()`,\n },\n})\nexport class TabButton {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleItem = inject(AccessibleItem);\n\n readonly ngbTabButton = input.required<NgbTab>();\n\n constructor() {\n this.accessibleItem._selected = computed(\n () => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex(),\n );\n this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());\n this.accessibleItem._ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Directive({\n selector: 'button[ngbTabScroll]',\n host: {\n type: 'button',\n tabindex: '-1',\n style: '{display: none}',\n '(click)': 'tabGroup.scroll(ngbTabScroll())',\n },\n})\nexport class TabScroll {\n readonly ngbTabScroll = input.required<'left' | 'right'>();\n readonly tabGroup = inject(NgbTabs);\n}\n\n@Directive({\n selector: 'ngb-tabs',\n exportAs: 'ngbTabs',\n})\nexport class NgbTabs<T extends NgbTab = NgbTab> {\n readonly tabList = viewChild.required<TabButtonsGroup, ElementRef<HTMLElement>>(TabButtonsGroup, {\n read: ElementRef,\n });\n readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n readonly tabButtons = viewChildren<TabButton, ElementRef<HTMLElement>>(TabButton, {\n read: ElementRef,\n });\n // readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');\n // readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');\n readonly scrollButtons = viewChildren<TabScroll, ElementRef<HTMLElement>>(TabScroll, {\n read: ElementRef,\n });\n readonly tabs = contentChildren<T>(NgbTab as any);\n\n readonly selectedIndex = model<any>(0);\n readonly selectedTabChange = output<NgbTabChangeEvent>();\n\n private selectedId?: number;\n private readonly tabMap = new Map<number, string>();\n readonly ayId = uniqueId();\n\n constructor() {\n effect(cleanup => {\n const tabList = this.tabList().nativeElement;\n const tabListContainer = this.tabListContainer().nativeElement;\n if (typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(() => {\n this.updateScrollDisplay(tabList);\n });\n observer.observe(tabListContainer);\n cleanup(() => observer.disconnect());\n }\n });\n\n effect(() => {\n const tabs = this.tabs();\n tabs.forEach((tab, index) => tab.index.set(index));\n });\n\n effect(() => {\n const tabs = this.tabs();\n let activeIndex = this.selectedIndex();\n if (activeIndex === undefined || activeIndex === null) {\n this.setActive(tabs[0]);\n return;\n } else if (activeIndex >= tabs.length) {\n // if the index is out of bounds, set the last tab as active\n this.setActive(tabs[tabs.length - 1]);\n return;\n }\n\n if (this.selectedId !== undefined && activeIndex === this.selectedId) {\n const id = this.tabMap.get(this.selectedId);\n const tab = tabs.find(tab => tab.id === id);\n if (tab && activeIndex !== tab.index()) {\n this.setActive(tab);\n this.selectedId = undefined;\n return;\n }\n }\n\n // make sure the index is not a disabled tab\n // if (tabs[activeIndex]?.disabled()) {\n // const nextIndex = tabs.findIndex((tab, index) => !tab.disabled() && index > activeIndex);\n // activeIndex = nextIndex === -1 ? tabs.length - 1 : nextIndex;\n // this.selectedIndex.set(activeIndex);\n // this.selectedId = activeIndex;\n // return;\n // }\n\n // tabMap is used to keep track of the tab headers\n this.tabMap.clear();\n let activeTab: NgbTab;\n tabs.forEach((tab, index) => {\n tab.active.set(activeIndex === tab.tabId());\n if (activeIndex === tab.tabId()) {\n activeTab = tab;\n }\n this.tabMap.set(index, tab.id);\n });\n\n this.selectedId = activeIndex;\n\n // scroll to the active tab\n this.scrollToActive(activeTab!.index());\n });\n\n afterNextRender(() => {\n const el = this.tabList().nativeElement;\n this.updateScrollDisplay(el);\n el.addEventListener('scroll', () => {\n requestAnimationFrame(() => {\n this.updateScrollDisplay(el);\n });\n });\n });\n }\n\n private updateScrollDisplay(el: HTMLElement) {\n const leftScroll = this.scrollButtons()[0]!.nativeElement;\n const rightScroll = this.scrollButtons()[1]!.nativeElement;\n leftScroll.style.display = el.scrollLeft > 0 ? 'grid' : 'none';\n rightScroll.style.display = el.scrollLeft + el.clientWidth < el.scrollWidth ? 'grid' : 'none';\n }\n\n scroll(direction: 'left' | 'right') {\n const tabList = this.tabList()!.nativeElement;\n const el = this.tabList()!.nativeElement;\n const scroll = el.clientWidth * 0.8;\n const isLeft = direction === 'left';\n tabList.scrollTo({\n left: tabList.scrollLeft + (isLeft ? -scroll : scroll),\n behavior: 'smooth',\n });\n }\n\n setActive(tab: NgbTab) {\n // if the tab is not found, return\n if (!tab) return;\n\n this.selectedIndex.set(tab.tabId());\n this.scrollToActive(tab.index());\n this.selectedTabChange.emit({ tab, index: tab.index() });\n }\n\n private scrollToActive(index: number) {\n const tabList = this.tabList().nativeElement;\n const tabs = this.tabButtons().slice(0, index + 1);\n // ssr does not support getBoundingClientRect\n const totalWidth = tabs.reduce((a, c) => {\n const width = c.nativeElement.getBoundingClientRect?.().width || 0;\n return a + width;\n }, 0);\n\n const { width } = tabList.getBoundingClientRect?.() || { width: 0 };\n const scrollLeft = tabList.scrollLeft;\n const lastTab = tabs[tabs.length - 1]?.nativeElement;\n const lastTabWidth = lastTab?.getBoundingClientRect?.().width || 0;\n const withoutLastTabWidth = totalWidth - lastTabWidth;\n\n const isLeftSide = scrollLeft + width / 2 > withoutLastTabWidth + lastTabWidth / 2;\n const left = isLeftSide ? totalWidth - lastTabWidth : totalWidth - width;\n\n if (withoutLastTabWidth < scrollLeft || totalWidth > scrollLeft + width) {\n tabList.scrollTo({ left, behavior: 'smooth' });\n }\n }\n}\n\nexport function aliasTabs<T extends NgbTab>(tab: typeof NgbTabs<T>) {\n return {\n provide: NgbTabs,\n useExisting: tab,\n };\n}\n","/*\n * Public API Surface of tab\n */\n\nexport * from './tab';\nexport * from './tab-group';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngbase-adk-tabs.mjs","sources":["../../../projects/adk/tabs/tab.ts","../../../projects/adk/tabs/tab-group.ts","../../../projects/adk/tabs/public-api.ts","../../../projects/adk/tabs/ngbase-adk-tabs.ts"],"sourcesContent":["import {\n Directive,\n TemplateRef,\n booleanAttribute,\n computed,\n contentChild,\n input,\n signal,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\n\n@Directive({\n selector: '[ngbTabHeader]',\n})\nexport class NgbTabHeader {}\n\n@Directive({\n selector: '[ngbTabLazy]',\n})\nexport class NgbTabLazy {}\n\n@Directive({\n selector: 'ngb-tab',\n exportAs: 'ngbTab',\n host: {\n role: 'tabpanel',\n '[tabindex]': 'active() ? 0 : -1',\n '[attr.aria-hidden]': '!active()',\n '[attr.aria-labelledby]': 'id',\n },\n})\nexport class NgbTab {\n // Dependencies\n readonly header = contentChild(NgbTabHeader, { read: TemplateRef });\n readonly lazy = contentChild(NgbTabLazy, { read: TemplateRef });\n\n // Inputs\n readonly label = input('Tab');\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly mode = input<'hidden' | 'lazy'>();\n readonly value = input<string | number>();\n\n readonly id = uniqueId();\n readonly index = signal(0);\n readonly tabId = computed(() => this.value() ?? this.index());\n\n // State\n readonly active = signal(false);\n\n private activated = false;\n readonly activeMode = computed(() => {\n this.activated ||= this.active();\n return this.mode() ? this.activated : this.active();\n });\n readonly lazyTemplate = computed(() => this.active() && this.lazy());\n}\n\nexport function aliasTab(tab: typeof NgbTab) {\n return { provide: NgbTab, useExisting: tab };\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n Directive,\n ElementRef,\n afterNextRender,\n computed,\n contentChildren,\n effect,\n inject,\n input,\n model,\n output,\n viewChild,\n viewChildren,\n} from '@angular/core';\nimport { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTab } from './tab';\n\nexport interface NgbTabChangeEvent {\n tab: NgbTab;\n index: number;\n}\n\n@Directive({\n selector: '[ngbTabButtonsGroup]',\n hostDirectives: [AccessibleGroup],\n host: {\n role: 'tablist',\n style: 'scrollbar-width: none',\n },\n})\nexport class TabButtonsGroup {\n private readonly tabGroup = inject(NgbTabs);\n private readonly accessibleGroup = inject(AccessibleGroup);\n\n constructor() {\n this.accessibleGroup.ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Component({\n selector: 'button[ngbTabButton]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [AccessibleItem],\n imports: [NgTemplateOutlet],\n template: `\n @if (ngbTabButton().header(); as template) {\n <ng-container *ngTemplateOutlet=\"template\" />\n } @else {\n {{ ngbTabButton().label() }}\n }\n `,\n host: {\n type: 'button',\n role: 'tab',\n '[attr.id]': 'ngbTabButton().id',\n '(click)': '!ngbTabButton().disabled() && tabGroup.setActive(ngbTabButton())',\n '[attr.data-ch]': `!!ngbTabButton().header()`,\n },\n})\nexport class TabButton {\n protected readonly tabGroup = inject(NgbTabs);\n private readonly accessibleItem = inject(AccessibleItem);\n\n readonly ngbTabButton = input.required<NgbTab>();\n\n constructor() {\n this.accessibleItem._selected = computed(\n () => this.ngbTabButton().tabId() === this.tabGroup.selectedIndex(),\n );\n this.accessibleItem._disabled = computed(() => this.ngbTabButton().disabled());\n this.accessibleItem._ayId.set(this.tabGroup.ayId);\n }\n}\n\n@Directive({\n selector: 'button[ngbTabScroll]',\n host: {\n type: 'button',\n tabindex: '-1',\n style: '{display: none}',\n '(click)': 'tabGroup.scroll(ngbTabScroll())',\n },\n})\nexport class TabScroll {\n readonly ngbTabScroll = input.required<'left' | 'right'>();\n readonly tabGroup = inject(NgbTabs);\n}\n\n@Directive({\n selector: 'ngb-tabs',\n exportAs: 'ngbTabs',\n})\nexport class NgbTabs<T extends NgbTab = NgbTab> {\n readonly tabList = viewChild.required<TabButtonsGroup, ElementRef<HTMLElement>>(TabButtonsGroup, {\n read: ElementRef,\n });\n readonly tabListContainer = viewChild.required<ElementRef<HTMLElement>>('tabListContainer');\n readonly tabButtons = viewChildren<TabButton, ElementRef<HTMLElement>>(TabButton, {\n read: ElementRef,\n });\n // readonly leftScroll = viewChild<ElementRef<HTMLElement>>('leftScroll');\n // readonly rightScroll = viewChild<ElementRef<HTMLElement>>('rightScroll');\n readonly scrollButtons = viewChildren<TabScroll, ElementRef<HTMLElement>>(TabScroll, {\n read: ElementRef,\n });\n readonly tabs = contentChildren<T>(NgbTab as any);\n\n readonly selectedIndex = model<any>(0);\n readonly selectedTabChange = output<NgbTabChangeEvent>();\n\n private selectedId?: number;\n private readonly tabMap = new Map<number, string>();\n readonly ayId = uniqueId();\n\n constructor() {\n effect(cleanup => {\n const tabList = this.tabList().nativeElement;\n const tabListContainer = this.tabListContainer().nativeElement;\n if (typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(() => {\n this.updateScrollDisplay(tabList);\n });\n observer.observe(tabListContainer);\n cleanup(() => observer.disconnect());\n }\n });\n\n effect(() => {\n const tabs = this.tabs();\n tabs.forEach((tab, index) => tab.index.set(index));\n });\n\n effect(() => {\n const tabs = this.tabs();\n let activeIndex = this.selectedIndex();\n if (activeIndex === undefined || activeIndex === null) {\n this.setActive(tabs[0]);\n return;\n } else if (activeIndex >= tabs.length) {\n // if the index is out of bounds, set the last tab as active\n this.setActive(tabs[tabs.length - 1]);\n return;\n }\n\n if (this.selectedId !== undefined && activeIndex === this.selectedId) {\n const id = this.tabMap.get(this.selectedId);\n const tab = tabs.find(tab => tab.id === id);\n if (tab && activeIndex !== tab.index()) {\n this.setActive(tab);\n this.selectedId = undefined;\n return;\n }\n }\n\n // make sure the index is not a disabled tab\n // if (tabs[activeIndex]?.disabled()) {\n // const nextIndex = tabs.findIndex((tab, index) => !tab.disabled() && index > activeIndex);\n // activeIndex = nextIndex === -1 ? tabs.length - 1 : nextIndex;\n // this.selectedIndex.set(activeIndex);\n // this.selectedId = activeIndex;\n // return;\n // }\n\n // tabMap is used to keep track of the tab headers\n this.tabMap.clear();\n let activeTab: NgbTab;\n tabs.forEach((tab, index) => {\n tab.active.set(activeIndex === tab.tabId());\n if (activeIndex === tab.tabId()) {\n activeTab = tab;\n }\n this.tabMap.set(index, tab.id);\n });\n\n this.selectedId = activeIndex;\n\n // scroll to the active tab\n this.scrollToActive(activeTab!.index());\n });\n\n afterNextRender(() => {\n const el = this.tabList().nativeElement;\n this.updateScrollDisplay(el);\n el.addEventListener('scroll', () => {\n requestAnimationFrame(() => {\n this.updateScrollDisplay(el);\n });\n });\n });\n }\n\n private updateScrollDisplay(el: HTMLElement) {\n const leftScroll = this.scrollButtons()[0]!.nativeElement;\n const rightScroll = this.scrollButtons()[1]!.nativeElement;\n leftScroll.style.display = el.scrollLeft > 0 ? 'grid' : 'none';\n rightScroll.style.display = el.scrollLeft + el.clientWidth < el.scrollWidth ? 'grid' : 'none';\n }\n\n scroll(direction: 'left' | 'right') {\n const tabList = this.tabList()!.nativeElement;\n const el = this.tabList()!.nativeElement;\n const scroll = el.clientWidth * 0.8;\n const isLeft = direction === 'left';\n tabList.scrollTo({\n left: tabList.scrollLeft + (isLeft ? -scroll : scroll),\n behavior: 'smooth',\n });\n }\n\n setActive(tab: NgbTab) {\n // if the tab is not found, return\n if (!tab) return;\n\n this.selectedIndex.set(tab.tabId());\n this.scrollToActive(tab.index());\n this.selectedTabChange.emit({ tab, index: tab.index() });\n }\n\n private scrollToActive(index: number) {\n const tabList = this.tabList().nativeElement;\n const tabs = this.tabButtons().slice(0, index + 1);\n // ssr does not support getBoundingClientRect\n const totalWidth = tabs.reduce((a, c) => {\n const width = c.nativeElement.getBoundingClientRect?.().width || 0;\n return a + width;\n }, 0);\n\n const { width } = tabList.getBoundingClientRect?.() || { width: 0 };\n const scrollLeft = tabList.scrollLeft;\n const lastTab = tabs[tabs.length - 1]?.nativeElement;\n const lastTabWidth = lastTab?.getBoundingClientRect?.().width || 0;\n const withoutLastTabWidth = totalWidth - lastTabWidth;\n\n const isLeftSide = scrollLeft + width / 2 > withoutLastTabWidth + lastTabWidth / 2;\n const left = isLeftSide ? totalWidth - lastTabWidth : totalWidth - width;\n\n if (withoutLastTabWidth < scrollLeft || totalWidth > scrollLeft + width) {\n tabList.scrollTo({ left, behavior: 'smooth' });\n }\n }\n}\n\nexport function aliasTabs<T extends NgbTab>(tab: typeof NgbTabs<T>) {\n return {\n provide: NgbTabs,\n useExisting: tab,\n };\n}\n","/*\n * Public API Surface of tab\n */\n\nexport * from './tab';\nexport * from './tab-group';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -8,15 +8,15 @@ class NgbToggleItem {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
this.accessibleItem = inject(AccessibleItem);
|
|
10
10
|
this.toggleGroup = inject(NgbToggleGroup);
|
|
11
|
-
this.disabled = input(false, { transform: booleanAttribute });
|
|
12
|
-
this.value = input.required();
|
|
11
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
12
|
+
this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
13
13
|
this.active = computed(() => {
|
|
14
14
|
const values = this.toggleGroup.value();
|
|
15
15
|
if (Array.isArray(values)) {
|
|
16
16
|
return values.includes(this.value());
|
|
17
17
|
}
|
|
18
18
|
return values === this.value();
|
|
19
|
-
});
|
|
19
|
+
}, ...(ngDevMode ? [{ debugName: "active" }] : []));
|
|
20
20
|
this.accessibleItem._ayId.set(this.toggleGroup.ayId);
|
|
21
21
|
this.accessibleItem._disabled = linkedSignal(this.disabled);
|
|
22
22
|
this.accessibleItem._selected = linkedSignal(this.active);
|
|
@@ -24,10 +24,10 @@ class NgbToggleItem {
|
|
|
24
24
|
updateValue() {
|
|
25
25
|
this.toggleGroup.updateValue([this.value()]);
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbToggleItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
28
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbToggleItem, isStandalone: true, selector: "button[ngbToggleItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "updateValue()" } }, hostDirectives: [{ directive: i1.AccessibleItem, inputs: ["disabled", "disabled"] }], ngImport: i0 }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbToggleItem, decorators: [{
|
|
31
31
|
type: Directive,
|
|
32
32
|
args: [{
|
|
33
33
|
selector: 'button[ngbToggleItem]',
|
|
@@ -41,16 +41,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
|
|
|
41
41
|
class NgbToggleGroup {
|
|
42
42
|
constructor() {
|
|
43
43
|
this.accessibleGroup = inject(AccessibleGroup);
|
|
44
|
-
this.multiple = input(true, { transform: booleanAttribute });
|
|
45
|
-
this.toggleItems = contentChildren(NgbToggleItem);
|
|
44
|
+
this.multiple = input(true, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
45
|
+
this.toggleItems = contentChildren(NgbToggleItem, ...(ngDevMode ? [{ debugName: "toggleItems" }] : []));
|
|
46
46
|
this.ayId = uniqueId();
|
|
47
47
|
// value can be array or single value
|
|
48
|
-
this.value = model();
|
|
48
|
+
this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
49
49
|
this.onChange = (_) => { };
|
|
50
50
|
this.onTouched = () => { };
|
|
51
|
-
this.disabled = model(false);
|
|
52
|
-
this.ariaLabel = input('');
|
|
53
|
-
this.ariaLabelledby = input('');
|
|
51
|
+
this.disabled = model(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
52
|
+
this.ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
53
|
+
this.ariaLabelledby = input('', ...(ngDevMode ? [{ debugName: "ariaLabelledby" }] : []));
|
|
54
54
|
this.accessibleGroup._ayId.set(this.ayId);
|
|
55
55
|
this.accessibleGroup._ariaLabel = linkedSignal(this.ariaLabel);
|
|
56
56
|
this.accessibleGroup._ariaLabelledby = linkedSignal(this.ariaLabelledby);
|
|
@@ -87,10 +87,10 @@ class NgbToggleGroup {
|
|
|
87
87
|
setDisabledState(isDisabled) {
|
|
88
88
|
this.disabled.set(isDisabled);
|
|
89
89
|
}
|
|
90
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
91
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "
|
|
90
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
91
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbToggleGroup, isStandalone: true, selector: "[ngbToggleGroup]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange" }, host: { attributes: { "role": "group" } }, providers: [provideValueAccessor(NgbToggleGroup)], queries: [{ propertyName: "toggleItems", predicate: NgbToggleItem, isSignal: true }], hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
|
|
92
92
|
}
|
|
93
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbToggleGroup, decorators: [{
|
|
94
94
|
type: Directive,
|
|
95
95
|
args: [{
|
|
96
96
|
selector: '[ngbToggleGroup]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-toggle-group.mjs","sources":["../../../projects/adk/toggle-group/toggle-item.ts","../../../projects/adk/toggle-group/toggle-group.ts","../../../projects/adk/toggle-group/public-api.ts","../../../projects/adk/toggle-group/ngbase-adk-toggle-group.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input, linkedSignal } from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { NgbToggleGroup } from './toggle-group';\n\n@Directive({\n selector: 'button[ngbToggleItem]',\n hostDirectives: [{ directive: AccessibleItem, inputs: ['disabled'] }],\n host: {\n '(click)': 'updateValue()',\n },\n})\nexport class NgbToggleItem<T> {\n private accessibleItem = inject(AccessibleItem);\n readonly toggleGroup = inject<NgbToggleGroup<T>>(NgbToggleGroup);\n\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly value = input.required<any>();\n\n readonly active = computed(() => {\n const values = this.toggleGroup.value();\n if (Array.isArray(values)) {\n return values.includes(this.value());\n }\n return values === this.value();\n });\n\n constructor() {\n this.accessibleItem._ayId.set(this.toggleGroup.ayId);\n this.accessibleItem._disabled = linkedSignal(this.disabled);\n this.accessibleItem._selected = linkedSignal(this.active);\n }\n\n updateValue() {\n this.toggleGroup.updateValue([this.value()]);\n }\n}\n","import {\n booleanAttribute,\n contentChildren,\n Directive,\n inject,\n input,\n linkedSignal,\n model,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\nimport { NgbToggleItem } from './toggle-item';\n\n@Directive({\n selector: '[ngbToggleGroup]',\n hostDirectives: [AccessibleGroup],\n providers: [provideValueAccessor(NgbToggleGroup)],\n host: {\n role: 'group',\n },\n})\nexport class NgbToggleGroup<T> implements ControlValueAccessor {\n readonly accessibleGroup = inject(AccessibleGroup);\n readonly multiple = input(true, { transform: booleanAttribute });\n readonly toggleItems = contentChildren(NgbToggleItem);\n readonly ayId = uniqueId();\n // value can be array or single value\n readonly value = model<T | T[]>();\n onChange = (_: any) => {};\n onTouched = () => {};\n\n readonly disabled = model(false);\n readonly ariaLabel = input('');\n readonly ariaLabelledby = input('');\n\n constructor() {\n this.accessibleGroup._ayId.set(this.ayId);\n this.accessibleGroup._ariaLabel = linkedSignal(this.ariaLabel);\n this.accessibleGroup._ariaLabelledby = linkedSignal(this.ariaLabelledby);\n }\n\n updateValue(value: T[]) {\n let values = this.value();\n if (this.multiple()) {\n values = (values as T[]) || [];\n for (const val of value) {\n if (values.includes(val)) {\n values = values.filter(v => v !== val);\n } else {\n values = [...values, val];\n }\n }\n } else {\n values = value;\n }\n this.value.set(values);\n this.onChange(value);\n this.onTouched();\n }\n\n writeValue(value: any): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n}\n","/*\n * Public API Surface of toggle-group\n */\n\nexport * from './toggle-group';\nexport * from './toggle-item';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAWa,aAAa,CAAA;AAexB,IAAA,WAAA,GAAA;AAdQ,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAoB,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ngbase-adk-toggle-group.mjs","sources":["../../../projects/adk/toggle-group/toggle-item.ts","../../../projects/adk/toggle-group/toggle-group.ts","../../../projects/adk/toggle-group/public-api.ts","../../../projects/adk/toggle-group/ngbase-adk-toggle-group.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input, linkedSignal } from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { NgbToggleGroup } from './toggle-group';\n\n@Directive({\n selector: 'button[ngbToggleItem]',\n hostDirectives: [{ directive: AccessibleItem, inputs: ['disabled'] }],\n host: {\n '(click)': 'updateValue()',\n },\n})\nexport class NgbToggleItem<T> {\n private accessibleItem = inject(AccessibleItem);\n readonly toggleGroup = inject<NgbToggleGroup<T>>(NgbToggleGroup);\n\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly value = input.required<any>();\n\n readonly active = computed(() => {\n const values = this.toggleGroup.value();\n if (Array.isArray(values)) {\n return values.includes(this.value());\n }\n return values === this.value();\n });\n\n constructor() {\n this.accessibleItem._ayId.set(this.toggleGroup.ayId);\n this.accessibleItem._disabled = linkedSignal(this.disabled);\n this.accessibleItem._selected = linkedSignal(this.active);\n }\n\n updateValue() {\n this.toggleGroup.updateValue([this.value()]);\n }\n}\n","import {\n booleanAttribute,\n contentChildren,\n Directive,\n inject,\n input,\n linkedSignal,\n model,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\nimport { NgbToggleItem } from './toggle-item';\n\n@Directive({\n selector: '[ngbToggleGroup]',\n hostDirectives: [AccessibleGroup],\n providers: [provideValueAccessor(NgbToggleGroup)],\n host: {\n role: 'group',\n },\n})\nexport class NgbToggleGroup<T> implements ControlValueAccessor {\n readonly accessibleGroup = inject(AccessibleGroup);\n readonly multiple = input(true, { transform: booleanAttribute });\n readonly toggleItems = contentChildren(NgbToggleItem);\n readonly ayId = uniqueId();\n // value can be array or single value\n readonly value = model<T | T[]>();\n onChange = (_: any) => {};\n onTouched = () => {};\n\n readonly disabled = model(false);\n readonly ariaLabel = input('');\n readonly ariaLabelledby = input('');\n\n constructor() {\n this.accessibleGroup._ayId.set(this.ayId);\n this.accessibleGroup._ariaLabel = linkedSignal(this.ariaLabel);\n this.accessibleGroup._ariaLabelledby = linkedSignal(this.ariaLabelledby);\n }\n\n updateValue(value: T[]) {\n let values = this.value();\n if (this.multiple()) {\n values = (values as T[]) || [];\n for (const val of value) {\n if (values.includes(val)) {\n values = values.filter(v => v !== val);\n } else {\n values = [...values, val];\n }\n }\n } else {\n values = value;\n }\n this.value.set(values);\n this.onChange(value);\n this.onTouched();\n }\n\n writeValue(value: any): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n}\n","/*\n * Public API Surface of toggle-group\n */\n\nexport * from './toggle-group';\nexport * from './toggle-item';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { provideValueAccessor } from '@ngbase/adk/utils';
|
|
|
4
4
|
|
|
5
5
|
class NgbToggle {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.value = model(false);
|
|
7
|
+
this.value = model(false, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
8
8
|
this.onChange = (_) => { };
|
|
9
9
|
this.onTouched = () => { };
|
|
10
10
|
}
|
|
@@ -21,10 +21,10 @@ class NgbToggle {
|
|
|
21
21
|
this.value.update(v => !v);
|
|
22
22
|
this.onChange(this.value());
|
|
23
23
|
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbToggle, isStandalone: true, selector: "button[ngbToggle]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "value()" } }, providers: [provideValueAccessor(NgbToggle)], ngImport: i0 }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbToggle, decorators: [{
|
|
28
28
|
type: Directive,
|
|
29
29
|
args: [{
|
|
30
30
|
selector: 'button[ngbToggle]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngbase-adk-toggle.mjs","sources":["../../../projects/adk/toggle/toggle.ts","../../../projects/adk/toggle/public-api.ts","../../../projects/adk/toggle/ngbase-adk-toggle.ts"],"sourcesContent":["import { Directive, model } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n selector: 'button[ngbToggle]',\n providers: [provideValueAccessor(NgbToggle)],\n host: {\n '(click)': 'toggle()',\n '[attr.aria-pressed]': 'value()',\n },\n})\nexport class NgbToggle implements ControlValueAccessor {\n value = model(false);\n onChange = (_: boolean) => {};\n onTouched = () => {};\n\n writeValue(value: boolean): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: VoidFunction): void {\n this.onTouched = fn;\n }\n\n toggle() {\n this.value.update(v => !v);\n this.onChange(this.value());\n }\n}\n","/*\n * Public API Surface of toggle\n */\n\nexport * from './toggle';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,SAAS,CAAA;AARtB,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"ngbase-adk-toggle.mjs","sources":["../../../projects/adk/toggle/toggle.ts","../../../projects/adk/toggle/public-api.ts","../../../projects/adk/toggle/ngbase-adk-toggle.ts"],"sourcesContent":["import { Directive, model } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n selector: 'button[ngbToggle]',\n providers: [provideValueAccessor(NgbToggle)],\n host: {\n '(click)': 'toggle()',\n '[attr.aria-pressed]': 'value()',\n },\n})\nexport class NgbToggle implements ControlValueAccessor {\n value = model(false);\n onChange = (_: boolean) => {};\n onTouched = () => {};\n\n writeValue(value: boolean): void {\n this.value.set(value);\n }\n\n registerOnChange(fn: (value: boolean) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: VoidFunction): void {\n this.onTouched = fn;\n }\n\n toggle() {\n this.value.update(v => !v);\n this.onChange(this.value());\n }\n}\n","/*\n * Public API Surface of toggle\n */\n\nexport * from './toggle';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,SAAS,CAAA;AARtB,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,iDAAC;AACpB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,CAAU,KAAI,GAAG;AAC7B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,GAAG;AAkBrB;AAhBC,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;;AAGvB,IAAA,gBAAgB,CAAC,EAA4B,EAAA;AAC3C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAGpB,IAAA,iBAAiB,CAAC,EAAgB,EAAA;AAChC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;IAGrB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;;8GAnBlB,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,qUANT,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAMjC,SAAS,EAAA,UAAA,EAAA,CAAA;kBARrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,SAAS,EAAE,CAAC,oBAAoB,CAAA,SAAA,CAAW,CAAC;AAC5C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,UAAU;AACrB,wBAAA,qBAAqB,EAAE,SAAS;AACjC,qBAAA;AACF,iBAAA;;;ACXD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -14,8 +14,8 @@ class NgbTooltipTemplate {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
this.el = inject(ElementRef);
|
|
16
16
|
this.arrowTracker = inject(POPOVER_ARROW_TRACKER, { optional: true });
|
|
17
|
-
this.content = signal('Tooltip');
|
|
18
|
-
this.target = signal(undefined);
|
|
17
|
+
this.content = signal('Tooltip', ...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
18
|
+
this.target = signal(undefined, ...(ngDevMode ? [{ debugName: "target" }] : []));
|
|
19
19
|
this.position = 'top';
|
|
20
20
|
this.onRemoved = () => {
|
|
21
21
|
this.hide();
|
|
@@ -83,10 +83,10 @@ class NgbTooltipTemplate {
|
|
|
83
83
|
ngOnDestroy() {
|
|
84
84
|
this.observer?.disconnect();
|
|
85
85
|
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
87
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTooltipTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
87
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbTooltipTemplate, isStandalone: true, selector: "[ngbTooltip]", host: { properties: { "@tooltipAnimation": "" } }, ngImport: i0 }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTooltipTemplate, decorators: [{
|
|
90
90
|
type: Directive,
|
|
91
91
|
args: [{
|
|
92
92
|
selector: '[ngbTooltip]',
|
|
@@ -128,10 +128,10 @@ class TooltipService {
|
|
|
128
128
|
this.tooltipOpen = undefined;
|
|
129
129
|
this.delay = 100;
|
|
130
130
|
}
|
|
131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
132
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
132
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipService, providedIn: 'root' }); }
|
|
133
133
|
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipService, decorators: [{
|
|
135
135
|
type: Injectable,
|
|
136
136
|
args: [{ providedIn: 'root' }]
|
|
137
137
|
}] });
|
|
@@ -161,9 +161,9 @@ class NgbTooltip {
|
|
|
161
161
|
this.el = inject(ElementRef);
|
|
162
162
|
this.tooltipService = inject(TooltipService);
|
|
163
163
|
// Inputs
|
|
164
|
-
this.ngbTooltip = input();
|
|
165
|
-
this.ngbTooltipPosition = input();
|
|
166
|
-
this.delay = input(0);
|
|
164
|
+
this.ngbTooltip = input(...(ngDevMode ? [undefined, { debugName: "ngbTooltip" }] : []));
|
|
165
|
+
this.ngbTooltipPosition = input(...(ngDevMode ? [undefined, { debugName: "ngbTooltipPosition" }] : []));
|
|
166
|
+
this.delay = input(0, ...(ngDevMode ? [{ debugName: "delay" }] : []));
|
|
167
167
|
// State
|
|
168
168
|
this.options = computed(() => {
|
|
169
169
|
const o = this.defaultOptions || {};
|
|
@@ -174,7 +174,7 @@ class NgbTooltip {
|
|
|
174
174
|
component: this.defaultOptions?.component || o.component,
|
|
175
175
|
};
|
|
176
176
|
return options;
|
|
177
|
-
});
|
|
177
|
+
}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
178
178
|
this.show = () => {
|
|
179
179
|
// listen when cursor is over and element is removed
|
|
180
180
|
const options = this.options();
|
|
@@ -224,10 +224,10 @@ class NgbTooltip {
|
|
|
224
224
|
ngOnDestroy() {
|
|
225
225
|
this.remove();
|
|
226
226
|
}
|
|
227
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
228
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
228
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbTooltip, isStandalone: true, selector: "[ngbTooltip]", inputs: { ngbTooltip: { classPropertyName: "ngbTooltip", publicName: "ngbTooltip", isSignal: true, isRequired: false, transformFunction: null }, ngbTooltipPosition: { classPropertyName: "ngbTooltipPosition", publicName: "ngbTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, providers: [providePopoverArrowTracker()], ngImport: i0 }); }
|
|
229
229
|
}
|
|
230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTooltip, decorators: [{
|
|
231
231
|
type: Directive,
|
|
232
232
|
args: [{
|
|
233
233
|
selector: '[ngbTooltip]',
|