@ptsecurity/mosaic 11.6.0 → 12.2.1
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/_theming.scss +407 -99
- package/_visual.scss +63 -26
- package/autocomplete/autocomplete-origin.directive.d.ts +3 -0
- package/autocomplete/autocomplete-trigger.directive.d.ts +3 -0
- package/autocomplete/autocomplete.component.d.ts +3 -0
- package/autocomplete/autocomplete.module.d.ts +10 -0
- package/autocomplete/package.json +0 -1
- package/autocomplete/ptsecurity-mosaic-autocomplete.d.ts +1 -0
- package/bundles/ptsecurity-mosaic-autocomplete.umd.js +178 -114
- package/bundles/ptsecurity-mosaic-autocomplete.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-button-toggle.umd.js +107 -71
- package/bundles/ptsecurity-mosaic-button-toggle.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-button.umd.js +106 -77
- package/bundles/ptsecurity-mosaic-button.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-card.umd.js +74 -43
- package/bundles/ptsecurity-mosaic-card.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-checkbox.umd.js +114 -69
- package/bundles/ptsecurity-mosaic-checkbox.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-core.umd.js +804 -256
- package/bundles/ptsecurity-mosaic-core.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.js +599 -420
- package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-design-tokens.umd.js +108 -26
- package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-divider.umd.js +55 -28
- package/bundles/ptsecurity-mosaic-divider.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-dropdown.umd.js +263 -187
- package/bundles/ptsecurity-mosaic-dropdown.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-form-field.umd.js +200 -125
- package/bundles/ptsecurity-mosaic-form-field.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-icon.umd.js +79 -41
- package/bundles/ptsecurity-mosaic-icon.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-input.umd.js +222 -124
- package/bundles/ptsecurity-mosaic-input.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-link.umd.js +76 -45
- package/bundles/ptsecurity-mosaic-link.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-list.umd.js +344 -200
- package/bundles/ptsecurity-mosaic-list.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-modal.umd.js +324 -220
- package/bundles/ptsecurity-mosaic-modal.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-navbar.umd.js +289 -208
- package/bundles/ptsecurity-mosaic-navbar.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-popover.umd.js +346 -640
- package/bundles/ptsecurity-mosaic-popover.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-progress-bar.umd.js +69 -40
- package/bundles/ptsecurity-mosaic-progress-bar.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-progress-spinner.umd.js +69 -40
- package/bundles/ptsecurity-mosaic-progress-spinner.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-radio.umd.js +126 -81
- package/bundles/ptsecurity-mosaic-radio.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-select.umd.js +276 -154
- package/bundles/ptsecurity-mosaic-select.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-sidebar.umd.js +105 -68
- package/bundles/ptsecurity-mosaic-sidebar.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-sidepanel.umd.js +236 -158
- package/bundles/ptsecurity-mosaic-sidepanel.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-splitter.umd.js +112 -83
- package/bundles/ptsecurity-mosaic-splitter.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-table.umd.js +77 -44
- package/bundles/ptsecurity-mosaic-table.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tabs.umd.js +894 -687
- package/bundles/ptsecurity-mosaic-tabs.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tags.umd.js +313 -209
- package/bundles/ptsecurity-mosaic-tags.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-textarea.umd.js +107 -53
- package/bundles/ptsecurity-mosaic-textarea.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.js +116 -71
- package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-toggle.umd.js +97 -58
- package/bundles/ptsecurity-mosaic-toggle.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tooltip.umd.js +347 -615
- package/bundles/ptsecurity-mosaic-tooltip.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tree-select.umd.js +223 -118
- package/bundles/ptsecurity-mosaic-tree-select.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tree.umd.js +1162 -344
- package/bundles/ptsecurity-mosaic-tree.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic.umd.js +2 -2
- package/button/button.component.d.ts +7 -0
- package/button/button.module.d.ts +8 -0
- package/button/package.json +0 -1
- package/button/ptsecurity-mosaic-button.d.ts +1 -0
- package/button-toggle/button-toggle.component.d.ts +5 -0
- package/button-toggle/button-toggle.module.d.ts +7 -0
- package/button-toggle/package.json +0 -1
- package/button-toggle/ptsecurity-mosaic-button-toggle.d.ts +1 -0
- package/card/card.component.d.ts +3 -0
- package/card/card.module.d.ts +8 -0
- package/card/package.json +0 -1
- package/card/ptsecurity-mosaic-card.d.ts +1 -0
- package/checkbox/checkbox-module.d.ts +7 -0
- package/checkbox/checkbox-required-validator.d.ts +3 -0
- package/checkbox/checkbox.d.ts +3 -0
- package/checkbox/package.json +0 -1
- package/checkbox/ptsecurity-mosaic-checkbox.d.ts +1 -0
- package/core/common-behaviors/color.d.ts +3 -3
- package/core/common-behaviors/common-module.d.ts +5 -0
- package/core/common-behaviors/disabled.d.ts +4 -3
- package/core/common-behaviors/tabindex.d.ts +2 -1
- package/core/error/error-options.d.ts +5 -0
- package/core/formatters/date/formatter.d.ts +3 -0
- package/core/formatters/index.d.ts +5 -0
- package/core/formatters/number/formatter.d.ts +4 -0
- package/core/forms/forms-module.d.ts +5 -0
- package/core/forms/forms.directive.d.ts +5 -0
- package/core/highlight/highlight.pipe.d.ts +3 -0
- package/core/highlight/index.d.ts +6 -0
- package/core/line/line.d.ts +6 -0
- package/core/option/action.d.ts +42 -0
- package/core/option/index.d.ts +1 -0
- package/core/option/optgroup.d.ts +3 -0
- package/core/option/option-module.d.ts +9 -0
- package/core/option/option.d.ts +3 -0
- package/core/overlay/overlay-position-map.d.ts +0 -4
- package/core/package.json +0 -1
- package/core/pop-up/constants.d.ts +29 -0
- package/core/pop-up/index.d.ts +3 -0
- package/core/pop-up/pop-up-trigger.d.ts +70 -0
- package/core/pop-up/pop-up.d.ts +35 -0
- package/core/ptsecurity-mosaic-core.d.ts +1 -1
- package/core/public-api.d.ts +1 -0
- package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +3 -0
- package/core/selection/pseudo-checkbox/pseudo-checkbox.module.d.ts +6 -0
- package/core/services/measure-scrollbar.service.d.ts +3 -0
- package/datepicker/calendar-body.component.d.ts +5 -6
- package/datepicker/calendar.component.d.ts +5 -0
- package/datepicker/datepicker-input.directive.d.ts +6 -2
- package/datepicker/datepicker-intl.d.ts +3 -0
- package/datepicker/datepicker-module.d.ts +18 -0
- package/datepicker/datepicker-toggle.component.d.ts +5 -0
- package/datepicker/datepicker.component.d.ts +5 -0
- package/datepicker/month-view.component.d.ts +3 -0
- package/datepicker/multi-year-view.component.d.ts +3 -0
- package/datepicker/package.json +0 -1
- package/datepicker/ptsecurity-mosaic-datepicker.d.ts +1 -0
- package/datepicker/year-view.component.d.ts +3 -0
- package/design-tokens/package.json +0 -1
- package/design-tokens/ptsecurity-mosaic-design-tokens.d.ts +1 -0
- package/design-tokens/tokens/components/list.json5 +0 -4
- package/design-tokens/tokens/components/popover.json5 +32 -4
- package/design-tokens/tokens/components/tooltip.json5 +49 -3
- package/design-tokens/tokens/components/tree.json5 +3 -3
- package/design-tokens/tokens/properties/globals.json5 +1 -1
- package/design-tokens/tokens.d.ts +56 -15
- package/divider/divider.component.d.ts +3 -0
- package/divider/divider.module.d.ts +6 -0
- package/divider/package.json +0 -1
- package/divider/ptsecurity-mosaic-divider.d.ts +1 -0
- package/dropdown/dropdown-content.directive.d.ts +3 -0
- package/dropdown/dropdown-item.component.d.ts +3 -0
- package/dropdown/dropdown-trigger.directive.d.ts +6 -8
- package/dropdown/dropdown.component.d.ts +5 -1
- package/dropdown/dropdown.module.d.ts +11 -0
- package/dropdown/package.json +0 -1
- package/dropdown/ptsecurity-mosaic-dropdown.d.ts +1 -0
- package/esm2015/autocomplete/autocomplete-origin.directive.js +11 -11
- package/esm2015/autocomplete/autocomplete-trigger.directive.js +53 -38
- package/esm2015/autocomplete/autocomplete.component.js +56 -37
- package/esm2015/autocomplete/autocomplete.module.js +25 -15
- package/esm2015/button/button.component.js +52 -56
- package/esm2015/button/button.module.js +35 -20
- package/esm2015/button-toggle/button-toggle.component.js +76 -55
- package/esm2015/button-toggle/button-toggle.module.js +13 -8
- package/esm2015/card/card.component.js +32 -30
- package/esm2015/card/card.module.js +23 -12
- package/esm2015/checkbox/checkbox-module.js +13 -8
- package/esm2015/checkbox/checkbox-required-validator.js +12 -8
- package/esm2015/checkbox/checkbox.js +61 -44
- package/esm2015/core/common-behaviors/color.js +2 -5
- package/esm2015/core/common-behaviors/common-module.js +17 -11
- package/esm2015/core/common-behaviors/disabled.js +1 -1
- package/esm2015/core/common-behaviors/tabindex.js +4 -13
- package/esm2015/core/error/error-options.js +12 -8
- package/esm2015/core/formatters/date/formatter.js +13 -10
- package/esm2015/core/formatters/index.js +13 -8
- package/esm2015/core/formatters/number/formatter.js +16 -10
- package/esm2015/core/forms/forms-module.js +20 -13
- package/esm2015/core/forms/forms.directive.js +32 -29
- package/esm2015/core/highlight/highlight.pipe.js +8 -4
- package/esm2015/core/highlight/index.js +13 -8
- package/esm2015/core/line/line.js +22 -14
- package/esm2015/core/option/action.js +131 -0
- package/esm2015/core/option/index.js +2 -1
- package/esm2015/core/option/optgroup.js +22 -19
- package/esm2015/core/option/option-module.js +14 -8
- package/esm2015/core/option/option.js +44 -35
- package/esm2015/core/overlay/overlay-position-map.js +16 -18
- package/esm2015/core/pop-up/constants.js +34 -0
- package/esm2015/core/pop-up/index.js +4 -0
- package/esm2015/core/pop-up/pop-up-trigger.js +241 -0
- package/esm2015/core/pop-up/pop-up.js +87 -0
- package/esm2015/core/ptsecurity-mosaic-core.js +1 -2
- package/esm2015/core/public-api.js +2 -1
- package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.js +25 -21
- package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.module.js +13 -8
- package/esm2015/core/services/measure-scrollbar.service.js +12 -12
- package/esm2015/datepicker/calendar-body.component.js +39 -32
- package/esm2015/datepicker/calendar.component.js +92 -58
- package/esm2015/datepicker/datepicker-input.directive.js +92 -61
- package/esm2015/datepicker/datepicker-intl.js +7 -5
- package/esm2015/datepicker/datepicker-module.js +89 -48
- package/esm2015/datepicker/datepicker-toggle.component.js +44 -32
- package/esm2015/datepicker/datepicker.component.js +88 -63
- package/esm2015/datepicker/month-view.component.js +48 -29
- package/esm2015/datepicker/multi-year-view.component.js +40 -27
- package/esm2015/datepicker/year-view.component.js +45 -28
- package/esm2015/design-tokens/tokens.js +57 -16
- package/esm2015/divider/divider.component.js +24 -20
- package/esm2015/divider/divider.module.js +13 -8
- package/esm2015/dropdown/dropdown-content.directive.js +13 -15
- package/esm2015/dropdown/dropdown-item.component.js +40 -30
- package/esm2015/dropdown/dropdown-trigger.directive.js +75 -67
- package/esm2015/dropdown/dropdown.component.js +63 -38
- package/esm2015/dropdown/dropdown.module.js +40 -23
- package/esm2015/form-field/cleaner.js +20 -11
- package/esm2015/form-field/form-field.js +77 -53
- package/esm2015/form-field/form-field.module.js +41 -24
- package/esm2015/form-field/hint.js +16 -13
- package/esm2015/form-field/prefix.js +10 -6
- package/esm2015/form-field/stepper.js +22 -11
- package/esm2015/form-field/suffix.js +10 -6
- package/esm2015/icon/icon.component.js +27 -22
- package/esm2015/icon/icon.module.js +31 -18
- package/esm2015/input/input-number-validators.js +48 -29
- package/esm2015/input/input-number.js +42 -28
- package/esm2015/input/input.js +94 -52
- package/esm2015/input/input.module.js +13 -8
- package/esm2015/link/link.component.js +38 -34
- package/esm2015/link/link.module.js +20 -11
- package/esm2015/list/list-selection.component.js +224 -122
- package/esm2015/list/list.component.js +35 -32
- package/esm2015/list/list.module.js +47 -25
- package/esm2015/modal/css-unit.pipe.js +10 -6
- package/esm2015/modal/modal-control.service.js +11 -8
- package/esm2015/modal/modal.component.js +107 -61
- package/esm2015/modal/modal.directive.js +43 -30
- package/esm2015/modal/modal.module.js +59 -31
- package/esm2015/modal/modal.service.js +9 -9
- package/esm2015/modal/ptsecurity-mosaic-modal.js +1 -3
- package/esm2015/navbar/navbar-item.component.js +111 -95
- package/esm2015/navbar/navbar.component.js +40 -30
- package/esm2015/navbar/navbar.module.js +66 -35
- package/esm2015/navbar/ptsecurity-mosaic-navbar.js +1 -2
- package/esm2015/navbar/vertical-navbar.component.js +68 -46
- package/esm2015/popover/popover-confirm.component.js +115 -0
- package/esm2015/popover/popover.component.js +180 -587
- package/esm2015/popover/popover.module.js +18 -12
- package/esm2015/popover/public-api.js +2 -1
- package/esm2015/progress-bar/progress-bar.component.js +26 -24
- package/esm2015/progress-bar/progress-bar.module.js +24 -15
- package/esm2015/progress-spinner/progress-spinner.component.js +26 -24
- package/esm2015/progress-spinner/progress-spinner.module.js +24 -15
- package/esm2015/radio/radio.component.js +87 -67
- package/esm2015/radio/radio.module.js +13 -8
- package/esm2015/select/select.component.js +181 -105
- package/esm2015/select/select.module.js +54 -28
- package/esm2015/sidebar/ptsecurity-mosaic-sidebar.js +1 -2
- package/esm2015/sidebar/sidebar.component.js +61 -50
- package/esm2015/sidebar/sidebar.module.js +25 -16
- package/esm2015/sidepanel/ptsecurity-mosaic-sidepanel.js +1 -2
- package/esm2015/sidepanel/sidepanel-container.component.js +46 -40
- package/esm2015/sidepanel/sidepanel-directives.js +87 -57
- package/esm2015/sidepanel/sidepanel.module.js +63 -30
- package/esm2015/sidepanel/sidepanel.service.js +20 -12
- package/esm2015/splitter/splitter.component.js +62 -64
- package/esm2015/splitter/splitter.module.js +32 -19
- package/esm2015/table/table.component.js +13 -9
- package/esm2015/table/table.module.js +23 -12
- package/esm2015/tabs/paginated-tab-header.js +20 -18
- package/esm2015/tabs/ptsecurity-mosaic-tabs.js +1 -6
- package/esm2015/tabs/tab-body.component.js +52 -42
- package/esm2015/tabs/tab-content.directive.js +8 -8
- package/esm2015/tabs/tab-group.component.js +145 -74
- package/esm2015/tabs/tab-header.component.js +50 -36
- package/esm2015/tabs/tab-label-wrapper.directive.js +30 -16
- package/esm2015/tabs/tab-label.directive.js +11 -7
- package/esm2015/tabs/tab-nav-bar/tab-nav-bar.js +46 -46
- package/esm2015/tabs/tab.component.js +67 -33
- package/esm2015/tabs/tabs.module.js +87 -45
- package/esm2015/tags/tag-input.js +48 -34
- package/esm2015/tags/tag-list.component.js +93 -56
- package/esm2015/tags/tag.component.js +90 -73
- package/esm2015/tags/tag.module.js +46 -29
- package/esm2015/textarea/textarea.component.js +70 -41
- package/esm2015/textarea/textarea.module.js +13 -8
- package/esm2015/timepicker/timepicker.directive.js +64 -52
- package/esm2015/timepicker/timepicker.module.js +26 -13
- package/esm2015/toggle/toggle.component.js +65 -47
- package/esm2015/toggle/toggle.module.js +13 -8
- package/esm2015/tooltip/tooltip.animations.js +19 -0
- package/esm2015/tooltip/tooltip.component.js +239 -555
- package/esm2015/tooltip/tooltip.module.js +38 -11
- package/esm2015/tree/control/base-tree-control.js +60 -0
- package/esm2015/tree/control/flat-tree-control.js +123 -0
- package/esm2015/tree/control/nested-tree-control.js +41 -0
- package/esm2015/tree/control/tree-control.js +2 -0
- package/esm2015/tree/data-source/flat-data-source.js +1 -1
- package/esm2015/tree/node.js +31 -0
- package/esm2015/tree/outlet.js +15 -0
- package/esm2015/tree/padding.directive.js +98 -25
- package/esm2015/tree/public-api.js +9 -2
- package/esm2015/tree/toggle.js +65 -70
- package/esm2015/tree/tree-base.js +243 -0
- package/esm2015/tree/tree-errors.js +36 -0
- package/esm2015/tree/tree-option.component.js +102 -56
- package/esm2015/tree/tree-selection.component.js +180 -115
- package/esm2015/tree/tree.js +23 -0
- package/esm2015/tree/tree.module.js +38 -12
- package/esm2015/tree-select/tree-select.component.js +153 -85
- package/esm2015/tree-select/tree-select.module.js +33 -18
- package/fesm2015/ptsecurity-mosaic-autocomplete.js +140 -102
- package/fesm2015/ptsecurity-mosaic-autocomplete.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-button-toggle.js +87 -63
- package/fesm2015/ptsecurity-mosaic-button-toggle.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-button.js +86 -76
- package/fesm2015/ptsecurity-mosaic-button.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-card.js +54 -42
- package/fesm2015/ptsecurity-mosaic-card.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-checkbox.js +82 -59
- package/fesm2015/ptsecurity-mosaic-checkbox.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.js +758 -239
- package/fesm2015/ptsecurity-mosaic-core.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.js +544 -376
- package/fesm2015/ptsecurity-mosaic-datepicker.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.js +57 -16
- package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-divider.js +34 -26
- package/fesm2015/ptsecurity-mosaic-divider.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dropdown.js +219 -171
- package/fesm2015/ptsecurity-mosaic-dropdown.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.js +184 -119
- package/fesm2015/ptsecurity-mosaic-form-field.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-icon.js +56 -39
- package/fesm2015/ptsecurity-mosaic-icon.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-input.js +191 -116
- package/fesm2015/ptsecurity-mosaic-input.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-link.js +57 -45
- package/fesm2015/ptsecurity-mosaic-link.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-list.js +301 -177
- package/fesm2015/ptsecurity-mosaic-list.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-modal.js +243 -159
- package/fesm2015/ptsecurity-mosaic-modal.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.js +280 -205
- package/fesm2015/ptsecurity-mosaic-navbar.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-popover.js +297 -597
- package/fesm2015/ptsecurity-mosaic-popover.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-bar.js +48 -38
- package/fesm2015/ptsecurity-mosaic-progress-bar.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-spinner.js +48 -38
- package/fesm2015/ptsecurity-mosaic-progress-spinner.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-radio.js +99 -76
- package/fesm2015/ptsecurity-mosaic-radio.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.js +236 -136
- package/fesm2015/ptsecurity-mosaic-select.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidebar.js +85 -66
- package/fesm2015/ptsecurity-mosaic-sidebar.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.js +207 -139
- package/fesm2015/ptsecurity-mosaic-sidepanel.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-splitter.js +92 -82
- package/fesm2015/ptsecurity-mosaic-splitter.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-table.js +33 -19
- package/fesm2015/ptsecurity-mosaic-table.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tabs.js +557 -387
- package/fesm2015/ptsecurity-mosaic-tabs.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tags.js +273 -192
- package/fesm2015/ptsecurity-mosaic-tags.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-textarea.js +83 -50
- package/fesm2015/ptsecurity-mosaic-textarea.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timepicker.js +87 -64
- package/fesm2015/ptsecurity-mosaic-timepicker.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toggle.js +77 -55
- package/fesm2015/ptsecurity-mosaic-toggle.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tooltip.js +293 -566
- package/fesm2015/ptsecurity-mosaic-tooltip.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.js +188 -106
- package/fesm2015/ptsecurity-mosaic-tree-select.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.js +1001 -279
- package/fesm2015/ptsecurity-mosaic-tree.js.map +1 -1
- package/form-field/cleaner.d.ts +5 -0
- package/form-field/form-field.d.ts +5 -0
- package/form-field/form-field.module.d.ts +12 -0
- package/form-field/hint.d.ts +3 -0
- package/form-field/package.json +0 -1
- package/form-field/prefix.d.ts +3 -0
- package/form-field/ptsecurity-mosaic-form-field.d.ts +1 -0
- package/form-field/stepper.d.ts +3 -0
- package/form-field/suffix.d.ts +3 -0
- package/icon/icon.component.d.ts +5 -0
- package/icon/icon.module.d.ts +8 -0
- package/icon/package.json +0 -1
- package/icon/ptsecurity-mosaic-icon.d.ts +1 -0
- package/input/input-number-validators.d.ts +7 -2
- package/input/input-number.d.ts +3 -0
- package/input/input.d.ts +5 -0
- package/input/input.module.d.ts +11 -0
- package/input/package.json +0 -1
- package/input/ptsecurity-mosaic-input.d.ts +1 -0
- package/link/link.component.d.ts +3 -0
- package/link/link.module.d.ts +7 -0
- package/link/package.json +0 -1
- package/link/ptsecurity-mosaic-link.d.ts +1 -0
- package/list/list-selection.component.d.ts +30 -3
- package/list/list.component.d.ts +5 -0
- package/list/list.module.d.ts +9 -0
- package/list/package.json +0 -1
- package/list/ptsecurity-mosaic-list.d.ts +1 -0
- package/modal/css-unit.pipe.d.ts +3 -0
- package/modal/modal-control.service.d.ts +3 -0
- package/modal/modal.component.d.ts +5 -0
- package/modal/modal.directive.d.ts +9 -0
- package/modal/modal.module.d.ts +12 -0
- package/modal/modal.service.d.ts +3 -0
- package/modal/package.json +0 -1
- package/modal/ptsecurity-mosaic-modal.d.ts +1 -2
- package/navbar/navbar-item.component.d.ts +13 -0
- package/navbar/navbar.component.d.ts +5 -0
- package/navbar/navbar.module.d.ts +11 -0
- package/navbar/package.json +0 -1
- package/navbar/ptsecurity-mosaic-navbar.d.ts +1 -1
- package/navbar/vertical-navbar.component.d.ts +5 -0
- package/package.json +8 -9
- package/popover/package.json +0 -1
- package/popover/popover-confirm.component.d.ts +33 -0
- package/popover/popover.component.d.ts +50 -136
- package/popover/popover.module.d.ts +9 -0
- package/popover/ptsecurity-mosaic-popover.d.ts +1 -0
- package/popover/public-api.d.ts +1 -0
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/prebuilt-visual/default-visual.css +1 -0
- package/progress-bar/package.json +0 -1
- package/progress-bar/progress-bar.component.d.ts +3 -0
- package/progress-bar/progress-bar.module.d.ts +7 -0
- package/progress-bar/ptsecurity-mosaic-progress-bar.d.ts +1 -0
- package/progress-spinner/package.json +0 -1
- package/progress-spinner/progress-spinner.component.d.ts +3 -0
- package/progress-spinner/progress-spinner.module.d.ts +7 -0
- package/progress-spinner/ptsecurity-mosaic-progress-spinner.d.ts +1 -0
- package/ptsecurity-mosaic.d.ts +1 -0
- package/radio/package.json +0 -1
- package/radio/ptsecurity-mosaic-radio.d.ts +1 -0
- package/radio/radio.component.d.ts +5 -0
- package/radio/radio.module.d.ts +8 -0
- package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js +6 -3
- package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js.map +1 -1
- package/select/package.json +0 -1
- package/select/ptsecurity-mosaic-select.d.ts +1 -0
- package/select/select.component.d.ts +11 -7
- package/select/select.module.d.ts +11 -0
- package/sidebar/package.json +0 -1
- package/sidebar/ptsecurity-mosaic-sidebar.d.ts +1 -1
- package/sidebar/sidebar.component.d.ts +7 -0
- package/sidebar/sidebar.module.d.ts +6 -0
- package/sidepanel/package.json +0 -1
- package/sidepanel/ptsecurity-mosaic-sidepanel.d.ts +1 -1
- package/sidepanel/sidepanel-container.component.d.ts +3 -0
- package/sidepanel/sidepanel-directives.d.ts +13 -0
- package/sidepanel/sidepanel.module.d.ts +13 -0
- package/sidepanel/sidepanel.service.d.ts +3 -0
- package/splitter/package.json +0 -1
- package/splitter/ptsecurity-mosaic-splitter.d.ts +1 -0
- package/splitter/splitter.component.d.ts +7 -0
- package/splitter/splitter.module.d.ts +7 -0
- package/table/package.json +0 -1
- package/table/ptsecurity-mosaic-table.d.ts +1 -0
- package/table/table.component.d.ts +3 -0
- package/table/table.module.d.ts +8 -0
- package/tabs/package.json +0 -1
- package/tabs/paginated-tab-header.d.ts +3 -0
- package/tabs/ptsecurity-mosaic-tabs.d.ts +1 -5
- package/tabs/tab-body.component.d.ts +5 -0
- package/tabs/tab-content.directive.d.ts +3 -0
- package/tabs/tab-group.component.d.ts +24 -4
- package/tabs/tab-header.component.d.ts +3 -0
- package/tabs/tab-label-wrapper.directive.d.ts +9 -0
- package/tabs/tab-label.directive.d.ts +3 -0
- package/tabs/tab-nav-bar/tab-nav-bar.d.ts +5 -0
- package/tabs/tab.component.d.ts +12 -3
- package/tabs/tabs.module.d.ts +18 -0
- package/tags/package.json +0 -1
- package/tags/ptsecurity-mosaic-tags.d.ts +1 -0
- package/tags/tag-input.d.ts +3 -0
- package/tags/tag-list.component.d.ts +3 -0
- package/tags/tag.component.d.ts +9 -0
- package/tags/tag.module.d.ts +9 -0
- package/textarea/package.json +0 -1
- package/textarea/ptsecurity-mosaic-textarea.d.ts +1 -0
- package/textarea/textarea.component.d.ts +3 -0
- package/textarea/textarea.module.d.ts +9 -0
- package/timepicker/package.json +0 -1
- package/timepicker/ptsecurity-mosaic-timepicker.d.ts +1 -0
- package/timepicker/timepicker.directive.d.ts +5 -2
- package/timepicker/timepicker.module.d.ts +9 -0
- package/toggle/package.json +0 -1
- package/toggle/ptsecurity-mosaic-toggle.d.ts +1 -0
- package/toggle/toggle.component.d.ts +3 -0
- package/toggle/toggle.module.d.ts +8 -0
- package/tooltip/package.json +0 -1
- package/tooltip/ptsecurity-mosaic-tooltip.d.ts +1 -0
- package/tooltip/tooltip.animations.d.ts +8 -0
- package/tooltip/tooltip.component.d.ts +74 -134
- package/tooltip/tooltip.module.d.ts +7 -0
- package/tree/control/base-tree-control.d.ts +40 -0
- package/tree/control/flat-tree-control.d.ts +48 -0
- package/tree/control/nested-tree-control.d.ts +19 -0
- package/tree/control/tree-control.d.ts +44 -0
- package/tree/data-source/flat-data-source.d.ts +2 -1
- package/tree/node.d.ts +34 -0
- package/tree/outlet.d.ts +9 -0
- package/tree/package.json +0 -1
- package/tree/padding.directive.d.ts +36 -5
- package/tree/ptsecurity-mosaic-tree.d.ts +1 -0
- package/tree/public-api.d.ts +8 -1
- package/tree/toggle.d.ts +20 -15
- package/tree/tree-base.d.ts +97 -0
- package/tree/tree-errors.d.ts +25 -0
- package/tree/tree-option.component.d.ts +15 -4
- package/tree/tree-selection.component.d.ts +46 -24
- package/tree/tree.d.ts +6 -0
- package/tree/tree.module.d.ts +14 -0
- package/tree-select/package.json +0 -1
- package/tree-select/ptsecurity-mosaic-tree-select.d.ts +1 -0
- package/tree-select/tree-select.component.d.ts +8 -8
- package/tree-select/tree-select.module.d.ts +11 -0
- package/autocomplete/ptsecurity-mosaic-autocomplete.metadata.json +0 -1
- package/bundles/ptsecurity-mosaic-autocomplete.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-autocomplete.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-button-toggle.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-button-toggle.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-button.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-button.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-card.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-card.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-checkbox.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-checkbox.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-core.umd.min.js +0 -17
- package/bundles/ptsecurity-mosaic-core.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-datepicker.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-divider.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-divider.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-dropdown.umd.min.js +0 -17
- package/bundles/ptsecurity-mosaic-dropdown.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-form-field.umd.min.js +0 -17
- package/bundles/ptsecurity-mosaic-form-field.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-icon.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-icon.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-input.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-input.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-link.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-link.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-list.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-list.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-modal.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-modal.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-navbar.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-navbar.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-popover.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-popover.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-progress-bar.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-progress-bar.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-progress-spinner.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-progress-spinner.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-radio.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-radio.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-select.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-select.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-sidebar.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-sidebar.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-sidepanel.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-sidepanel.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-splitter.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-splitter.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-table.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-table.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tabs.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-tabs.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tags.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-tags.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-textarea.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-textarea.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic-timepicker.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-toggle.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-toggle.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tooltip.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-tooltip.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tree-select.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-tree-select.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tree.umd.min.js +0 -16
- package/bundles/ptsecurity-mosaic-tree.umd.min.js.map +0 -1
- package/bundles/ptsecurity-mosaic.umd.min.js +0 -2
- package/bundles/ptsecurity-mosaic.umd.min.js.map +0 -1
- package/button/ptsecurity-mosaic-button.metadata.json +0 -1
- package/button-toggle/ptsecurity-mosaic-button-toggle.metadata.json +0 -1
- package/card/ptsecurity-mosaic-card.metadata.json +0 -1
- package/checkbox/ptsecurity-mosaic-checkbox.metadata.json +0 -1
- package/core/ptsecurity-mosaic-core.metadata.json +0 -1
- package/datepicker/ptsecurity-mosaic-datepicker.metadata.json +0 -1
- package/design-tokens/ptsecurity-mosaic-design-tokens.metadata.json +0 -1
- package/divider/ptsecurity-mosaic-divider.metadata.json +0 -1
- package/dropdown/ptsecurity-mosaic-dropdown.metadata.json +0 -1
- package/esm2015/tree/node.directive.js +0 -15
- package/form-field/ptsecurity-mosaic-form-field.metadata.json +0 -1
- package/icon/ptsecurity-mosaic-icon.metadata.json +0 -1
- package/input/ptsecurity-mosaic-input.metadata.json +0 -1
- package/link/ptsecurity-mosaic-link.metadata.json +0 -1
- package/list/ptsecurity-mosaic-list.metadata.json +0 -1
- package/modal/ptsecurity-mosaic-modal.metadata.json +0 -1
- package/navbar/ptsecurity-mosaic-navbar.metadata.json +0 -1
- package/popover/ptsecurity-mosaic-popover.metadata.json +0 -1
- package/progress-bar/ptsecurity-mosaic-progress-bar.metadata.json +0 -1
- package/progress-spinner/ptsecurity-mosaic-progress-spinner.metadata.json +0 -1
- package/ptsecurity-mosaic.metadata.json +0 -1
- package/radio/ptsecurity-mosaic-radio.metadata.json +0 -1
- package/select/ptsecurity-mosaic-select.metadata.json +0 -1
- package/sidebar/ptsecurity-mosaic-sidebar.metadata.json +0 -1
- package/sidepanel/ptsecurity-mosaic-sidepanel.metadata.json +0 -1
- package/splitter/ptsecurity-mosaic-splitter.metadata.json +0 -1
- package/table/ptsecurity-mosaic-table.metadata.json +0 -1
- package/tabs/ptsecurity-mosaic-tabs.metadata.json +0 -1
- package/tags/ptsecurity-mosaic-tags.metadata.json +0 -1
- package/textarea/ptsecurity-mosaic-textarea.metadata.json +0 -1
- package/timepicker/ptsecurity-mosaic-timepicker.metadata.json +0 -1
- package/toggle/ptsecurity-mosaic-toggle.metadata.json +0 -1
- package/tooltip/ptsecurity-mosaic-tooltip.metadata.json +0 -1
- package/tree/node.directive.d.ts +0 -4
- package/tree/ptsecurity-mosaic-tree.metadata.json +0 -1
- package/tree-select/ptsecurity-mosaic-tree-select.metadata.json +0 -1
@@ -0,0 +1,48 @@
|
|
1
|
+
import { BaseTreeControl } from './base-tree-control';
|
2
|
+
export declare function defaultCompareValues(firstValue: any, secondValue: any): boolean;
|
3
|
+
export declare function defaultCompareViewValues(firstViewValue: any, secondViewValue: any): boolean;
|
4
|
+
/** Flat tree control. Able to expand/collapse a subtree recursively for flattened tree. */
|
5
|
+
export declare class FlatTreeControl<T> extends BaseTreeControl<T> {
|
6
|
+
getLevel: (dataNode: T) => number;
|
7
|
+
isExpandable: (dataNode: T) => boolean;
|
8
|
+
/** getValue will be used to determine if the tree contains value or not. Used in method hasValue */
|
9
|
+
getValue: (dataNode: any) => any;
|
10
|
+
/** getViewValue will be used for filter nodes. Returned value will be first argument in filterNodesFunction */
|
11
|
+
getViewValue: (dataNode: any) => string;
|
12
|
+
/** compareValues will be used to comparing values. */
|
13
|
+
compareValues: (firstValue: any, secondValue: any) => boolean;
|
14
|
+
/** compareValues will be used to comparing values. */
|
15
|
+
compareViewValues: (firstViewValue: any, secondViewValue: any) => boolean;
|
16
|
+
expandedItemsBeforeFiltration: T[];
|
17
|
+
/** Construct with flat tree data node functions getLevel, isExpandable, getValue and getViewValue. */
|
18
|
+
constructor(getLevel: (dataNode: T) => number, isExpandable: (dataNode: T) => boolean,
|
19
|
+
/** getValue will be used to determine if the tree contains value or not. Used in method hasValue */
|
20
|
+
getValue: (dataNode: any) => any,
|
21
|
+
/** getViewValue will be used for filter nodes. Returned value will be first argument in filterNodesFunction */
|
22
|
+
getViewValue: (dataNode: any) => string,
|
23
|
+
/** compareValues will be used to comparing values. */
|
24
|
+
compareValues?: (firstValue: any, secondValue: any) => boolean,
|
25
|
+
/** compareValues will be used to comparing values. */
|
26
|
+
compareViewValues?: (firstViewValue: any, secondViewValue: any) => boolean);
|
27
|
+
/**
|
28
|
+
* Gets a list of the data node's subtree of descendent data nodes.
|
29
|
+
*
|
30
|
+
* To make this working, the `dataNodes` of the TreeControl must be flattened tree nodes
|
31
|
+
* with correct levels.
|
32
|
+
*/
|
33
|
+
getDescendants(dataNode: T): T[];
|
34
|
+
/**
|
35
|
+
* Expands all data nodes in the tree.
|
36
|
+
*
|
37
|
+
* To make this working, the `dataNodes` variable of the TreeControl must be set to all flattened
|
38
|
+
* data nodes of the tree.
|
39
|
+
*/
|
40
|
+
expandAll(): void;
|
41
|
+
getParents(node: any, result: T[]): T[];
|
42
|
+
hasValue(value: string): T | undefined;
|
43
|
+
filterNodes(value: string): void;
|
44
|
+
private expandDataNode;
|
45
|
+
private saveExpansionState;
|
46
|
+
private restoreExpansionState;
|
47
|
+
private hasFilteredDescendant;
|
48
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { Observable } from 'rxjs';
|
2
|
+
import { BaseTreeControl } from './base-tree-control';
|
3
|
+
/** Nested tree control. Able to expand/collapse a subtree recursively for NestedNode type. */
|
4
|
+
export declare class NestedTreeControl<T> extends BaseTreeControl<T> {
|
5
|
+
getChildren: (dataNode: T) => Observable<T[]>;
|
6
|
+
/** Construct with nested tree function getChildren. */
|
7
|
+
constructor(getChildren: (dataNode: T) => Observable<T[]>);
|
8
|
+
/**
|
9
|
+
* Expands all dataNodes in the tree.
|
10
|
+
*
|
11
|
+
* To make this working, the `dataNodes` variable of the TreeControl must be set to all root level
|
12
|
+
* data nodes of the tree.
|
13
|
+
*/
|
14
|
+
expandAll(): void;
|
15
|
+
/** Gets a list of descendant dataNodes of a subtree rooted at given data node recursively. */
|
16
|
+
getDescendants(dataNode: T): T[];
|
17
|
+
/** A helper function to get descendants recursively. */
|
18
|
+
private _getDescendants;
|
19
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import { SelectionModel } from '@angular/cdk/collections';
|
2
|
+
import { BehaviorSubject, Observable } from 'rxjs';
|
3
|
+
/**
|
4
|
+
* Tree control interface. User can implement TreeControl to expand/collapse dataNodes in the tree.
|
5
|
+
* The Tree will use this TreeControl to expand/collapse a node.
|
6
|
+
* User can also use it outside the `<mc-tree>` to control the expansion status of the tree.
|
7
|
+
*/
|
8
|
+
export interface TreeControl<T> {
|
9
|
+
/** The saved tree nodes data for `expandAll` action. */
|
10
|
+
dataNodes: T[];
|
11
|
+
/** The expansion model */
|
12
|
+
expansionModel: SelectionModel<T>;
|
13
|
+
filterModel: SelectionModel<T>;
|
14
|
+
filterValue: BehaviorSubject<string>;
|
15
|
+
/** Get depth of a given data node, return the level number. This is for flat tree node. */
|
16
|
+
getLevel(dataNode: T): number;
|
17
|
+
/**
|
18
|
+
* Whether the data node is expandable. Returns true if expandable.
|
19
|
+
* This is for flat tree node.
|
20
|
+
*/
|
21
|
+
isExpandable(dataNode: T): boolean;
|
22
|
+
/** Gets a stream that emits whenever the given data node's children change. */
|
23
|
+
getChildren(dataNode: T): Observable<T[]>;
|
24
|
+
/** Whether the data node is expanded or collapsed. Return true if it's expanded. */
|
25
|
+
isExpanded(dataNode: T): boolean;
|
26
|
+
/** Get all descendants of a data node */
|
27
|
+
getDescendants(dataNode: T): any[];
|
28
|
+
/** Expand or collapse data node */
|
29
|
+
toggle(dataNode: T): void;
|
30
|
+
/** Expand one data node */
|
31
|
+
expand(dataNode: T): void;
|
32
|
+
/** Collapse one data node */
|
33
|
+
collapse(dataNode: T): void;
|
34
|
+
/** Expand all the dataNodes in the tree */
|
35
|
+
expandAll(): void;
|
36
|
+
/** Collapse all the dataNodes in the tree */
|
37
|
+
collapseAll(): void;
|
38
|
+
/** Toggle a data node by expand/collapse it and all its descendants */
|
39
|
+
toggleDescendants(dataNode: T): void;
|
40
|
+
/** Expand a data node and all its descendants */
|
41
|
+
expandDescendants(dataNode: T): void;
|
42
|
+
/** Collapse a data node and all its descendants */
|
43
|
+
collapseDescendants(dataNode: T): void;
|
44
|
+
}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { CollectionViewer, DataSource } from '@angular/cdk/collections';
|
2
|
-
import { FlatTreeControl, TreeControl } from '@ptsecurity/cdk/tree';
|
3
2
|
import { BehaviorSubject, Observable } from 'rxjs';
|
3
|
+
import { FlatTreeControl } from '../control/flat-tree-control';
|
4
|
+
import { TreeControl } from '../control/tree-control';
|
4
5
|
/**
|
5
6
|
* Tree flattener to convert a normal type of node to node with children & level information.
|
6
7
|
* Transform nested nodes of type `T` to flattened nodes of type `F`.
|
package/tree/node.d.ts
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
/** Context provided to the tree node component. */
|
4
|
+
export declare class McTreeNodeOutletContext<T> {
|
5
|
+
/** Data for the node. */
|
6
|
+
$implicit: T;
|
7
|
+
/** Depth of the node. */
|
8
|
+
level: number;
|
9
|
+
/** Index location of the node. */
|
10
|
+
index?: number;
|
11
|
+
/** Length of the number of total dataNodes. */
|
12
|
+
count?: number;
|
13
|
+
constructor(data: T);
|
14
|
+
}
|
15
|
+
/**
|
16
|
+
* Data node definition for the McTree.
|
17
|
+
* Captures the node's template and a when predicate that describes when this node should be used.
|
18
|
+
*/
|
19
|
+
export declare class McTreeNodeDef<T> {
|
20
|
+
template: TemplateRef<any>;
|
21
|
+
data: T;
|
22
|
+
/**
|
23
|
+
* Function that should return true if this node template should be used for the provided node
|
24
|
+
* data and index. If left undefined, this node will be considered the default node template to
|
25
|
+
* use when no other when functions return true for the data.
|
26
|
+
* For every node, there must be at least one when function that passes or an undefined to
|
27
|
+
* default.
|
28
|
+
*/
|
29
|
+
when: (index: number, nodeData: T) => boolean;
|
30
|
+
/** @docs-private */
|
31
|
+
constructor(template: TemplateRef<any>);
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeDef<any>, never>;
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeDef<any>, "[mcTreeNodeDef]", never, { "when": "mcTreeNodeDefWhen"; "data": "mcTreeNode"; }, {}, never>;
|
34
|
+
}
|
package/tree/outlet.d.ts
ADDED
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ChangeDetectorRef, ViewContainerRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class McTreeNodeOutlet {
|
4
|
+
viewContainer: ViewContainerRef;
|
5
|
+
changeDetectorRef: ChangeDetectorRef;
|
6
|
+
constructor(viewContainer: ViewContainerRef, changeDetectorRef: ChangeDetectorRef);
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeOutlet, never>;
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeOutlet, "[mcTreeNodeOutlet]", never, {}, {}, never>;
|
9
|
+
}
|
package/tree/package.json
CHANGED
@@ -5,7 +5,6 @@
|
|
5
5
|
"esm2015": "../esm2015/tree/ptsecurity-mosaic-tree.js",
|
6
6
|
"fesm2015": "../fesm2015/ptsecurity-mosaic-tree.js",
|
7
7
|
"typings": "ptsecurity-mosaic-tree.d.ts",
|
8
|
-
"metadata": "ptsecurity-mosaic-tree.metadata.json",
|
9
8
|
"sideEffects": false,
|
10
9
|
"name": "@ptsecurity/mosaic/tree"
|
11
10
|
}
|
@@ -1,14 +1,45 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
|
1
|
+
import { Directionality } from '@angular/cdk/bidi';
|
2
|
+
import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
|
3
|
+
import { McTreeBase, McTreeNode } from './tree-base';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export declare class McTreeNodePadding<T> implements OnInit, OnDestroy {
|
6
|
+
protected treeNode: McTreeNode<T>;
|
7
|
+
protected tree: McTreeBase<T>;
|
8
|
+
private renderer;
|
9
|
+
private element;
|
10
|
+
private dir;
|
4
11
|
get level(): number;
|
5
12
|
set level(value: number);
|
13
|
+
private _level;
|
6
14
|
get indent(): number | string;
|
7
15
|
set indent(indent: number | string);
|
16
|
+
private _indent;
|
17
|
+
get leftPadding(): number;
|
18
|
+
/** CSS units used for the indentation value. */
|
19
|
+
indentUnits: string;
|
8
20
|
baseLeftPadding: number;
|
9
21
|
withIcon: boolean;
|
10
22
|
iconWidth: number;
|
11
|
-
|
12
|
-
|
23
|
+
private destroyed;
|
24
|
+
constructor(treeNode: McTreeNode<T>, tree: McTreeBase<T>, renderer: Renderer2, element: ElementRef<HTMLElement>, dir: Directionality);
|
13
25
|
ngOnInit(): void;
|
26
|
+
ngOnDestroy(): void;
|
27
|
+
paddingIndent(): string | null;
|
28
|
+
/**
|
29
|
+
* This has been extracted to a util because of TS 4 and VE.
|
30
|
+
* View Engine doesn't support property rename inheritance.
|
31
|
+
* TS 4.0 doesn't allow properties to override accessors or vice-versa.
|
32
|
+
* @docs-private
|
33
|
+
*/
|
34
|
+
private setLevelInput;
|
35
|
+
/**
|
36
|
+
* This has been extracted to a util because of TS 4 and VE.
|
37
|
+
* View Engine doesn't support property rename inheritance.
|
38
|
+
* TS 4.0 doesn't allow properties to override accessors or vice-versa.
|
39
|
+
* @docs-private
|
40
|
+
*/
|
41
|
+
private setIndentInput;
|
42
|
+
private setPadding;
|
43
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodePadding<any>, [null, null, null, null, { optional: true; }]>;
|
44
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodePadding<any>, "[mcTreeNodePadding]", ["mcTreeNodePadding"], { "indent": "mcTreeNodePaddingIndent"; }, {}, never>;
|
14
45
|
}
|
package/tree/public-api.d.ts
CHANGED
@@ -1,8 +1,15 @@
|
|
1
1
|
export * from './tree.module';
|
2
|
-
export * from './
|
2
|
+
export * from './tree-base';
|
3
|
+
export * from './outlet';
|
4
|
+
export * from './tree';
|
5
|
+
export * from './node';
|
3
6
|
export * from './padding.directive';
|
4
7
|
export * from './toggle';
|
5
8
|
export * from './tree-selection.component';
|
6
9
|
export * from './tree-option.component';
|
10
|
+
export * from './control/base-tree-control';
|
11
|
+
export * from './control/tree-control';
|
12
|
+
export * from './control/flat-tree-control';
|
13
|
+
export * from './control/nested-tree-control';
|
7
14
|
export * from './data-source/flat-data-source';
|
8
15
|
export * from './data-source/nested-data-source';
|
package/tree/toggle.d.ts
CHANGED
@@ -1,23 +1,28 @@
|
|
1
|
-
import {
|
2
|
-
|
1
|
+
import { CanDisable, CanDisableCtor } from '@ptsecurity/mosaic/core';
|
2
|
+
import { McTreeBase, McTreeNode } from './tree-base';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class McTreeNodeToggleBase {
|
5
|
+
}
|
6
|
+
export declare const McTreeNodeToggleMixinBase: CanDisableCtor & typeof McTreeNodeToggleBase;
|
7
|
+
/** @docs-private */
|
8
|
+
export declare class McTreeNodeToggleBaseDirective<T> extends McTreeNodeToggleMixinBase implements CanDisable {
|
3
9
|
private tree;
|
4
10
|
private treeNode;
|
5
|
-
disabled: boolean;
|
6
11
|
node: T;
|
7
12
|
get recursive(): boolean;
|
8
|
-
set recursive(value:
|
13
|
+
set recursive(value: any);
|
9
14
|
private _recursive;
|
10
|
-
get iconState():
|
11
|
-
constructor(tree:
|
15
|
+
get iconState(): boolean;
|
16
|
+
constructor(tree: McTreeBase<T>, treeNode: McTreeNode<T>);
|
12
17
|
toggle(event: Event): void;
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeToggleBaseDirective<any>, never>;
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeToggleBaseDirective<any>, never, never, { "node": "node"; "recursive": "mcTreeNodeToggleRecursive"; }, {}, never>;
|
13
20
|
}
|
14
|
-
export declare class
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
constructor(tree: CdkTree<T>, treeNode: CdkTreeNode<T>);
|
22
|
-
toggle(event: Event): void;
|
21
|
+
export declare class McTreeNodeToggleComponent<T> extends McTreeNodeToggleBaseDirective<T> {
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeToggleComponent<any>, never>;
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<McTreeNodeToggleComponent<any>, "mc-tree-node-toggle", ["mcTreeNodeToggle"], { "disabled": "disabled"; }, {}, never, never>;
|
24
|
+
}
|
25
|
+
export declare class McTreeNodeToggleDirective<T> extends McTreeNodeToggleBaseDirective<T> {
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNodeToggleDirective<any>, never>;
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNodeToggleDirective<any>, "[mcTreeNodeToggle]", ["mcTreeNodeToggle"], {}, {}, never>;
|
23
28
|
}
|
@@ -0,0 +1,97 @@
|
|
1
|
+
import { CollectionViewer, DataSource } from '@angular/cdk/collections';
|
2
|
+
import { AfterContentChecked, ChangeDetectorRef, ElementRef, IterableDiffer, IterableDiffers, OnDestroy, OnInit, QueryList, ViewContainerRef, TrackByFunction } from '@angular/core';
|
3
|
+
import { IFocusableOption } from '@ptsecurity/cdk/a11y';
|
4
|
+
import { BehaviorSubject, Observable, Subject } from 'rxjs';
|
5
|
+
import { TreeControl } from './control/tree-control';
|
6
|
+
import { McTreeNodeDef } from './node';
|
7
|
+
import { McTreeNodeOutlet } from './outlet';
|
8
|
+
import * as i0 from "@angular/core";
|
9
|
+
export declare class McTreeBase<T> implements AfterContentChecked, CollectionViewer, OnDestroy, OnInit {
|
10
|
+
protected differs: IterableDiffers;
|
11
|
+
protected changeDetectorRef: ChangeDetectorRef;
|
12
|
+
treeControl: TreeControl<T>;
|
13
|
+
/**
|
14
|
+
* Tracking function that will be used to check the differences in data changes. Used similarly
|
15
|
+
* to `ngFor` `trackBy` function. Optimize node operations by identifying a node based on its data
|
16
|
+
* relative to the function to know if a node should be added/removed/moved.
|
17
|
+
* Accepts a function that takes two parameters, `index` and `item`.
|
18
|
+
*/
|
19
|
+
trackBy: TrackByFunction<T>;
|
20
|
+
nodeOutlet: McTreeNodeOutlet;
|
21
|
+
/** The tree node template for the tree */
|
22
|
+
nodeDefs: QueryList<McTreeNodeDef<T>>;
|
23
|
+
/**
|
24
|
+
* Stream containing the latest information on what rows are being displayed on screen.
|
25
|
+
* Can be used by the data source to as a heuristic of what data should be provided.
|
26
|
+
*/
|
27
|
+
viewChange: BehaviorSubject<{
|
28
|
+
start: number;
|
29
|
+
end: number;
|
30
|
+
}>;
|
31
|
+
/** Differ used to find the changes in the data provided by the data source. */
|
32
|
+
protected dataDiffer: IterableDiffer<T>;
|
33
|
+
/** Subject that emits when the component has been destroyed. */
|
34
|
+
private onDestroy;
|
35
|
+
/** Stores the node definition that does not have a when predicate. */
|
36
|
+
private defaultNodeDef;
|
37
|
+
/** Data subscription */
|
38
|
+
private dataSubscription;
|
39
|
+
/** Level of nodes */
|
40
|
+
private levels;
|
41
|
+
/**
|
42
|
+
* Provides a stream containing the latest data array to render. Influenced by the tree's
|
43
|
+
* stream of view window (what dataNodes are currently on screen).
|
44
|
+
* Data source can be an observable of data array, or a dara array to render.
|
45
|
+
*/
|
46
|
+
get dataSource(): DataSource<T> | Observable<T[]> | T[];
|
47
|
+
set dataSource(dataSource: DataSource<T> | Observable<T[]> | T[]);
|
48
|
+
private _dataSource;
|
49
|
+
constructor(differs: IterableDiffers, changeDetectorRef: ChangeDetectorRef);
|
50
|
+
ngOnInit(): void;
|
51
|
+
ngOnDestroy(): void;
|
52
|
+
ngAfterContentChecked(): void;
|
53
|
+
/** Check for changes made in the data and render each change (node added/removed/moved). */
|
54
|
+
renderNodeChanges(data: T[] | ReadonlyArray<T>, dataDiffer?: IterableDiffer<T>, viewContainer?: ViewContainerRef, parentData?: T): void;
|
55
|
+
/**
|
56
|
+
* Finds the matching node definition that should be used for this node data. If there is only
|
57
|
+
* one node definition, it is returned. Otherwise, find the node definition that has a when
|
58
|
+
* predicate that returns true with the data. If none return true, return the default node
|
59
|
+
* definition.
|
60
|
+
*/
|
61
|
+
getNodeDef(data: T, i: number): McTreeNodeDef<T>;
|
62
|
+
/**
|
63
|
+
* Create the embedded view for the data node template and place it in the correct index location
|
64
|
+
* within the data node view container.
|
65
|
+
*/
|
66
|
+
insertNode(nodeData: T, index: number, viewContainer?: ViewContainerRef, parentData?: T): void;
|
67
|
+
/** Set up a subscription for the data provided by the data source. */
|
68
|
+
private observeRenderChanges;
|
69
|
+
/**
|
70
|
+
* Switch to the provided data source by resetting the data and unsubscribing from the current
|
71
|
+
* render change subscription if one exists. If the data source is null, interpret this by
|
72
|
+
* clearing the node outlet. Otherwise start listening for new data.
|
73
|
+
*/
|
74
|
+
private switchDataSource;
|
75
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeBase<any>, never>;
|
76
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeBase<any>, never, never, { "treeControl": "treeControl"; "trackBy": "trackBy"; "dataSource": "dataSource"; }, {}, ["nodeDefs"]>;
|
77
|
+
}
|
78
|
+
export declare class McTreeNode<T> implements IFocusableOption, OnDestroy {
|
79
|
+
protected elementRef: ElementRef;
|
80
|
+
tree: McTreeBase<T>;
|
81
|
+
/**
|
82
|
+
* The most recently created `McTreeNode`. We save it in static variable so we can retrieve it
|
83
|
+
* in `McTree` and set the data to it.
|
84
|
+
*/
|
85
|
+
static mostRecentTreeNode: McTreeNode<any> | null;
|
86
|
+
protected destroyed: Subject<void>;
|
87
|
+
get data(): T;
|
88
|
+
set data(value: T);
|
89
|
+
private _data;
|
90
|
+
get isExpanded(): boolean;
|
91
|
+
get level(): number;
|
92
|
+
constructor(elementRef: ElementRef, tree: McTreeBase<T>);
|
93
|
+
ngOnDestroy(): void;
|
94
|
+
focus(): void;
|
95
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeNode<any>, never>;
|
96
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<McTreeNode<any>, "mc-tree-node", ["mcTreeNode"], {}, {}, never>;
|
97
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
/**
|
2
|
+
* Returns an error to be thrown when there is no usable data.
|
3
|
+
* @docs-private
|
4
|
+
*/
|
5
|
+
export declare function getTreeNoValidDataSourceError(): Error;
|
6
|
+
/**
|
7
|
+
* Returns an error to be thrown when there are multiple nodes that are missing a when function.
|
8
|
+
* @docs-private
|
9
|
+
*/
|
10
|
+
export declare function getTreeMultipleDefaultNodeDefsError(): Error;
|
11
|
+
/**
|
12
|
+
* Returns an error to be thrown when there are no matching node defs for a particular set of data.
|
13
|
+
* @docs-private
|
14
|
+
*/
|
15
|
+
export declare function getTreeMissingMatchingNodeDefError(): Error;
|
16
|
+
/**
|
17
|
+
* Returns an error to be thrown when there are tree control.
|
18
|
+
* @docs-private
|
19
|
+
*/
|
20
|
+
export declare function getTreeControlMissingError(): Error;
|
21
|
+
/**
|
22
|
+
* Returns an error to be thrown when tree control did not implement functions for flat/nested node.
|
23
|
+
* @docs-private
|
24
|
+
*/
|
25
|
+
export declare function getTreeControlFunctionsMissingError(): Error;
|
@@ -1,8 +1,12 @@
|
|
1
1
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
2
2
|
import { ChangeDetectorRef, EventEmitter, ElementRef, InjectionToken, AfterContentInit, NgZone } from '@angular/core';
|
3
|
-
import {
|
4
|
-
import {
|
3
|
+
import { McOptionActionComponent } from '@ptsecurity/mosaic/core';
|
4
|
+
import { McDropdownTrigger } from '@ptsecurity/mosaic/dropdown';
|
5
|
+
import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
|
5
6
|
import { Subject } from 'rxjs';
|
7
|
+
import { McTreeNodeToggleBaseDirective } from './toggle';
|
8
|
+
import { McTreeNode } from './tree-base';
|
9
|
+
import * as i0 from "@angular/core";
|
6
10
|
export interface McTreeOptionEvent {
|
7
11
|
option: McTreeOption;
|
8
12
|
}
|
@@ -15,12 +19,16 @@ export declare class McTreeOptionChange {
|
|
15
19
|
isUserInput: boolean;
|
16
20
|
constructor(source: McTreeOption, isUserInput?: boolean);
|
17
21
|
}
|
18
|
-
export declare class McTreeOption extends
|
22
|
+
export declare class McTreeOption extends McTreeNode<McTreeOption> implements AfterContentInit {
|
19
23
|
private changeDetectorRef;
|
20
24
|
private ngZone;
|
21
25
|
tree: any;
|
22
26
|
readonly onFocus: Subject<McTreeOptionEvent>;
|
23
27
|
readonly onBlur: Subject<McTreeOptionEvent>;
|
28
|
+
toggleElement: McTreeNodeToggleBaseDirective<McTreeOption>;
|
29
|
+
actionButton: McOptionActionComponent;
|
30
|
+
tooltipTrigger: McTooltipTrigger;
|
31
|
+
dropdownTrigger: McDropdownTrigger;
|
24
32
|
get value(): any;
|
25
33
|
set value(value: any);
|
26
34
|
private _value;
|
@@ -36,9 +44,9 @@ export declare class McTreeOption extends CdkTreeNode<McTreeOption> implements C
|
|
36
44
|
private _selected;
|
37
45
|
get id(): string;
|
38
46
|
private _id;
|
39
|
-
get multiple(): boolean;
|
40
47
|
get viewValue(): string;
|
41
48
|
hasFocus: boolean;
|
49
|
+
get isExpandable(): boolean;
|
42
50
|
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngZone: NgZone, tree: any);
|
43
51
|
ngAfterContentInit(): void;
|
44
52
|
toggle(): void;
|
@@ -48,8 +56,11 @@ export declare class McTreeOption extends CdkTreeNode<McTreeOption> implements C
|
|
48
56
|
getHeight(): number;
|
49
57
|
select(): void;
|
50
58
|
deselect(): void;
|
59
|
+
onKeydown($event: any): void;
|
51
60
|
selectViaInteraction($event?: KeyboardEvent): void;
|
52
61
|
emitSelectionChangeEvent(isUserInput?: boolean): void;
|
53
62
|
getHostElement(): HTMLElement;
|
54
63
|
markForCheck(): void;
|
64
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeOption, never>;
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<McTreeOption, "mc-tree-option", ["mcTreeOption"], { "disabled": "disabled"; "showCheckbox": "showCheckbox"; }, { "onSelectionChange": "onSelectionChange"; }, ["toggleElement", "actionButton", "tooltipTrigger", "dropdownTrigger"], ["mc-tree-node-toggle", "mc-checkbox", "[mc-icon]", "*", "mc-option-action"]>;
|
55
66
|
}
|
@@ -1,39 +1,56 @@
|
|
1
|
+
import { Clipboard } from '@angular/cdk/clipboard';
|
1
2
|
import { SelectionModel } from '@angular/cdk/collections';
|
2
3
|
import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, IterableDiffer, IterableDiffers, QueryList, ViewContainerRef } from '@angular/core';
|
3
4
|
import { ControlValueAccessor } from '@angular/forms';
|
4
5
|
import { FocusKeyManager } from '@ptsecurity/cdk/a11y';
|
5
|
-
import { CdkTree, CdkTreeNodeOutlet, FlatTreeControl } from '@ptsecurity/cdk/tree';
|
6
6
|
import { CanDisable, HasTabIndex, MultipleMode } from '@ptsecurity/mosaic/core';
|
7
7
|
import { Observable } from 'rxjs';
|
8
|
+
import { FlatTreeControl } from './control/flat-tree-control';
|
9
|
+
import { McTreeNodeOutlet } from './outlet';
|
10
|
+
import { McTreeBase } from './tree-base';
|
8
11
|
import { McTreeOption, McTreeOptionEvent } from './tree-option.component';
|
12
|
+
import * as i0 from "@angular/core";
|
9
13
|
export declare const MC_SELECTION_TREE_VALUE_ACCESSOR: any;
|
14
|
+
export declare class McTreeSelectAllEvent<T> {
|
15
|
+
source: McTreeSelection;
|
16
|
+
options: T[];
|
17
|
+
constructor(source: McTreeSelection, options: T[]);
|
18
|
+
}
|
19
|
+
export declare class McTreeCopyEvent<T> {
|
20
|
+
source: McTreeSelection;
|
21
|
+
option: T;
|
22
|
+
constructor(source: McTreeSelection, option: T);
|
23
|
+
}
|
10
24
|
export declare class McTreeNavigationChange<T> {
|
11
|
-
source: McTreeSelection
|
25
|
+
source: McTreeSelection;
|
12
26
|
option: T;
|
13
|
-
constructor(source: McTreeSelection
|
27
|
+
constructor(source: McTreeSelection, option: T);
|
14
28
|
}
|
15
29
|
export declare class McTreeSelectionChange<T> {
|
16
|
-
source: McTreeSelection
|
30
|
+
source: McTreeSelection;
|
17
31
|
option: T;
|
18
|
-
constructor(source: McTreeSelection
|
32
|
+
constructor(source: McTreeSelection, option: T);
|
19
33
|
}
|
20
34
|
interface SelectionModelOption {
|
21
35
|
id: number | string;
|
22
36
|
value: string;
|
23
37
|
}
|
24
|
-
export declare class McTreeSelection
|
38
|
+
export declare class McTreeSelection extends McTreeBase<any> implements ControlValueAccessor, AfterContentInit, CanDisable, HasTabIndex {
|
25
39
|
private elementRef;
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
keyManager: FocusKeyManager<T>;
|
40
|
+
private clipboard;
|
41
|
+
renderedOptions: QueryList<McTreeOption>;
|
42
|
+
keyManager: FocusKeyManager<McTreeOption>;
|
30
43
|
selectionModel: SelectionModel<SelectionModelOption>;
|
31
44
|
resetFocusedItemOnBlur: boolean;
|
32
|
-
treeControl: FlatTreeControl<T>;
|
33
|
-
readonly navigationChange: EventEmitter<McTreeNavigationChange<T>>;
|
34
|
-
readonly selectionChange: EventEmitter<McTreeSelectionChange<T>>;
|
35
45
|
multipleMode: MultipleMode | null;
|
36
46
|
userTabIndex: number | null;
|
47
|
+
nodeOutlet: McTreeNodeOutlet;
|
48
|
+
unorderedOptions: QueryList<McTreeOption>;
|
49
|
+
treeControl: FlatTreeControl<any>;
|
50
|
+
readonly navigationChange: EventEmitter<McTreeNavigationChange<McTreeOption>>;
|
51
|
+
readonly selectionChange: EventEmitter<McTreeSelectionChange<McTreeOption>>;
|
52
|
+
readonly onSelectAll: EventEmitter<McTreeSelectAllEvent<McTreeOption>>;
|
53
|
+
readonly onCopy: EventEmitter<McTreeCopyEvent<McTreeOption>>;
|
37
54
|
private sortedNodes;
|
38
55
|
get autoSelect(): boolean;
|
39
56
|
set autoSelect(value: boolean);
|
@@ -54,23 +71,23 @@ export declare class McTreeSelection<T extends McTreeOption> extends CdkTree<T>
|
|
54
71
|
private readonly destroy;
|
55
72
|
private optionFocusSubscription;
|
56
73
|
private optionBlurSubscription;
|
57
|
-
constructor(elementRef: ElementRef, differs: IterableDiffers, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode);
|
74
|
+
constructor(elementRef: ElementRef, differs: IterableDiffers, changeDetectorRef: ChangeDetectorRef, multiple: MultipleMode, clipboard: Clipboard);
|
58
75
|
ngAfterContentInit(): void;
|
59
76
|
ngOnDestroy(): void;
|
60
77
|
focus($event: any): void;
|
61
78
|
blur(): void;
|
62
79
|
onKeyDown(event: KeyboardEvent): void;
|
63
80
|
updateScrollSize(): void;
|
64
|
-
setSelectedOptionsByKey(option:
|
65
|
-
setSelectedOptionsByClick(option:
|
66
|
-
setSelectedOptions(option:
|
67
|
-
setFocusedOption(option:
|
81
|
+
setSelectedOptionsByKey(option: McTreeOption, shiftKey: boolean, ctrlKey: boolean): void;
|
82
|
+
setSelectedOptionsByClick(option: McTreeOption, shiftKey: boolean, ctrlKey: boolean): void;
|
83
|
+
setSelectedOptions(option: McTreeOption): void;
|
84
|
+
setFocusedOption(option: McTreeOption): void;
|
68
85
|
toggleFocusedOption(): void;
|
69
|
-
renderNodeChanges(data:
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
86
|
+
renderNodeChanges(data: McTreeOption[], dataDiffer?: IterableDiffer<McTreeOption>, viewContainer?: ViewContainerRef, parentData?: McTreeOption): void;
|
87
|
+
emitNavigationEvent(option: McTreeOption): void;
|
88
|
+
emitChangeEvent(option: McTreeOption): void;
|
89
|
+
selectAllOptions(): void;
|
90
|
+
copyActiveOption(): void;
|
74
91
|
writeValue(value: any): void;
|
75
92
|
/** `View -> model callback called when value changes` */
|
76
93
|
onChange: (value: any) => void;
|
@@ -84,7 +101,10 @@ export declare class McTreeSelection<T extends McTreeOption> extends CdkTree<T>
|
|
84
101
|
setDisabledState(isDisabled: boolean): void;
|
85
102
|
setOptionsFromValues(values: any[]): void;
|
86
103
|
getSelectedValues(): any[];
|
87
|
-
|
104
|
+
getItemHeight(): number;
|
105
|
+
private onCopyDefaultHandler;
|
106
|
+
private getHeight;
|
107
|
+
private updateTabIndex;
|
88
108
|
private updateRenderedOptions;
|
89
109
|
private getSortedNodes;
|
90
110
|
private allowFocusEscape;
|
@@ -103,5 +123,7 @@ export declare class McTreeSelection<T extends McTreeOption> extends CdkTree<T>
|
|
103
123
|
private updateOptionsFocus;
|
104
124
|
private canDeselectLast;
|
105
125
|
private isFocusReceivedFromNestedOption;
|
126
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeSelection, [null, null, null, { attribute: "multiple"; }, { optional: true; }]>;
|
127
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<McTreeSelection, "mc-tree-selection", ["mcTreeSelection"], { "treeControl": "treeControl"; "autoSelect": "autoSelect"; "noUnselectLast": "noUnselectLast"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "navigationChange": "navigationChange"; "selectionChange": "selectionChange"; "onSelectAll": "onSelectAll"; "onCopy": "onCopy"; }, ["unorderedOptions"], never>;
|
106
128
|
}
|
107
129
|
export {};
|
package/tree/tree.d.ts
ADDED
@@ -0,0 +1,6 @@
|
|
1
|
+
import { McTreeBase } from './tree-base';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class McTree extends McTreeBase<any> {
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTree, never>;
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<McTree, "mc-tree", ["mcTree"], {}, {}, never, never>;
|
6
|
+
}
|
package/tree/tree.module.d.ts
CHANGED
@@ -1,2 +1,16 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./outlet";
|
3
|
+
import * as i2 from "./node";
|
4
|
+
import * as i3 from "./tree-base";
|
5
|
+
import * as i4 from "./padding.directive";
|
6
|
+
import * as i5 from "./tree";
|
7
|
+
import * as i6 from "./tree-selection.component";
|
8
|
+
import * as i7 from "./tree-option.component";
|
9
|
+
import * as i8 from "./toggle";
|
10
|
+
import * as i9 from "@angular/common";
|
11
|
+
import * as i10 from "@ptsecurity/mosaic/core";
|
1
12
|
export declare class McTreeModule {
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<McTreeModule, never>;
|
14
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<McTreeModule, [typeof i1.McTreeNodeOutlet, typeof i2.McTreeNodeDef, typeof i3.McTreeNode, typeof i4.McTreeNodePadding, typeof i5.McTree, typeof i6.McTreeSelection, typeof i7.McTreeOption, typeof i8.McTreeNodeToggleComponent, typeof i8.McTreeNodeToggleDirective], [typeof i9.CommonModule, typeof i10.McPseudoCheckboxModule], [typeof i1.McTreeNodeOutlet, typeof i2.McTreeNodeDef, typeof i3.McTreeNode, typeof i4.McTreeNodePadding, typeof i5.McTree, typeof i6.McTreeSelection, typeof i7.McTreeOption, typeof i8.McTreeNodeToggleComponent, typeof i8.McTreeNodeToggleDirective]>;
|
15
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<McTreeModule>;
|
2
16
|
}
|
package/tree-select/package.json
CHANGED
@@ -5,7 +5,6 @@
|
|
5
5
|
"esm2015": "../esm2015/tree-select/ptsecurity-mosaic-tree-select.js",
|
6
6
|
"fesm2015": "../fesm2015/ptsecurity-mosaic-tree-select.js",
|
7
7
|
"typings": "ptsecurity-mosaic-tree-select.d.ts",
|
8
|
-
"metadata": "ptsecurity-mosaic-tree-select.metadata.json",
|
9
8
|
"sideEffects": false,
|
10
9
|
"name": "@ptsecurity/mosaic/tree-select"
|
11
10
|
}
|