@danske/sapphire-angular 1.12.4
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/LICENSE +7 -0
- package/README.md +25 -0
- package/esm2020/danske-sapphire-angular.mjs +5 -0
- package/esm2020/lib/badge/public_api.mjs +3 -0
- package/esm2020/lib/badge/src/badge.component.mjs +66 -0
- package/esm2020/lib/badge/src/badge.module.mjs +18 -0
- package/esm2020/lib/button/public_api.mjs +12 -0
- package/esm2020/lib/button/src/button-group.component.mjs +57 -0
- package/esm2020/lib/button/src/button-icon.directive.mjs +13 -0
- package/esm2020/lib/button/src/button.component.mjs +100 -0
- package/esm2020/lib/button/src/button.module.mjs +48 -0
- package/esm2020/lib/button/src/icon-button.component.mjs +95 -0
- package/esm2020/lib/button/src/toggle-button-required-validator.mjs +27 -0
- package/esm2020/lib/button/src/toggle-button.component.mjs +124 -0
- package/esm2020/lib/checkbox/public_api.mjs +8 -0
- package/esm2020/lib/checkbox/src/checkbox-required-validator.mjs +26 -0
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +264 -0
- package/esm2020/lib/checkbox/src/checkbox.module.mjs +21 -0
- package/esm2020/lib/common/auto-id.decorator.mjs +24 -0
- package/esm2020/lib/common/coerce-boolean.decorator.mjs +32 -0
- package/esm2020/lib/common/constructor.mjs +2 -0
- package/esm2020/lib/common/disabled.mjs +16 -0
- package/esm2020/lib/common/focused.directive.mjs +64 -0
- package/esm2020/lib/common/placement.mjs +60 -0
- package/esm2020/lib/common/platform.mjs +45 -0
- package/esm2020/lib/common/pressed.directive.mjs +55 -0
- package/esm2020/lib/common/public_api.mjs +4 -0
- package/esm2020/lib/common/sapphire-view-encapsulation.mjs +83 -0
- package/esm2020/lib/common/scroll-monitor.directive.mjs +63 -0
- package/esm2020/lib/common/tabindex.mjs +19 -0
- package/esm2020/lib/common/visually-hidden.directive.mjs +32 -0
- package/esm2020/lib/contextual-help/public_api.mjs +3 -0
- package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +112 -0
- package/esm2020/lib/contextual-help/src/contextual-help.module.mjs +33 -0
- package/esm2020/lib/core.module.mjs +179 -0
- package/esm2020/lib/field/public_api.mjs +8 -0
- package/esm2020/lib/field/src/field-control.mjs +17 -0
- package/esm2020/lib/field/src/field-error.directive.mjs +20 -0
- package/esm2020/lib/field/src/field-label.directive.mjs +17 -0
- package/esm2020/lib/field/src/field-note-suffix.directive.mjs +28 -0
- package/esm2020/lib/field/src/field-note.directive.mjs +17 -0
- package/esm2020/lib/field/src/field.component.mjs +153 -0
- package/esm2020/lib/field/src/field.module.mjs +49 -0
- package/esm2020/lib/icon/public_api.mjs +4 -0
- package/esm2020/lib/icon/src/icon-size-provider.mjs +18 -0
- package/esm2020/lib/icon/src/icon.component.mjs +67 -0
- package/esm2020/lib/icon/src/icon.module.mjs +18 -0
- package/esm2020/lib/label/public_api.mjs +6 -0
- package/esm2020/lib/label/src/label.component.mjs +61 -0
- package/esm2020/lib/link/public_api.mjs +7 -0
- package/esm2020/lib/link/src/link.component.mjs +62 -0
- package/esm2020/lib/link/src/link.module.mjs +16 -0
- package/esm2020/lib/listbox/public_api.mjs +10 -0
- package/esm2020/lib/listbox/src/cdk-option-scroll-issue-patch.mjs +30 -0
- package/esm2020/lib/listbox/src/listbox-child.mjs +7 -0
- package/esm2020/lib/listbox/src/listbox-input.directive.mjs +42 -0
- package/esm2020/lib/listbox/src/listbox-item.component.mjs +49 -0
- package/esm2020/lib/listbox/src/listbox.component.mjs +273 -0
- package/esm2020/lib/listbox/src/listbox.module.mjs +81 -0
- package/esm2020/lib/listbox/src/option-icon.directive.mjs +22 -0
- package/esm2020/lib/listbox/src/option-primary-text.directive.mjs +25 -0
- package/esm2020/lib/listbox/src/option-secondary-text.directive.mjs +22 -0
- package/esm2020/lib/listbox/src/option.component.mjs +58 -0
- package/esm2020/lib/listbox/src/section.directive.mjs +46 -0
- package/esm2020/lib/menu/public_api.mjs +10 -0
- package/esm2020/lib/menu/src/menu-item.component.mjs +45 -0
- package/esm2020/lib/menu/src/menu-section.component.mjs +27 -0
- package/esm2020/lib/menu/src/menu-trigger.directive.mjs +149 -0
- package/esm2020/lib/menu/src/menu.component.mjs +33 -0
- package/esm2020/lib/menu/src/menu.module.mjs +39 -0
- package/esm2020/lib/modal/public_api.mjs +19 -0
- package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +61 -0
- package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +62 -0
- package/esm2020/lib/modal/src/dialog/dialog-close-button.directive.mjs +18 -0
- package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs +29 -0
- package/esm2020/lib/modal/src/dialog/dialog-footer.component.mjs +43 -0
- package/esm2020/lib/modal/src/dialog/dialog-header.component.mjs +65 -0
- package/esm2020/lib/modal/src/dialog/dialog-trigger.directive.mjs +37 -0
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +60 -0
- package/esm2020/lib/modal/src/modal-base.component.mjs +89 -0
- package/esm2020/lib/modal/src/modal-close-button.directive.mjs +28 -0
- package/esm2020/lib/modal/src/modal-trigger.directive.mjs +42 -0
- package/esm2020/lib/modal/src/modal.module.mjs +143 -0
- package/esm2020/lib/modal/src/modal.service.mjs +58 -0
- package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +15 -0
- package/esm2020/lib/modal/src/panel/panel-back-button.directive.mjs +13 -0
- package/esm2020/lib/modal/src/panel/panel-close-button.directive.mjs +16 -0
- package/esm2020/lib/modal/src/panel/panel-content.component.mjs +38 -0
- package/esm2020/lib/modal/src/panel/panel-footer.component.mjs +38 -0
- package/esm2020/lib/modal/src/panel/panel-header.component.mjs +68 -0
- package/esm2020/lib/modal/src/panel/panel-trigger.directive.mjs +37 -0
- package/esm2020/lib/modal/src/panel/panel.component.mjs +37 -0
- package/esm2020/lib/notification-badge/public_api.mjs +3 -0
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +28 -0
- package/esm2020/lib/notification-badge/src/notification-badge.module.mjs +18 -0
- package/esm2020/lib/pagination/public_api.mjs +3 -0
- package/esm2020/lib/pagination/src/pagination.component.mjs +85 -0
- package/esm2020/lib/pagination/src/pagination.module.mjs +36 -0
- package/esm2020/lib/popover/public_api.mjs +10 -0
- package/esm2020/lib/popover/src/popover-close-button.directive.mjs +32 -0
- package/esm2020/lib/popover/src/popover-title.directive.mjs +24 -0
- package/esm2020/lib/popover/src/popover-trigger.directive.mjs +301 -0
- package/esm2020/lib/popover/src/popover.component.mjs +88 -0
- package/esm2020/lib/popover/src/popover.module.mjs +38 -0
- package/esm2020/lib/radio/public_api.mjs +8 -0
- package/esm2020/lib/radio/src/radio-group.component.mjs +195 -0
- package/esm2020/lib/radio/src/radio.component.mjs +279 -0
- package/esm2020/lib/radio/src/radio.module.mjs +22 -0
- package/esm2020/lib/segmented-tabs/public_api.mjs +6 -0
- package/esm2020/lib/segmented-tabs/src/segmented-tab-content.directive.mjs +15 -0
- package/esm2020/lib/segmented-tabs/src/segmented-tab-label.directive.mjs +20 -0
- package/esm2020/lib/segmented-tabs/src/segmented-tab.component.mjs +69 -0
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +215 -0
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.module.mjs +39 -0
- package/esm2020/lib/select/public_api.mjs +10 -0
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +127 -0
- package/esm2020/lib/select/src/common/hidden-select.component.mjs +33 -0
- package/esm2020/lib/select/src/common/select-component-base.mjs +267 -0
- package/esm2020/lib/select/src/common/select-value-holder.mjs +86 -0
- package/esm2020/lib/select/src/select/searchable-select.directive.mjs +90 -0
- package/esm2020/lib/select/src/select/select.component.mjs +351 -0
- package/esm2020/lib/select/src/select/select.module.mjs +113 -0
- package/esm2020/lib/select/src/select/selection-text.directive.mjs +19 -0
- package/esm2020/lib/skeleton/public_api.mjs +6 -0
- package/esm2020/lib/skeleton/src/skeleton-block.directive.mjs +16 -0
- package/esm2020/lib/skeleton/src/skeleton-circle.directive.mjs +16 -0
- package/esm2020/lib/skeleton/src/skeleton-text.directive.mjs +43 -0
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +29 -0
- package/esm2020/lib/skeleton/src/skeleton.module.mjs +37 -0
- package/esm2020/lib/skeleton/src/util.mjs +2 -0
- package/esm2020/lib/surface/public_api.mjs +7 -0
- package/esm2020/lib/surface/src/surface.component.mjs +25 -0
- package/esm2020/lib/surface/src/surface.module.mjs +16 -0
- package/esm2020/lib/switch/public_api.mjs +4 -0
- package/esm2020/lib/switch/src/switch-required-validator.mjs +27 -0
- package/esm2020/lib/switch/src/switch.component.mjs +216 -0
- package/esm2020/lib/switch/src/switch.module.mjs +19 -0
- package/esm2020/lib/table/public_api.mjs +15 -0
- package/esm2020/lib/table/src/table-body.directive.mjs +20 -0
- package/esm2020/lib/table/src/table-cell.directive.mjs +87 -0
- package/esm2020/lib/table/src/table-head-cell.component.mjs +57 -0
- package/esm2020/lib/table/src/table-head.directive.mjs +32 -0
- package/esm2020/lib/table/src/table-row.directive.mjs +48 -0
- package/esm2020/lib/table/src/table-sort-header.directive.mjs +44 -0
- package/esm2020/lib/table/src/table-sort.directive.mjs +26 -0
- package/esm2020/lib/table/src/table.component.mjs +82 -0
- package/esm2020/lib/table/src/table.directive.mjs +20 -0
- package/esm2020/lib/table/src/table.module.mjs +74 -0
- package/esm2020/lib/text-field/public_api.mjs +12 -0
- package/esm2020/lib/text-field/src/text-field-affix.directive.mjs +26 -0
- package/esm2020/lib/text-field/src/text-field-input.directive.mjs +51 -0
- package/esm2020/lib/text-field/src/text-field-postfix.directive.mjs +13 -0
- package/esm2020/lib/text-field/src/text-field-prefix.directive.mjs +13 -0
- package/esm2020/lib/text-field/src/text-field-textarea-autosize.directive.mjs +73 -0
- package/esm2020/lib/text-field/src/text-field.component.mjs +78 -0
- package/esm2020/lib/text-field/src/text-field.module.mjs +67 -0
- package/esm2020/lib/theme/public_api.mjs +34 -0
- package/esm2020/lib/theme/src/sapphire-overlay-container.service.mjs +38 -0
- package/esm2020/lib/theme/src/theme-base.directive.mjs +87 -0
- package/esm2020/lib/theme/src/theme-check.directive.mjs +29 -0
- package/esm2020/lib/theme/src/theme-root.directive.mjs +23 -0
- package/esm2020/lib/theme/src/theme.module.mjs +32 -0
- package/esm2020/lib/theme/src/themes.mjs +27 -0
- package/esm2020/lib/theme/src/top-level-theme-ref.service.mjs +21 -0
- package/esm2020/lib/tooltip/public_api.mjs +5 -0
- package/esm2020/lib/tooltip/src/tooltip.component.mjs +47 -0
- package/esm2020/lib/tooltip/src/tooltip.directive.mjs +223 -0
- package/esm2020/lib/tooltip/src/tooltip.module.mjs +30 -0
- package/esm2020/lib/tooltip/src/truncated-with-tooltip.directive.mjs +56 -0
- package/esm2020/lib/typography/public_api.mjs +8 -0
- package/esm2020/lib/typography/src/heading.component.mjs +44 -0
- package/esm2020/lib/typography/src/paragraph.component.mjs +24 -0
- package/esm2020/lib/typography/src/typography.module.mjs +19 -0
- package/esm2020/public-api.mjs +30 -0
- package/fesm2015/danske-sapphire-angular.mjs +8010 -0
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -0
- package/fesm2020/danske-sapphire-angular.mjs +7890 -0
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/badge/public_api.d.ts +2 -0
- package/lib/badge/src/badge.component.d.ts +35 -0
- package/lib/badge/src/badge.module.d.ts +8 -0
- package/lib/button/public_api.d.ts +7 -0
- package/lib/button/src/button-group.component.d.ts +26 -0
- package/lib/button/src/button-icon.directive.d.ts +5 -0
- package/lib/button/src/button.component.d.ts +31 -0
- package/lib/button/src/button.module.d.ts +14 -0
- package/lib/button/src/icon-button.component.d.ts +26 -0
- package/lib/button/src/toggle-button-required-validator.d.ts +10 -0
- package/lib/button/src/toggle-button.component.d.ts +39 -0
- package/lib/checkbox/public_api.d.ts +3 -0
- package/lib/checkbox/src/checkbox-required-validator.d.ts +10 -0
- package/lib/checkbox/src/checkbox.component.d.ts +112 -0
- package/lib/checkbox/src/checkbox.module.d.ts +11 -0
- package/lib/common/auto-id.decorator.d.ts +7 -0
- package/lib/common/coerce-boolean.decorator.d.ts +7 -0
- package/lib/common/constructor.d.ts +2 -0
- package/lib/common/disabled.d.ts +9 -0
- package/lib/common/focused.directive.d.ts +30 -0
- package/lib/common/placement.d.ts +11 -0
- package/lib/common/platform.d.ts +9 -0
- package/lib/common/pressed.directive.d.ts +27 -0
- package/lib/common/public_api.d.ts +2 -0
- package/lib/common/sapphire-view-encapsulation.d.ts +37 -0
- package/lib/common/scroll-monitor.directive.d.ts +23 -0
- package/lib/common/tabindex.d.ts +12 -0
- package/lib/common/visually-hidden.directive.d.ts +11 -0
- package/lib/contextual-help/public_api.d.ts +2 -0
- package/lib/contextual-help/src/contextual-help.component.d.ts +50 -0
- package/lib/contextual-help/src/contextual-help.module.d.ts +7 -0
- package/lib/core.module.d.ts +30 -0
- package/lib/field/public_api.d.ts +7 -0
- package/lib/field/src/field-control.d.ts +16 -0
- package/lib/field/src/field-error.directive.d.ts +8 -0
- package/lib/field/src/field-label.directive.d.ts +8 -0
- package/lib/field/src/field-note-suffix.directive.d.ts +15 -0
- package/lib/field/src/field-note.directive.d.ts +8 -0
- package/lib/field/src/field.component.d.ts +77 -0
- package/lib/field/src/field.module.d.ts +14 -0
- package/lib/icon/public_api.d.ts +3 -0
- package/lib/icon/src/icon-size-provider.d.ts +23 -0
- package/lib/icon/src/icon.component.d.ts +18 -0
- package/lib/icon/src/icon.module.d.ts +8 -0
- package/lib/label/public_api.d.ts +5 -0
- package/lib/label/src/label.component.d.ts +43 -0
- package/lib/link/public_api.d.ts +2 -0
- package/lib/link/src/link.component.d.ts +13 -0
- package/lib/link/src/link.module.d.ts +7 -0
- package/lib/listbox/public_api.d.ts +9 -0
- package/lib/listbox/src/cdk-option-scroll-issue-patch.d.ts +17 -0
- package/lib/listbox/src/listbox-child.d.ts +6 -0
- package/lib/listbox/src/listbox-input.directive.d.ts +16 -0
- package/lib/listbox/src/listbox-item.component.d.ts +21 -0
- package/lib/listbox/src/listbox.component.d.ts +127 -0
- package/lib/listbox/src/listbox.module.d.ts +22 -0
- package/lib/listbox/src/option-icon.directive.d.ts +10 -0
- package/lib/listbox/src/option-primary-text.directive.d.ts +14 -0
- package/lib/listbox/src/option-secondary-text.directive.d.ts +10 -0
- package/lib/listbox/src/option.component.d.ts +21 -0
- package/lib/listbox/src/section.directive.d.ts +14 -0
- package/lib/menu/public_api.d.ts +5 -0
- package/lib/menu/src/menu-item.component.d.ts +12 -0
- package/lib/menu/src/menu-section.component.d.ts +12 -0
- package/lib/menu/src/menu-trigger.directive.d.ts +34 -0
- package/lib/menu/src/menu.component.d.ts +10 -0
- package/lib/menu/src/menu.module.d.ts +13 -0
- package/lib/modal/public_api.d.ts +18 -0
- package/lib/modal/src/dialog/confirmation-dialog.component.d.ts +43 -0
- package/lib/modal/src/dialog/danger-dialog.component.d.ts +44 -0
- package/lib/modal/src/dialog/dialog-close-button.directive.d.ts +7 -0
- package/lib/modal/src/dialog/dialog-content.directive.d.ts +13 -0
- package/lib/modal/src/dialog/dialog-footer.component.d.ts +20 -0
- package/lib/modal/src/dialog/dialog-header.component.d.ts +25 -0
- package/lib/modal/src/dialog/dialog-trigger.directive.d.ts +13 -0
- package/lib/modal/src/dialog/dialog.component.d.ts +33 -0
- package/lib/modal/src/modal-base.component.d.ts +33 -0
- package/lib/modal/src/modal-close-button.directive.d.ts +9 -0
- package/lib/modal/src/modal-trigger.directive.d.ts +24 -0
- package/lib/modal/src/modal.module.d.ts +30 -0
- package/lib/modal/src/modal.service.d.ts +26 -0
- package/lib/modal/src/panel/inline-panel.component.d.ts +6 -0
- package/lib/modal/src/panel/panel-back-button.directive.d.ts +5 -0
- package/lib/modal/src/panel/panel-close-button.directive.d.ts +6 -0
- package/lib/modal/src/panel/panel-content.component.d.ts +14 -0
- package/lib/modal/src/panel/panel-footer.component.d.ts +21 -0
- package/lib/modal/src/panel/panel-header.component.d.ts +26 -0
- package/lib/modal/src/panel/panel-trigger.directive.d.ts +13 -0
- package/lib/modal/src/panel/panel.component.d.ts +18 -0
- package/lib/notification-badge/public_api.d.ts +2 -0
- package/lib/notification-badge/src/notification-badge.component.d.ts +10 -0
- package/lib/notification-badge/src/notification-badge.module.d.ts +8 -0
- package/lib/pagination/public_api.d.ts +2 -0
- package/lib/pagination/src/pagination.component.d.ts +32 -0
- package/lib/pagination/src/pagination.module.d.ts +12 -0
- package/lib/popover/public_api.d.ts +5 -0
- package/lib/popover/src/popover-close-button.directive.d.ts +13 -0
- package/lib/popover/src/popover-title.directive.d.ts +11 -0
- package/lib/popover/src/popover-trigger.directive.d.ts +86 -0
- package/lib/popover/src/popover.component.d.ts +32 -0
- package/lib/popover/src/popover.module.d.ts +12 -0
- package/lib/radio/public_api.d.ts +3 -0
- package/lib/radio/src/radio-group.component.d.ts +65 -0
- package/lib/radio/src/radio.component.d.ts +99 -0
- package/lib/radio/src/radio.module.d.ts +12 -0
- package/lib/segmented-tabs/public_api.d.ts +5 -0
- package/lib/segmented-tabs/src/segmented-tab-content.directive.d.ts +6 -0
- package/lib/segmented-tabs/src/segmented-tab-label.directive.d.ts +6 -0
- package/lib/segmented-tabs/src/segmented-tab.component.d.ts +27 -0
- package/lib/segmented-tabs/src/segmented-tabs.component.d.ts +48 -0
- package/lib/segmented-tabs/src/segmented-tabs.module.d.ts +13 -0
- package/lib/select/public_api.d.ts +5 -0
- package/lib/select/src/basic-select/basic-select.component.d.ts +50 -0
- package/lib/select/src/common/hidden-select.component.d.ts +19 -0
- package/lib/select/src/common/select-component-base.d.ts +109 -0
- package/lib/select/src/common/select-value-holder.d.ts +54 -0
- package/lib/select/src/select/searchable-select.directive.d.ts +40 -0
- package/lib/select/src/select/select.component.d.ts +80 -0
- package/lib/select/src/select/select.module.d.ts +26 -0
- package/lib/select/src/select/selection-text.directive.d.ts +11 -0
- package/lib/skeleton/public_api.d.ts +5 -0
- package/lib/skeleton/src/skeleton-block.directive.d.ts +5 -0
- package/lib/skeleton/src/skeleton-circle.directive.d.ts +5 -0
- package/lib/skeleton/src/skeleton-text.directive.d.ts +13 -0
- package/lib/skeleton/src/skeleton.component.d.ts +13 -0
- package/lib/skeleton/src/skeleton.module.d.ts +11 -0
- package/lib/skeleton/src/util.d.ts +1 -0
- package/lib/surface/public_api.d.ts +2 -0
- package/lib/surface/src/surface.component.d.ts +11 -0
- package/lib/surface/src/surface.module.d.ts +7 -0
- package/lib/switch/public_api.d.ts +3 -0
- package/lib/switch/src/switch-required-validator.d.ts +10 -0
- package/lib/switch/src/switch.component.d.ts +91 -0
- package/lib/switch/src/switch.module.d.ts +9 -0
- package/lib/table/public_api.d.ts +10 -0
- package/lib/table/src/table-body.directive.d.ts +7 -0
- package/lib/table/src/table-cell.directive.d.ts +30 -0
- package/lib/table/src/table-head-cell.component.d.ts +19 -0
- package/lib/table/src/table-head.directive.d.ts +10 -0
- package/lib/table/src/table-row.directive.d.ts +16 -0
- package/lib/table/src/table-sort-header.directive.d.ts +11 -0
- package/lib/table/src/table-sort.directive.d.ts +13 -0
- package/lib/table/src/table.component.d.ts +37 -0
- package/lib/table/src/table.directive.d.ts +7 -0
- package/lib/table/src/table.module.d.ts +19 -0
- package/lib/text-field/public_api.d.ts +7 -0
- package/lib/text-field/src/text-field-affix.directive.d.ts +10 -0
- package/lib/text-field/src/text-field-input.directive.d.ts +16 -0
- package/lib/text-field/src/text-field-postfix.directive.d.ts +5 -0
- package/lib/text-field/src/text-field-prefix.directive.d.ts +5 -0
- package/lib/text-field/src/text-field-textarea-autosize.directive.d.ts +20 -0
- package/lib/text-field/src/text-field.component.d.ts +23 -0
- package/lib/text-field/src/text-field.module.d.ts +17 -0
- package/lib/theme/public_api.d.ts +24 -0
- package/lib/theme/src/sapphire-overlay-container.service.d.ts +14 -0
- package/lib/theme/src/theme-base.directive.d.ts +14 -0
- package/lib/theme/src/theme-check.directive.d.ts +14 -0
- package/lib/theme/src/theme-root.directive.d.ts +13 -0
- package/lib/theme/src/theme.module.d.ts +14 -0
- package/lib/theme/src/themes.d.ts +16 -0
- package/lib/theme/src/top-level-theme-ref.service.d.ts +13 -0
- package/lib/tooltip/public_api.d.ts +4 -0
- package/lib/tooltip/src/tooltip.component.d.ts +10 -0
- package/lib/tooltip/src/tooltip.directive.d.ts +39 -0
- package/lib/tooltip/src/tooltip.module.d.ts +11 -0
- package/lib/tooltip/src/truncated-with-tooltip.directive.d.ts +26 -0
- package/lib/typography/public_api.d.ts +3 -0
- package/lib/typography/src/heading.component.d.ts +17 -0
- package/lib/typography/src/paragraph.component.d.ts +8 -0
- package/lib/typography/src/typography.module.d.ts +9 -0
- package/package.json +45 -0
- package/public-api.d.ts +26 -0
- package/src/lib/listbox/src/README.md +67 -0
- package/theme-assets/default-dark.css +1 -0
- package/theme-assets/default.css +1 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SapphirePaginationChange {
|
|
5
|
+
/** The new page index */
|
|
6
|
+
readonly page: number;
|
|
7
|
+
/** The new page size */
|
|
8
|
+
readonly pageSize: number;
|
|
9
|
+
constructor(
|
|
10
|
+
/** The new page index */
|
|
11
|
+
page: number,
|
|
12
|
+
/** The new page size */
|
|
13
|
+
pageSize: number);
|
|
14
|
+
}
|
|
15
|
+
export declare class PaginationComponent {
|
|
16
|
+
pageSize: number;
|
|
17
|
+
itemCount: number;
|
|
18
|
+
page: number;
|
|
19
|
+
pageSizeOptions?: number[];
|
|
20
|
+
get disabled(): boolean;
|
|
21
|
+
set disabled(value: BooleanInput);
|
|
22
|
+
private _disabled;
|
|
23
|
+
get startItemIndex(): number;
|
|
24
|
+
get endItemIndex(): number;
|
|
25
|
+
readonly valueChange: EventEmitter<SapphirePaginationChange>;
|
|
26
|
+
_onPageSizeChange(value: string): void;
|
|
27
|
+
_onPageChange(direction: 'previous' | 'next'): void;
|
|
28
|
+
_isNextPageButtonDisabled(): boolean;
|
|
29
|
+
_isPreviousPageButtonDisabled(): boolean;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "sp-pagination", never, { "pageSize": "pageSize"; "itemCount": "itemCount"; "page": "page"; "pageSizeOptions": "pageSizeOptions"; "disabled": "disabled"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./pagination.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/cdk/a11y";
|
|
5
|
+
import * as i4 from "../../select/src/select/select.module";
|
|
6
|
+
import * as i5 from "../../button/src/button.module";
|
|
7
|
+
import * as i6 from "../../icon/src/icon.module";
|
|
8
|
+
export declare class SapphirePaginationModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SapphirePaginationModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SapphirePaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.SapphireSelectModule, typeof i5.SapphireButtonModule, typeof i6.SapphireIconModule], [typeof i1.PaginationComponent]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SapphirePaginationModule>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PopoverTrigger } from './popover-trigger.directive';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Directive to be added to buttons inside popover, if they should close the popover
|
|
5
|
+
* when pressed.
|
|
6
|
+
*/
|
|
7
|
+
export declare class PopoverCloseButtonDirective {
|
|
8
|
+
private trigger?;
|
|
9
|
+
constructor(trigger?: PopoverTrigger | undefined);
|
|
10
|
+
private handleClick;
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverCloseButtonDirective, [{ optional: true; }]>;
|
|
12
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverCloseButtonDirective, "button[spPopoverCloseButton]", never, {}, {}, never, never, false, never>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Directive to be added to the title of the popover. It will make sure the
|
|
4
|
+
* right accessibility attributes are set to have assistive technology
|
|
5
|
+
* describe the dialog by this title.
|
|
6
|
+
*/
|
|
7
|
+
export declare class PopoverTitleDirective {
|
|
8
|
+
ID: string;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTitleDirective, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTitleDirective, "[spPopoverTitle]", never, {}, {}, never, never, false, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
|
|
2
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { Placement } from '../../common/placement';
|
|
5
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export interface PopoverTrigger {
|
|
8
|
+
toggle(): void;
|
|
9
|
+
open(): void;
|
|
10
|
+
close(): void;
|
|
11
|
+
elementRef: ElementRef<HTMLElement>;
|
|
12
|
+
}
|
|
13
|
+
export declare const POPOVER_TRIGGER: InjectionToken<PopoverTrigger>;
|
|
14
|
+
export declare class PopoverTriggerDirective implements PopoverTrigger {
|
|
15
|
+
private changeDetectorRef;
|
|
16
|
+
private cdkOverlay;
|
|
17
|
+
private viewContainerRef;
|
|
18
|
+
elementRef: ElementRef<HTMLElement>;
|
|
19
|
+
private injector;
|
|
20
|
+
placement: Placement;
|
|
21
|
+
templateRef: TemplateRef<unknown> | null;
|
|
22
|
+
/**
|
|
23
|
+
* Whether the popover should not block interaction with background.
|
|
24
|
+
*/
|
|
25
|
+
nonModal: BooleanInput;
|
|
26
|
+
/**
|
|
27
|
+
* Whether the popover should be opened on press start.
|
|
28
|
+
*/
|
|
29
|
+
openOnPressStart: BooleanInput;
|
|
30
|
+
/**
|
|
31
|
+
* Whether the popover should be closed when the container is scrolled.
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
34
|
+
closeOnScroll: BooleanInput;
|
|
35
|
+
/**
|
|
36
|
+
* Can be used to disable toggling popover on clicks. Useful if `spPopoverTrigger`
|
|
37
|
+
* is applied on an element which doesn't support `disabled` property.
|
|
38
|
+
*/
|
|
39
|
+
disabled: BooleanInput;
|
|
40
|
+
/** Emits when the attached popover is requested to open */
|
|
41
|
+
readonly opened: EventEmitter<void>;
|
|
42
|
+
/** Emits when the attached popover is requested to close */
|
|
43
|
+
readonly closed: EventEmitter<void>;
|
|
44
|
+
/** Emits when this trigger is destroyed. */
|
|
45
|
+
protected readonly destroyed: Subject<void>;
|
|
46
|
+
/** A reference to the overlay which manages the triggered menu */
|
|
47
|
+
protected overlayRef: OverlayRef | null;
|
|
48
|
+
private isBeingPressed;
|
|
49
|
+
get getPopoverId(): string | undefined;
|
|
50
|
+
constructor(changeDetectorRef: ChangeDetectorRef, cdkOverlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, injector: Injector);
|
|
51
|
+
ngOnDestroy(): void;
|
|
52
|
+
/** Toggle the attached popover. */
|
|
53
|
+
toggle(): void;
|
|
54
|
+
/** Open the attached popover. */
|
|
55
|
+
open(): void;
|
|
56
|
+
/** Close the opened popover. */
|
|
57
|
+
close(): void;
|
|
58
|
+
/** Whether the popover is open. */
|
|
59
|
+
isOpen(): boolean;
|
|
60
|
+
private handleMousedown;
|
|
61
|
+
private handleClick;
|
|
62
|
+
/**
|
|
63
|
+
* While onFocusout takes care of closing the popover when focus goes out, in the rare cases
|
|
64
|
+
* that there is no more focusable element between the trigger and the popover, the focus can
|
|
65
|
+
* go to the popover on pressing `Tab`. But the popover should be closed when tabbing on the
|
|
66
|
+
* trigger.
|
|
67
|
+
*/
|
|
68
|
+
private handleTab;
|
|
69
|
+
/**
|
|
70
|
+
* In some use cases (e.g. in searchable select) popover trigger grabs the focus, right after
|
|
71
|
+
* the popover is opened. That requires popover trigger to detect when focus goes out of it
|
|
72
|
+
* and close the popover.
|
|
73
|
+
* Note: we can't use `blur` event since it won't bubble up, and the focus can be on an element
|
|
74
|
+
* inside the trigger, but not the trigger itself.
|
|
75
|
+
*
|
|
76
|
+
*/
|
|
77
|
+
private onFocusout;
|
|
78
|
+
private handleKeyDown;
|
|
79
|
+
private destroyOverlay;
|
|
80
|
+
/** Get the configuration object used to create the overlay. */
|
|
81
|
+
private getOverlayConfig;
|
|
82
|
+
private getContentPortal;
|
|
83
|
+
private getOverlayPositionStrategy;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
|
|
85
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[spPopoverTriggerFor]", ["spPopoverTrigger"], { "placement": "spPopoverPlacement"; "templateRef": "spPopoverTriggerFor"; "nonModal": "spPopoverNonModal"; "openOnPressStart": "spPopoverTriggerOpenOnPressStart"; "closeOnScroll": "spPopoverTriggerCloseOnScroll"; "disabled": "spPopoverTriggerDisabled"; }, { "opened": "spPopoverTriggerOpened"; "closed": "spPopoverTriggerClosed"; }, never, never, false, never>;
|
|
86
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { AfterViewInit } from '@angular/core';
|
|
2
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
3
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
4
|
+
import { PopoverTrigger } from './popover-trigger.directive';
|
|
5
|
+
import { PopoverTitleDirective } from './popover-title.directive';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "../../theme/src/theme-check.directive";
|
|
8
|
+
import * as i2 from "../../common/sapphire-view-encapsulation";
|
|
9
|
+
/**
|
|
10
|
+
* A generic popover component which lets you render arbitrary
|
|
11
|
+
* content in a popover overlay which is linked to a trigger, and is accessible
|
|
12
|
+
* as
|
|
13
|
+
* [dialog](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role).
|
|
14
|
+
*/
|
|
15
|
+
export declare class PopoverComponent implements AfterViewInit {
|
|
16
|
+
private trigger?;
|
|
17
|
+
noPadding: BooleanInput;
|
|
18
|
+
noMaxWidth: BooleanInput;
|
|
19
|
+
title?: PopoverTitleDirective;
|
|
20
|
+
private contentWrapper?;
|
|
21
|
+
ID: string;
|
|
22
|
+
/**
|
|
23
|
+
* Keeps track of if the content is focused
|
|
24
|
+
*/
|
|
25
|
+
private contentFocused;
|
|
26
|
+
constructor(trigger?: PopoverTrigger | undefined);
|
|
27
|
+
ngAfterViewInit(): void;
|
|
28
|
+
private handleEscape;
|
|
29
|
+
_contentFocusChanged(origin: FocusOrigin): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, [{ optional: true; }]>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "sp-popover", never, { "noPadding": "noPadding"; "noMaxWidth": "noMaxWidth"; }, {}, ["title"], ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./popover.component";
|
|
3
|
+
import * as i2 from "./popover-trigger.directive";
|
|
4
|
+
import * as i3 from "./popover-close-button.directive";
|
|
5
|
+
import * as i4 from "./popover-title.directive";
|
|
6
|
+
import * as i5 from "@angular/common";
|
|
7
|
+
import * as i6 from "@angular/cdk/a11y";
|
|
8
|
+
export declare class SapphirePopoverModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SapphirePopoverModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SapphirePopoverModule, [typeof i1.PopoverComponent, typeof i2.PopoverTriggerDirective, typeof i3.PopoverCloseButtonDirective, typeof i4.PopoverTitleDirective], [typeof i5.CommonModule, typeof i6.A11yModule], [typeof i1.PopoverComponent, typeof i2.PopoverTriggerDirective, typeof i3.PopoverCloseButtonDirective, typeof i4.PopoverTitleDirective]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SapphirePopoverModule>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { RadioComponent, SapphireRadioChange } from './radio.component';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
5
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
6
|
+
import { FieldControl } from '../../field/src/field-control';
|
|
7
|
+
import { FieldComponent } from '../../field/src/field.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "../../theme/src/theme-check.directive";
|
|
10
|
+
export declare class RadioGroupComponent implements ControlValueAccessor, FieldControl {
|
|
11
|
+
private changeDetectorRef;
|
|
12
|
+
_field: FieldComponent;
|
|
13
|
+
uniqueId: string;
|
|
14
|
+
orientation: 'vertical' | 'horizontal';
|
|
15
|
+
/** Name of the radio button group. All radio buttons inside this group will use this name. */
|
|
16
|
+
get name(): string;
|
|
17
|
+
set name(value: string);
|
|
18
|
+
private _name;
|
|
19
|
+
/**
|
|
20
|
+
* Event emitted when the group value changes.
|
|
21
|
+
* Change events are only emitted when the value changes due to user interaction with
|
|
22
|
+
* the radio button (the same behavior as `<input type-"radio">`).
|
|
23
|
+
*/
|
|
24
|
+
readonly change: EventEmitter<SapphireRadioChange>;
|
|
25
|
+
get value(): any;
|
|
26
|
+
set value(newValue: any);
|
|
27
|
+
private _value;
|
|
28
|
+
/**
|
|
29
|
+
* The currently selected radio button. If set to a new radio button, the radio group value
|
|
30
|
+
* will be updated to match the new selected button. */
|
|
31
|
+
get selected(): RadioComponent | null;
|
|
32
|
+
set selected(selected: RadioComponent | null);
|
|
33
|
+
private _selected;
|
|
34
|
+
/** Whether the radio group is disabled */
|
|
35
|
+
get disabled(): boolean;
|
|
36
|
+
set disabled(value: BooleanInput);
|
|
37
|
+
private _disabled;
|
|
38
|
+
/** Whether the radio group is readonly */
|
|
39
|
+
get readonly(): boolean;
|
|
40
|
+
set readonly(value: BooleanInput);
|
|
41
|
+
private _readonly;
|
|
42
|
+
/** Whether the radio group is required */
|
|
43
|
+
get required(): boolean;
|
|
44
|
+
set required(value: BooleanInput);
|
|
45
|
+
private _required;
|
|
46
|
+
/** Child radio buttons. */
|
|
47
|
+
private radios;
|
|
48
|
+
private onTouched;
|
|
49
|
+
_controlValueAccessorChangeFn: (value: any) => void;
|
|
50
|
+
constructor(changeDetectorRef: ChangeDetectorRef, _field: FieldComponent);
|
|
51
|
+
_checkSelectedRadioButton(): void;
|
|
52
|
+
/** Dispatch change event with current selection and group value. */
|
|
53
|
+
_emitChangeEvent(): void;
|
|
54
|
+
writeValue(value: any): void;
|
|
55
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
56
|
+
registerOnTouched(fn: any): void;
|
|
57
|
+
setDisabledState(disabled: boolean): void;
|
|
58
|
+
isDisabled(): boolean;
|
|
59
|
+
_contentFocusChanged(focusOrigin: FocusOrigin): void;
|
|
60
|
+
/** Updates the `selected` radio button from the internal _value state. */
|
|
61
|
+
private updateSelectedRadioFromValue;
|
|
62
|
+
private updateRadioButtonNames;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, [null, { optional: true; }]>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "sp-radio-group", never, { "orientation": "orientation"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, ["radios"], ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
|
|
65
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
+
import { CanDisable } from '../../common/disabled';
|
|
4
|
+
import { HasTabIndex } from '../../common/tabindex';
|
|
5
|
+
import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
|
6
|
+
import { RadioGroupComponent } from './radio-group.component';
|
|
7
|
+
import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "../../theme/src/theme-check.directive";
|
|
10
|
+
/** Change event object emitted by radio. */
|
|
11
|
+
export declare class SapphireRadioChange {
|
|
12
|
+
/** The new `checked` value of the radio. */
|
|
13
|
+
readonly source: RadioComponent;
|
|
14
|
+
/** The source radio of the event. */
|
|
15
|
+
readonly value: any;
|
|
16
|
+
constructor(
|
|
17
|
+
/** The new `checked` value of the radio. */
|
|
18
|
+
source: RadioComponent,
|
|
19
|
+
/** The source radio of the event. */
|
|
20
|
+
value: any);
|
|
21
|
+
}
|
|
22
|
+
declare const _RadioMixinBase: import("../../common/constructor").Constructor<HasTabIndex> & import("../../common/constructor").AbstractConstructor<HasTabIndex> & import("../../common/constructor").Constructor<CanDisable> & import("../../common/constructor").AbstractConstructor<CanDisable> & {
|
|
23
|
+
new (_elementRef: ElementRef): {
|
|
24
|
+
_elementRef: ElementRef;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export declare class RadioComponent extends _RadioMixinBase implements OnInit, AfterViewInit, DoCheck, OnDestroy, CanDisable, HasTabIndex {
|
|
28
|
+
readonly radioGroup: RadioGroupComponent;
|
|
29
|
+
private _focusMonitor;
|
|
30
|
+
private _radioDispatcher;
|
|
31
|
+
/**
|
|
32
|
+
* Attached to the aria-label attribute of the host element. In most cases,
|
|
33
|
+
* aria-labelledby will take precedence so this may be omitted.
|
|
34
|
+
*/
|
|
35
|
+
ariaLabel: string;
|
|
36
|
+
/**
|
|
37
|
+
* Users can specify the `aria-labelledby` attribute which will be forwarded
|
|
38
|
+
* to the input element
|
|
39
|
+
*/
|
|
40
|
+
ariaLabelledby: string | null;
|
|
41
|
+
/** The 'aria-describedby' attribute is read after the element's label and field type. */
|
|
42
|
+
ariaDescribedby: string;
|
|
43
|
+
/** Analog to HTML 'name' attribute used to group radios for unique selection. */
|
|
44
|
+
name: string;
|
|
45
|
+
/** Analog to HTML 'name' attribute used to group radios for unique selection. */
|
|
46
|
+
autofocus: boolean;
|
|
47
|
+
_getAriaChecked(): 'true' | 'false';
|
|
48
|
+
/** A unique id for the radio input. If none is supplied, it will be auto-generated. */
|
|
49
|
+
id: string;
|
|
50
|
+
/** Returns the unique id for the visual hidden input. */
|
|
51
|
+
get inputId(): string;
|
|
52
|
+
/** Previous value of the input's tabindex. */
|
|
53
|
+
private previousTabIndex;
|
|
54
|
+
/** Unregister function for _radioDispatcher */
|
|
55
|
+
private removeUniqueSelectionListener;
|
|
56
|
+
/** The native `<input type="radio">` element */
|
|
57
|
+
_inputElement: ElementRef<HTMLInputElement>;
|
|
58
|
+
/** The value of this radio button. */
|
|
59
|
+
get value(): any;
|
|
60
|
+
set value(value: any);
|
|
61
|
+
private _value;
|
|
62
|
+
/** Whether this radio button is checked. */
|
|
63
|
+
get checked(): boolean;
|
|
64
|
+
set checked(value: BooleanInput);
|
|
65
|
+
private _checked;
|
|
66
|
+
/** Whether the radio button is disabled. */
|
|
67
|
+
get disabled(): boolean;
|
|
68
|
+
set disabled(value: BooleanInput);
|
|
69
|
+
private _disabled;
|
|
70
|
+
/** Whether the radio button is readonly. */
|
|
71
|
+
get readonly(): boolean;
|
|
72
|
+
set readonly(value: BooleanInput);
|
|
73
|
+
private _readonly;
|
|
74
|
+
/** Whether the radio button is required. */
|
|
75
|
+
get required(): boolean;
|
|
76
|
+
set required(value: BooleanInput);
|
|
77
|
+
private _required;
|
|
78
|
+
/**
|
|
79
|
+
* Event emitted when the checked state of this radio button changes.
|
|
80
|
+
* Change events are only emitted when the value changes due to user interaction with
|
|
81
|
+
* the radio button (the same behavior as `<input type-"radio">`).
|
|
82
|
+
*/
|
|
83
|
+
readonly change: EventEmitter<SapphireRadioChange>;
|
|
84
|
+
constructor(radioGroup: RadioGroupComponent, elementRef: ElementRef, tabIndex: string, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher);
|
|
85
|
+
ngDoCheck(): void;
|
|
86
|
+
ngOnInit(): void;
|
|
87
|
+
ngAfterViewInit(): void;
|
|
88
|
+
ngOnDestroy(): void;
|
|
89
|
+
/** Focuses the radio button. */
|
|
90
|
+
focus(options?: FocusOptions, origin?: FocusOrigin): void;
|
|
91
|
+
/** Gets the tabindex for the underlying input element. */
|
|
92
|
+
private updateTabIndex;
|
|
93
|
+
private emitChangeEvent;
|
|
94
|
+
/** Triggered when the radio button receives an interaction from the user. */
|
|
95
|
+
_onInputInteraction(event: Event): void;
|
|
96
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, [{ optional: true; }, null, { attribute: "tabindex"; }, null, null]>;
|
|
97
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "sp-radio", never, { "tabIndex": "tabIndex"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "name": "name"; "autofocus": "autofocus"; "id": "id"; "value": "value"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
|
|
98
|
+
}
|
|
99
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./radio.component";
|
|
3
|
+
import * as i2 from "./radio-group.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../../label/src/label.component";
|
|
6
|
+
import * as i5 from "@angular/cdk/a11y";
|
|
7
|
+
import * as i6 from "../../field/src/field.module";
|
|
8
|
+
export declare class SapphireRadioModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SapphireRadioModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireRadioModule, [typeof i1.RadioComponent, typeof i2.RadioGroupComponent], [typeof i3.CommonModule, typeof i4.LabelComponent, typeof i5.A11yModule, typeof i6.SapphireFieldModule], [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i6.SapphireFieldModule]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SapphireRadioModule>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SegmentedTabContentDirective {
|
|
3
|
+
constructor();
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedTabContentDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SegmentedTabContentDirective, "sp-segmented-tab-content", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SegmentedTabLabelDirective {
|
|
3
|
+
constructor();
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedTabLabelDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SegmentedTabLabelDirective, "sp-segmented-tab-label", never, {}, {}, never, never, false, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ElementRef, TemplateRef } from '@angular/core';
|
|
2
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
|
+
import { SegmentedTabsComponent } from './segmented-tabs.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class SegmentedTabComponent {
|
|
6
|
+
tabs: SegmentedTabsComponent;
|
|
7
|
+
/** Whether the tab should be disabled */
|
|
8
|
+
get disabled(): boolean;
|
|
9
|
+
set disabled(value: BooleanInput);
|
|
10
|
+
private _disabled;
|
|
11
|
+
label?: string;
|
|
12
|
+
/**
|
|
13
|
+
* auto generated id applied on the tab element
|
|
14
|
+
*/
|
|
15
|
+
id: string;
|
|
16
|
+
_contentTemplate: TemplateRef<any> | null;
|
|
17
|
+
_button?: ElementRef<HTMLButtonElement>;
|
|
18
|
+
constructor(tabs: SegmentedTabsComponent);
|
|
19
|
+
select(): void;
|
|
20
|
+
/**
|
|
21
|
+
* Whether this tab is currently selected
|
|
22
|
+
*/
|
|
23
|
+
isSelected(): boolean;
|
|
24
|
+
getTabIndex(): "0" | "-1";
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedTabComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedTabComponent, "sp-segmented-tab", never, { "disabled": "disabled"; "label": "label"; }, {}, never, ["sp-segmented-tab-label", "sp-segmented-tab-content"], false, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
3
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
4
|
+
import { SegmentedTabComponent } from './segmented-tab.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class SegmentedTabsComponent implements AfterContentInit, AfterViewInit, OnInit, OnDestroy {
|
|
7
|
+
private host;
|
|
8
|
+
private zone;
|
|
9
|
+
private changeDetector;
|
|
10
|
+
/** Size of tabs */
|
|
11
|
+
size: 'small' | 'medium' | 'large';
|
|
12
|
+
/** Whether tabs are activated automatically on focus or manually. */
|
|
13
|
+
keyboardActivation?: 'manual' | 'automatic';
|
|
14
|
+
/** Whether the entire component should be disabled */
|
|
15
|
+
disabled: BooleanInput;
|
|
16
|
+
/** Index of the selected tab */
|
|
17
|
+
get selectedIndex(): number;
|
|
18
|
+
set selectedIndex(value: NumberInput);
|
|
19
|
+
private _selectedIndex?;
|
|
20
|
+
private _focusedIndex;
|
|
21
|
+
readonly selectedIndexChange: EventEmitter<number>;
|
|
22
|
+
readonly tabs: QueryList<SegmentedTabComponent>;
|
|
23
|
+
private _tabIds;
|
|
24
|
+
private resizeObserver;
|
|
25
|
+
_activeTabPosition: {
|
|
26
|
+
left: string;
|
|
27
|
+
width: string;
|
|
28
|
+
};
|
|
29
|
+
_animationEnabled: boolean;
|
|
30
|
+
_focusVisible: boolean;
|
|
31
|
+
constructor(host: ElementRef, zone: NgZone, changeDetector: ChangeDetectorRef);
|
|
32
|
+
ngOnInit(): void;
|
|
33
|
+
ngAfterContentInit(): void;
|
|
34
|
+
ngAfterViewInit(): void;
|
|
35
|
+
ngOnDestroy(): void;
|
|
36
|
+
getFocusedTab(): SegmentedTabComponent;
|
|
37
|
+
selectTab(selectedTab: SegmentedTabComponent): void;
|
|
38
|
+
isSelected(tab: SegmentedTabComponent): boolean;
|
|
39
|
+
_getTabContentTemplate(): import("@angular/core").TemplateRef<any> | null;
|
|
40
|
+
_onFocusChange(origin: FocusOrigin): void;
|
|
41
|
+
_onKeyDown(event: KeyboardEvent): void;
|
|
42
|
+
private setActiveTabPosition;
|
|
43
|
+
private onTabsChange;
|
|
44
|
+
private skipAnimationFrame;
|
|
45
|
+
private findFocusableIndex;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedTabsComponent, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedTabsComponent, "sp-segmented-tabs", ["spSegmentedTabs"], { "size": "size"; "keyboardActivation": "keyboardActivation"; "disabled": "disabled"; "selectedIndex": "selectedIndex"; }, { "selectedIndexChange": "selectedIndexChange"; }, ["tabs"], ["sp-segmented-tab"], false, never>;
|
|
48
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./segmented-tabs.component";
|
|
3
|
+
import * as i2 from "./segmented-tab.component";
|
|
4
|
+
import * as i3 from "./segmented-tab-label.directive";
|
|
5
|
+
import * as i4 from "./segmented-tab-content.directive";
|
|
6
|
+
import * as i5 from "@angular/common";
|
|
7
|
+
import * as i6 from "@angular/cdk/a11y";
|
|
8
|
+
import * as i7 from "../../common/sapphire-view-encapsulation";
|
|
9
|
+
export declare class SapphireSegmentedTabsModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SapphireSegmentedTabsModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireSegmentedTabsModule, [typeof i1.SegmentedTabsComponent, typeof i2.SegmentedTabComponent, typeof i3.SegmentedTabLabelDirective, typeof i4.SegmentedTabContentDirective], [typeof i5.CommonModule, typeof i6.A11yModule, typeof i7.UseComponentStyles], [typeof i1.SegmentedTabsComponent, typeof i2.SegmentedTabComponent, typeof i3.SegmentedTabLabelDirective, typeof i4.SegmentedTabContentDirective]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SapphireSegmentedTabsModule>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { SelectComponent, MultiSelectDirective, SingleSelectDirective, } from './src/select/select.component';
|
|
2
|
+
export { SapphireSelectModule } from './src/select/select.module';
|
|
3
|
+
export { SelectionTextDirective } from './src/select/selection-text.directive';
|
|
4
|
+
export { SearchableSelectDirective } from './src/select/searchable-select.directive';
|
|
5
|
+
export { BasicSelectComponent, BasicSingleSelectDirective, } from './src/basic-select/basic-select.component';
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { PopoverTriggerDirective } from '../../../popover/src/popover-trigger.directive';
|
|
3
|
+
import { ListboxComponent } from '../../../listbox/src/listbox.component';
|
|
4
|
+
import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
|
5
|
+
import { SelectComponentBase } from '../common/select-component-base';
|
|
6
|
+
import { SelectValueHolder, SingleSelectDirectiveBase } from '../common/select-value-holder';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* NOTE: Support for multiple selection in basic select is removed, based on
|
|
10
|
+
* a UX decision. See commit message for more details.
|
|
11
|
+
*/
|
|
12
|
+
export declare class BasicSingleSelectDirective extends SingleSelectDirectiveBase {
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BasicSingleSelectDirective, never>;
|
|
14
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BasicSingleSelectDirective, "sp-basic-select:not([multiple])", never, {}, {}, never, never, false, never>;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Allows user to select a single option from a list, similar to native select
|
|
18
|
+
* component.
|
|
19
|
+
*
|
|
20
|
+
* Example:
|
|
21
|
+
* ```tsx
|
|
22
|
+
* <sp-basic-select
|
|
23
|
+
* placeholder="Select an option"
|
|
24
|
+
* size="small"
|
|
25
|
+
* variant="contained"
|
|
26
|
+
* >
|
|
27
|
+
* <sp-option value="option1">First Option</sp-option>
|
|
28
|
+
* <sp-option value="option2">Second Option</sp-option>
|
|
29
|
+
* <sp-option value="option3">Third Option</sp-option>
|
|
30
|
+
* </sp-basic-select>
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
export declare class BasicSelectComponent extends SelectComponentBase {
|
|
34
|
+
private focusMonitor;
|
|
35
|
+
/**
|
|
36
|
+
* Size of the button
|
|
37
|
+
*/
|
|
38
|
+
size: 'small' | 'medium' | 'large';
|
|
39
|
+
variant: 'primary' | 'contained' | 'uncontained';
|
|
40
|
+
protected triggerRef: PopoverTriggerDirective | undefined;
|
|
41
|
+
protected triggerElementRef: ElementRef | undefined;
|
|
42
|
+
protected listbox: ListboxComponent | undefined;
|
|
43
|
+
private focused;
|
|
44
|
+
constructor(valueHolder: SelectValueHolder, focusMonitor: FocusMonitor);
|
|
45
|
+
focus(focusOrigin?: FocusOrigin): void;
|
|
46
|
+
isFocused(): boolean;
|
|
47
|
+
_onFocusChange(focusOrigin: FocusOrigin): void;
|
|
48
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BasicSelectComponent, never>;
|
|
49
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BasicSelectComponent, "sp-basic-select", ["spBasicSelect"], { "size": "size"; "variant": "variant"; }, {}, never, ["sp-selection-text"], false, never>;
|
|
50
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SelectComponentBase } from './select-component-base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Hidden native select to be rendered in sapphire select components. It does two things:
|
|
5
|
+
* - Takes care of form accessibility and autofilling by rendering native select/input
|
|
6
|
+
* - Opens the native select dropdown instead of the custom dropdown, when possible.
|
|
7
|
+
*
|
|
8
|
+
* The latter proved to be a questionable, and we may rethink it at some point.
|
|
9
|
+
*
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
export declare class HiddenSelectComponent {
|
|
13
|
+
_select: SelectComponentBase;
|
|
14
|
+
_isMobile: any;
|
|
15
|
+
constructor(_select: SelectComponentBase);
|
|
16
|
+
_onNativeSelectChange(e: any): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HiddenSelectComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HiddenSelectComponent, "sp-hidden-select", never, {}, {}, never, never, false, never>;
|
|
19
|
+
}
|