@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
package/LICENSE
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
License
|
|
2
|
+
|
|
3
|
+
Copyright (c) Danske Bank A/S
|
|
4
|
+
|
|
5
|
+
The contents of this package is proprietary to Danske Bank A/S and/or its
|
|
6
|
+
licensors. You are not allowed to download and/or use any part of the contents
|
|
7
|
+
for any purpose without express, written permission from Danske Bank A/S.
|
package/README.md
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
# Core
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project core` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project core`.
|
|
8
|
+
|
|
9
|
+
> Note: Don't forget to add `--project core` or else it will be added to the default project in your `angular.json` file.
|
|
10
|
+
|
|
11
|
+
## Build
|
|
12
|
+
|
|
13
|
+
Run `ng build core` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
14
|
+
|
|
15
|
+
## Publishing
|
|
16
|
+
|
|
17
|
+
After building your library with `ng build core`, go to the dist folder `cd dist/core` and run `npm publish`.
|
|
18
|
+
|
|
19
|
+
## Running unit tests
|
|
20
|
+
|
|
21
|
+
Run `ng test core` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
22
|
+
|
|
23
|
+
## Further help
|
|
24
|
+
|
|
25
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFuc2tlLXNhcHBoaXJlLWFuZ3VsYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZGFuc2tlLXNhcHBoaXJlLWFuZ3VsYXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { BadgeComponent } from './src/badge.component';
|
|
2
|
+
export { SapphireBadgeModule } from './src/badge.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvYmFkZ2UvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vc3JjL2JhZGdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTYXBwaGlyZUJhZGdlTW9kdWxlIH0gZnJvbSAnLi9zcmMvYmFkZ2UubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
3
|
+
import { AutoId } from '../../common/auto-id.decorator';
|
|
4
|
+
import { UseComponentStylesOnHost } from '../../common/sapphire-view-encapsulation';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
7
|
+
export class BadgeComponent {
|
|
8
|
+
get classNames() {
|
|
9
|
+
return [
|
|
10
|
+
'sapphire-badge',
|
|
11
|
+
`sapphire-badge--${this.size}`,
|
|
12
|
+
`sapphire-badge--${this.variant}-${this.color}`,
|
|
13
|
+
].join(' ');
|
|
14
|
+
}
|
|
15
|
+
constructor() {
|
|
16
|
+
this.role = 'presentation';
|
|
17
|
+
/**
|
|
18
|
+
* A unique id for the host DOM element.
|
|
19
|
+
* If none is supplied, it will be auto-generated.
|
|
20
|
+
*/
|
|
21
|
+
this.id = '';
|
|
22
|
+
/**
|
|
23
|
+
* @default 'medium'
|
|
24
|
+
*/
|
|
25
|
+
this.size = 'medium';
|
|
26
|
+
/**
|
|
27
|
+
* Whether the badge has a saturated or faint background.
|
|
28
|
+
*
|
|
29
|
+
* @default 'primary'
|
|
30
|
+
*/
|
|
31
|
+
this.variant = 'primary';
|
|
32
|
+
/**
|
|
33
|
+
* The background color of the badge.
|
|
34
|
+
* Can either be semantic or one of the named decorative color.
|
|
35
|
+
*
|
|
36
|
+
* @default 'informative'
|
|
37
|
+
*/
|
|
38
|
+
this.color = 'informative';
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: BadgeComponent, selector: "sp-badge", inputs: { id: "id", size: "size", variant: "variant", color: "color" }, host: { properties: { "role": "this.role", "id": "this.id", "class": "this.classNames" } }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-badge-size-radius-default);font-family:var(--sapphire-badge-font-name);font-weight:var(--sapphire-badge-font-weight);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--small{height:var(--sapphire-badge-size-height-s);padding:0 var(--sapphire-badge-size-spacing-horizontal-s);font-size:var(--sapphire-badge-size-font-s)}.sapphire-badge--medium{height:var(--sapphire-badge-size-height-m);padding:0 var(--sapphire-badge-size-spacing-horizontal-m);font-size:var(--sapphire-badge-size-font-m)}.sapphire-badge--large{height:var(--sapphire-badge-size-height-l);padding:0 var(--sapphire-badge-size-spacing-horizontal-l);font-size:var(--sapphire-badge-size-font-l)}.sapphire-badge--primary-positive{color:var(--sapphire-badge-color-content-primary-positive);background-color:var(--sapphire-badge-color-background-primary-positive)}.sapphire-badge--secondary-positive{color:var(--sapphire-badge-color-content-secondary-positive);background-color:var(--sapphire-badge-color-background-secondary-positive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-positive)}.sapphire-badge--primary-negative{color:var(--sapphire-badge-color-content-primary-negative);background-color:var(--sapphire-badge-color-background-primary-negative)}.sapphire-badge--secondary-negative{color:var(--sapphire-badge-color-content-secondary-negative);background-color:var(--sapphire-badge-color-background-secondary-negative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-negative)}.sapphire-badge--primary-warning{color:var(--sapphire-badge-color-content-primary-warning);background-color:var(--sapphire-badge-color-background-primary-warning)}.sapphire-badge--secondary-warning{color:var(--sapphire-badge-color-content-secondary-warning);background-color:var(--sapphire-badge-color-background-secondary-warning);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-warning)}.sapphire-badge--primary-informative{color:var(--sapphire-badge-color-content-primary-informative);background-color:var(--sapphire-badge-color-background-primary-informative)}.sapphire-badge--secondary-informative{color:var(--sapphire-badge-color-content-secondary-informative);background-color:var(--sapphire-badge-color-background-secondary-informative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-informative)}.sapphire-badge--primary-passive{color:var(--sapphire-badge-color-content-primary-passive);background-color:var(--sapphire-badge-color-background-primary-passive)}.sapphire-badge--secondary-passive{color:var(--sapphire-badge-color-content-secondary-passive);background-color:var(--sapphire-badge-color-background-secondary-passive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-passive)}.sapphire-badge--primary-aqua{color:var(--sapphire-badge-color-content-primary-aqua);background-color:var(--sapphire-badge-color-background-primary-aqua)}.sapphire-badge--secondary-aqua{color:var(--sapphire-badge-color-content-secondary-aqua);background-color:var(--sapphire-badge-color-background-secondary-aqua);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-aqua)}.sapphire-badge--primary-copper{color:var(--sapphire-badge-color-content-primary-copper);background-color:var(--sapphire-badge-color-background-primary-copper)}.sapphire-badge--secondary-copper{color:var(--sapphire-badge-color-content-secondary-copper);background-color:var(--sapphire-badge-color-background-secondary-copper);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-copper)}.sapphire-badge--primary-electro{color:var(--sapphire-badge-color-content-primary-electro);background-color:var(--sapphire-badge-color-background-primary-electro)}.sapphire-badge--secondary-electro{color:var(--sapphire-badge-color-content-secondary-electro);background-color:var(--sapphire-badge-color-background-secondary-electro);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-electro)}.sapphire-badge--primary-indigo{color:var(--sapphire-badge-color-content-primary-indigo);background-color:var(--sapphire-badge-color-background-primary-indigo)}.sapphire-badge--secondary-indigo{color:var(--sapphire-badge-color-content-secondary-indigo);background-color:var(--sapphire-badge-color-background-secondary-indigo);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-indigo)}.sapphire-badge--primary-lime{color:var(--sapphire-badge-color-content-primary-lime);background-color:var(--sapphire-badge-color-background-primary-lime)}.sapphire-badge--secondary-lime{color:var(--sapphire-badge-color-content-secondary-lime);background-color:var(--sapphire-badge-color-background-secondary-lime);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-lime)}.sapphire-badge--primary-pink{color:var(--sapphire-badge-color-content-primary-pink);background-color:var(--sapphire-badge-color-background-primary-pink)}.sapphire-badge--secondary-pink{color:var(--sapphire-badge-color-content-secondary-pink);background-color:var(--sapphire-badge-color-background-secondary-pink);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-pink)}.sapphire-badge--primary-violet{color:var(--sapphire-badge-color-content-primary-violet);background-color:var(--sapphire-badge-color-background-primary-violet)}.sapphire-badge--secondary-violet{color:var(--sapphire-badge-color-content-secondary-violet);background-color:var(--sapphire-badge-color-background-secondary-violet);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-violet)}.sapphire-badge--primary-gold{color:var(--sapphire-badge-color-content-primary-gold);background-color:var(--sapphire-badge-color-background-primary-gold)}.sapphire-badge--secondary-gold{color:var(--sapphire-badge-color-content-secondary-gold);background-color:var(--sapphire-badge-color-background-secondary-gold);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gold)}.sapphire-badge--primary-beige{color:var(--sapphire-badge-color-content-primary-beige);background-color:var(--sapphire-badge-color-background-primary-beige)}.sapphire-badge--secondary-beige{color:var(--sapphire-badge-color-content-secondary-beige);background-color:var(--sapphire-badge-color-background-secondary-beige);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-beige)}.sapphire-badge--primary-orchid{color:var(--sapphire-badge-color-content-primary-orchid);background-color:var(--sapphire-badge-color-background-primary-orchid)}.sapphire-badge--secondary-orchid{color:var(--sapphire-badge-color-content-secondary-orchid);background-color:var(--sapphire-badge-color-background-secondary-orchid);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orchid)}.sapphire-badge--primary-gray{color:var(--sapphire-badge-color-content-primary-gray);background-color:var(--sapphire-badge-color-background-primary-gray)}.sapphire-badge--secondary-gray{color:var(--sapphire-badge-color-content-secondary-gray);background-color:var(--sapphire-badge-color-background-secondary-gray);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gray)}.sapphire-badge--primary-cobalt{color:var(--sapphire-badge-color-content-primary-cobalt);background-color:var(--sapphire-badge-color-background-primary-cobalt)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-badge-color-content-secondary-cobalt);background-color:var(--sapphire-badge-color-background-secondary-cobalt);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-cobalt)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-badge-color-content-primary-forest-green);background-color:var(--sapphire-badge-color-background-primary-forest-green)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-badge-color-content-secondary-forest-green);background-color:var(--sapphire-badge-color-background-secondary-forest-green);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-forest-green)}.sapphire-badge--primary-teal{color:var(--sapphire-badge-color-content-primary-teal);background-color:var(--sapphire-badge-color-background-primary-teal)}.sapphire-badge--secondary-teal{color:var(--sapphire-badge-color-content-secondary-teal);background-color:var(--sapphire-badge-color-background-secondary-teal);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-teal)}.sapphire-badge--primary-orange{color:var(--sapphire-badge-color-content-primary-orange);background-color:var(--sapphire-badge-color-background-primary-orange)}.sapphire-badge--secondary-orange{color:var(--sapphire-badge-color-content-secondary-orange);background-color:var(--sapphire-badge-color-background-secondary-orange);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orange)}\n"] });
|
|
43
|
+
__decorate([
|
|
44
|
+
AutoId()
|
|
45
|
+
], BadgeComponent.prototype, "id", void 0);
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
47
|
+
type: Component,
|
|
48
|
+
args: [{ selector: 'sp-badge', template: '<ng-content></ng-content>', hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;border-radius:var(--sapphire-badge-size-radius-default);font-family:var(--sapphire-badge-font-name);font-weight:var(--sapphire-badge-font-weight);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-badge--small{height:var(--sapphire-badge-size-height-s);padding:0 var(--sapphire-badge-size-spacing-horizontal-s);font-size:var(--sapphire-badge-size-font-s)}.sapphire-badge--medium{height:var(--sapphire-badge-size-height-m);padding:0 var(--sapphire-badge-size-spacing-horizontal-m);font-size:var(--sapphire-badge-size-font-m)}.sapphire-badge--large{height:var(--sapphire-badge-size-height-l);padding:0 var(--sapphire-badge-size-spacing-horizontal-l);font-size:var(--sapphire-badge-size-font-l)}.sapphire-badge--primary-positive{color:var(--sapphire-badge-color-content-primary-positive);background-color:var(--sapphire-badge-color-background-primary-positive)}.sapphire-badge--secondary-positive{color:var(--sapphire-badge-color-content-secondary-positive);background-color:var(--sapphire-badge-color-background-secondary-positive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-positive)}.sapphire-badge--primary-negative{color:var(--sapphire-badge-color-content-primary-negative);background-color:var(--sapphire-badge-color-background-primary-negative)}.sapphire-badge--secondary-negative{color:var(--sapphire-badge-color-content-secondary-negative);background-color:var(--sapphire-badge-color-background-secondary-negative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-negative)}.sapphire-badge--primary-warning{color:var(--sapphire-badge-color-content-primary-warning);background-color:var(--sapphire-badge-color-background-primary-warning)}.sapphire-badge--secondary-warning{color:var(--sapphire-badge-color-content-secondary-warning);background-color:var(--sapphire-badge-color-background-secondary-warning);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-warning)}.sapphire-badge--primary-informative{color:var(--sapphire-badge-color-content-primary-informative);background-color:var(--sapphire-badge-color-background-primary-informative)}.sapphire-badge--secondary-informative{color:var(--sapphire-badge-color-content-secondary-informative);background-color:var(--sapphire-badge-color-background-secondary-informative);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-informative)}.sapphire-badge--primary-passive{color:var(--sapphire-badge-color-content-primary-passive);background-color:var(--sapphire-badge-color-background-primary-passive)}.sapphire-badge--secondary-passive{color:var(--sapphire-badge-color-content-secondary-passive);background-color:var(--sapphire-badge-color-background-secondary-passive);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-passive)}.sapphire-badge--primary-aqua{color:var(--sapphire-badge-color-content-primary-aqua);background-color:var(--sapphire-badge-color-background-primary-aqua)}.sapphire-badge--secondary-aqua{color:var(--sapphire-badge-color-content-secondary-aqua);background-color:var(--sapphire-badge-color-background-secondary-aqua);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-aqua)}.sapphire-badge--primary-copper{color:var(--sapphire-badge-color-content-primary-copper);background-color:var(--sapphire-badge-color-background-primary-copper)}.sapphire-badge--secondary-copper{color:var(--sapphire-badge-color-content-secondary-copper);background-color:var(--sapphire-badge-color-background-secondary-copper);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-copper)}.sapphire-badge--primary-electro{color:var(--sapphire-badge-color-content-primary-electro);background-color:var(--sapphire-badge-color-background-primary-electro)}.sapphire-badge--secondary-electro{color:var(--sapphire-badge-color-content-secondary-electro);background-color:var(--sapphire-badge-color-background-secondary-electro);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-electro)}.sapphire-badge--primary-indigo{color:var(--sapphire-badge-color-content-primary-indigo);background-color:var(--sapphire-badge-color-background-primary-indigo)}.sapphire-badge--secondary-indigo{color:var(--sapphire-badge-color-content-secondary-indigo);background-color:var(--sapphire-badge-color-background-secondary-indigo);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-indigo)}.sapphire-badge--primary-lime{color:var(--sapphire-badge-color-content-primary-lime);background-color:var(--sapphire-badge-color-background-primary-lime)}.sapphire-badge--secondary-lime{color:var(--sapphire-badge-color-content-secondary-lime);background-color:var(--sapphire-badge-color-background-secondary-lime);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-lime)}.sapphire-badge--primary-pink{color:var(--sapphire-badge-color-content-primary-pink);background-color:var(--sapphire-badge-color-background-primary-pink)}.sapphire-badge--secondary-pink{color:var(--sapphire-badge-color-content-secondary-pink);background-color:var(--sapphire-badge-color-background-secondary-pink);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-pink)}.sapphire-badge--primary-violet{color:var(--sapphire-badge-color-content-primary-violet);background-color:var(--sapphire-badge-color-background-primary-violet)}.sapphire-badge--secondary-violet{color:var(--sapphire-badge-color-content-secondary-violet);background-color:var(--sapphire-badge-color-background-secondary-violet);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-violet)}.sapphire-badge--primary-gold{color:var(--sapphire-badge-color-content-primary-gold);background-color:var(--sapphire-badge-color-background-primary-gold)}.sapphire-badge--secondary-gold{color:var(--sapphire-badge-color-content-secondary-gold);background-color:var(--sapphire-badge-color-background-secondary-gold);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gold)}.sapphire-badge--primary-beige{color:var(--sapphire-badge-color-content-primary-beige);background-color:var(--sapphire-badge-color-background-primary-beige)}.sapphire-badge--secondary-beige{color:var(--sapphire-badge-color-content-secondary-beige);background-color:var(--sapphire-badge-color-background-secondary-beige);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-beige)}.sapphire-badge--primary-orchid{color:var(--sapphire-badge-color-content-primary-orchid);background-color:var(--sapphire-badge-color-background-primary-orchid)}.sapphire-badge--secondary-orchid{color:var(--sapphire-badge-color-content-secondary-orchid);background-color:var(--sapphire-badge-color-background-secondary-orchid);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orchid)}.sapphire-badge--primary-gray{color:var(--sapphire-badge-color-content-primary-gray);background-color:var(--sapphire-badge-color-background-primary-gray)}.sapphire-badge--secondary-gray{color:var(--sapphire-badge-color-content-secondary-gray);background-color:var(--sapphire-badge-color-background-secondary-gray);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-gray)}.sapphire-badge--primary-cobalt{color:var(--sapphire-badge-color-content-primary-cobalt);background-color:var(--sapphire-badge-color-background-primary-cobalt)}.sapphire-badge--secondary-cobalt{color:var(--sapphire-badge-color-content-secondary-cobalt);background-color:var(--sapphire-badge-color-background-secondary-cobalt);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-cobalt)}.sapphire-badge--primary-forestGreen{color:var(--sapphire-badge-color-content-primary-forest-green);background-color:var(--sapphire-badge-color-background-primary-forest-green)}.sapphire-badge--secondary-forestGreen{color:var(--sapphire-badge-color-content-secondary-forest-green);background-color:var(--sapphire-badge-color-background-secondary-forest-green);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-forest-green)}.sapphire-badge--primary-teal{color:var(--sapphire-badge-color-content-primary-teal);background-color:var(--sapphire-badge-color-background-primary-teal)}.sapphire-badge--secondary-teal{color:var(--sapphire-badge-color-content-secondary-teal);background-color:var(--sapphire-badge-color-background-secondary-teal);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-teal)}.sapphire-badge--primary-orange{color:var(--sapphire-badge-color-content-primary-orange);background-color:var(--sapphire-badge-color-background-primary-orange)}.sapphire-badge--secondary-orange{color:var(--sapphire-badge-color-content-secondary-orange);background-color:var(--sapphire-badge-color-background-secondary-orange);border:var(--sapphire-badge-size-width-border) solid var(--sapphire-badge-color-border-secondary-orange)}\n"] }]
|
|
49
|
+
}], ctorParameters: function () { return []; }, propDecorators: { role: [{
|
|
50
|
+
type: HostBinding,
|
|
51
|
+
args: ['role']
|
|
52
|
+
}], id: [{
|
|
53
|
+
type: HostBinding
|
|
54
|
+
}, {
|
|
55
|
+
type: Input
|
|
56
|
+
}], size: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], variant: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], color: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], classNames: [{
|
|
63
|
+
type: HostBinding,
|
|
64
|
+
args: ['class']
|
|
65
|
+
}] } });
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7QUFrQ3BGLE1BQU0sT0FBTyxjQUFjO0lBbUN6QixJQUNZLFVBQVU7UUFDcEIsT0FBTztZQUNMLGdCQUFnQjtZQUNoQixtQkFBbUIsSUFBSSxDQUFDLElBQUksRUFBRTtZQUM5QixtQkFBbUIsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1NBQ2hELENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUVEO1FBM0NxQixTQUFJLEdBQUcsY0FBYyxDQUFDO1FBRTNDOzs7V0FHRztRQUlILE9BQUUsR0FBRyxFQUFFLENBQUM7UUFFUjs7V0FFRztRQUVILFNBQUksR0FBVSxRQUFRLENBQUM7UUFFdkI7Ozs7V0FJRztRQUVILFlBQU8sR0FBYSxTQUFTLENBQUM7UUFFOUI7Ozs7O1dBS0c7UUFFSCxVQUFLLEdBQVcsYUFBYSxDQUFDO0lBV2YsQ0FBQzs7MkdBNUNMLGNBQWM7K0ZBQWQsY0FBYyxrUkFKZiwyQkFBMkI7QUFjckM7SUFEQyxNQUFNLEVBQUU7MENBQ0Q7MkZBVkcsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxVQUFVLFlBQ1YsMkJBQTJCLGtCQUNyQixDQUFDLHdCQUF3QixDQUFDOzBFQUlyQixJQUFJO3NCQUF4QixXQUFXO3VCQUFDLE1BQU07Z0JBU25CLEVBQUU7c0JBSEQsV0FBVzs7c0JBQ1gsS0FBSztnQkFRTixJQUFJO3NCQURILEtBQUs7Z0JBU04sT0FBTztzQkFETixLQUFLO2dCQVVOLEtBQUs7c0JBREosS0FBSztnQkFJTSxVQUFVO3NCQURyQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG50eXBlIENvbG9yID1cbiAgfCAncG9zaXRpdmUnXG4gIHwgJ25lZ2F0aXZlJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdpbmZvcm1hdGl2ZSdcbiAgfCAncGFzc2l2ZSdcbiAgfCAnYXF1YSdcbiAgfCAnY29wcGVyJ1xuICB8ICdlbGVjdHJvJ1xuICB8ICdpbmRpZ28nXG4gIHwgJ2xpbWUnXG4gIHwgJ3BpbmsnXG4gIHwgJ3Zpb2xldCdcbiAgfCAnZ29sZCdcbiAgfCAnYmVpZ2UnXG4gIHwgJ29yY2hpZCdcbiAgfCAnZ3JheSdcbiAgfCAnY29iYWx0J1xuICB8ICdmb3Jlc3RHcmVlbidcbiAgfCAndGVhbCdcbiAgfCAnb3JhbmdlJztcblxudHlwZSBWYXJpYW50ID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSc7XG5cbnR5cGUgU2l6ZSA9ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWJhZGdlJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCYWRnZUNvbXBvbmVudCB7XG4gIEBIb3N0QmluZGluZygncm9sZScpIHJvbGUgPSAncHJlc2VudGF0aW9uJztcblxuICAvKipcbiAgICogQSB1bmlxdWUgaWQgZm9yIHRoZSBob3N0IERPTSBlbGVtZW50LlxuICAgKiBJZiBub25lIGlzIHN1cHBsaWVkLCBpdCB3aWxsIGJlIGF1dG8tZ2VuZXJhdGVkLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKClcbiAgQElucHV0KClcbiAgQEF1dG9JZCgpXG4gIGlkID0gJyc7XG5cbiAgLyoqXG4gICAqIEBkZWZhdWx0ICdtZWRpdW0nXG4gICAqL1xuICBASW5wdXQoKVxuICBzaXplPzogU2l6ZSA9ICdtZWRpdW0nO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBiYWRnZSBoYXMgYSBzYXR1cmF0ZWQgb3IgZmFpbnQgYmFja2dyb3VuZC5cbiAgICpcbiAgICogQGRlZmF1bHQgJ3ByaW1hcnknXG4gICAqL1xuICBASW5wdXQoKVxuICB2YXJpYW50PzogVmFyaWFudCA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogVGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIGJhZGdlLlxuICAgKiBDYW4gZWl0aGVyIGJlIHNlbWFudGljIG9yIG9uZSBvZiB0aGUgbmFtZWQgZGVjb3JhdGl2ZSBjb2xvci5cbiAgICpcbiAgICogQGRlZmF1bHQgJ2luZm9ybWF0aXZlJ1xuICAgKi9cbiAgQElucHV0KClcbiAgY29sb3I/OiBDb2xvciA9ICdpbmZvcm1hdGl2ZSc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGNsYXNzTmFtZXMoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgICdzYXBwaGlyZS1iYWRnZScsXG4gICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy5zaXplfWAsXG4gICAgICBgc2FwcGhpcmUtYmFkZ2UtLSR7dGhpcy52YXJpYW50fS0ke3RoaXMuY29sb3J9YCxcbiAgICBdLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { BadgeComponent } from './badge.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SapphireBadgeModule {
|
|
6
|
+
}
|
|
7
|
+
SapphireBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
SapphireBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireBadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] });
|
|
9
|
+
SapphireBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireBadgeModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireBadgeModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [BadgeComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [BadgeComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9iYWRnZS9zcmMvYmFkZ2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFPbkQsTUFBTSxPQUFPLG1CQUFtQjs7Z0hBQW5CLG1CQUFtQjtpSEFBbkIsbUJBQW1CLGlCQUpmLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7aUhBRWIsbUJBQW1CLFlBSHBCLFlBQVk7MkZBR1gsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vYmFkZ2UuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQmFkZ2VDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW0JhZGdlQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVCYWRnZU1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// We have separate public_api.ts file for each angular module, to have them
|
|
2
|
+
// exposed as separate entry points. The build is still not emitting separate
|
|
3
|
+
// entry points, which will be addressed in this task:
|
|
4
|
+
// WCCJ-838
|
|
5
|
+
export * from './src/button-group.component';
|
|
6
|
+
export * from './src/button.component';
|
|
7
|
+
export * from './src/icon-button.component';
|
|
8
|
+
export * from './src/toggle-button.component';
|
|
9
|
+
export * from './src/toggle-button-required-validator';
|
|
10
|
+
export * from './src/button-icon.directive';
|
|
11
|
+
export * from './src/button.module';
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNEVBQTRFO0FBQzVFLDZFQUE2RTtBQUM3RSxzREFBc0Q7QUFDdEQsV0FBVztBQUNYLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBXZSBoYXZlIHNlcGFyYXRlIHB1YmxpY19hcGkudHMgZmlsZSBmb3IgZWFjaCBhbmd1bGFyIG1vZHVsZSwgdG8gaGF2ZSB0aGVtXG4vLyBleHBvc2VkIGFzIHNlcGFyYXRlIGVudHJ5IHBvaW50cy4gVGhlIGJ1aWxkIGlzIHN0aWxsIG5vdCBlbWl0dGluZyBzZXBhcmF0ZVxuLy8gZW50cnkgcG9pbnRzLCB3aGljaCB3aWxsIGJlIGFkZHJlc3NlZCBpbiB0aGlzIHRhc2s6XG4vLyBXQ0NKLTgzOFxuZXhwb3J0ICogZnJvbSAnLi9zcmMvYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2ljb24tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy90b2dnbGUtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy90b2dnbGUtYnV0dG9uLXJlcXVpcmVkLXZhbGlkYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9idXR0b24taWNvbi5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvYnV0dG9uLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
/**
|
|
5
|
+
* ButtonGroup is a utility component which ensures consistent spacing between
|
|
6
|
+
* buttons All children must be of type Button. Icon buttons cannot be mixed
|
|
7
|
+
* with standard buttons.
|
|
8
|
+
*/
|
|
9
|
+
export class ButtonGroupComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
/**
|
|
12
|
+
* Alignment of buttons within the group.
|
|
13
|
+
* @default "right"
|
|
14
|
+
*/
|
|
15
|
+
this.align = 'right';
|
|
16
|
+
/**
|
|
17
|
+
* Spacing between the buttons
|
|
18
|
+
* @default normal
|
|
19
|
+
*/
|
|
20
|
+
this.spacing = 'normal';
|
|
21
|
+
}
|
|
22
|
+
get iconSpacing() {
|
|
23
|
+
return this.spacing;
|
|
24
|
+
}
|
|
25
|
+
set iconSpacing(value) {
|
|
26
|
+
this.spacing = value;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonGroupComponent, selector: "sp-button-group", inputs: { align: "align", iconSpacing: "iconSpacing", spacing: "spacing", orientation: "orientation" }, ngImport: i0, template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"'sapphire-button-group--align-' + align\"\n [class.sapphire-button-group--dense]=\"spacing === 'dense'\"\n [class.sapphire-button-group--large]=\"spacing === 'large'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;gap:var(--sapphire-button-group-size-spacing-m)}.sapphire-button-group--large{gap:var(--sapphire-button-group-size-spacing-l)}.sapphire-button-group--dense{gap:var(--sapphire-button-group-size-spacing-s)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{ selector: 'sp-button-group', template: "<div\n class=\"sapphire-button-group\"\n [ngClass]=\"'sapphire-button-group--align-' + align\"\n [class.sapphire-button-group--dense]=\"spacing === 'dense'\"\n [class.sapphire-button-group--large]=\"spacing === 'large'\"\n [class.sapphire-button-group--vertical]=\"orientation === 'vertical'\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sapphire-button-group{display:flex;gap:var(--sapphire-button-group-size-spacing-m)}.sapphire-button-group--large{gap:var(--sapphire-button-group-size-spacing-l)}.sapphire-button-group--dense{gap:var(--sapphire-button-group-size-spacing-s)}.sapphire-button-group--align-center{justify-content:center}.sapphire-button-group--align-right{justify-content:flex-end}.sapphire-button-group--align-left{justify-content:flex-start}.sapphire-button-group--vertical{flex-direction:column}.sapphire-button-group--vertical.sapphire-button-group--align-center{align-items:center}.sapphire-button-group--vertical.sapphire-button-group--align-right{align-items:flex-end}.sapphire-button-group--vertical.sapphire-button-group--align-left{align-items:flex-start}\n"] }]
|
|
34
|
+
}], propDecorators: {
|
|
35
|
+
/**
|
|
36
|
+
* Alignment of buttons within the group.
|
|
37
|
+
* @default "right"
|
|
38
|
+
*/
|
|
39
|
+
align: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], iconSpacing: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}],
|
|
44
|
+
/**
|
|
45
|
+
* Spacing between the buttons
|
|
46
|
+
* @default normal
|
|
47
|
+
*/
|
|
48
|
+
spacing: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}],
|
|
51
|
+
/**
|
|
52
|
+
* @default "horizontal"
|
|
53
|
+
*/
|
|
54
|
+
orientation: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpEOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBT0U7OztXQUdHO1FBQ0gsVUFBSyxHQUFnQyxPQUFPLENBQUM7UUFpQjdDOzs7V0FHRztRQUNILFlBQU8sR0FBaUMsUUFBUSxDQUFDO0tBT2xEO0lBMUJDLElBT0ksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxXQUFXLENBQUMsS0FBc0I7UUFDcEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7aUhBcEJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLCtKQ1pqQyxzVkFTQTsyRkRHYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCOztRQU0zQjs7O1dBR0c7UUFDSCxLQUFLO3NCQUxKLEtBQUs7Z0JBY0YsV0FBVztzQkFQZCxLQUFLOztRQWVOOzs7V0FHRztRQUNILE9BQU87c0JBTE4sS0FBSzs7UUFRTjs7V0FFRztRQUNILFdBQVc7c0JBSlYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBCdXR0b25Hcm91cCBpcyBhIHV0aWxpdHkgY29tcG9uZW50IHdoaWNoIGVuc3VyZXMgY29uc2lzdGVudCBzcGFjaW5nIGJldHdlZW5cbiAqIGJ1dHRvbnMgQWxsIGNoaWxkcmVuIG11c3QgYmUgb2YgdHlwZSBCdXR0b24uIEljb24gYnV0dG9ucyBjYW5ub3QgYmUgbWl4ZWRcbiAqIHdpdGggc3RhbmRhcmQgYnV0dG9ucy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Hcm91cENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBBbGlnbm1lbnQgb2YgYnV0dG9ucyB3aXRoaW4gdGhlIGdyb3VwLlxuICAgKiBAZGVmYXVsdCBcInJpZ2h0XCJcbiAgICovXG4gIGFsaWduOiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCcgPSAncmlnaHQnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgYHNwYWNpbmdgIGluc3RlYWQuXG4gICAqXG4gICAqIFNwYWNpbmcgYmV0d2VlbiB0aGUgYnV0dG9ucy5cbiAgICogQGRlZmF1bHQgbm9ybWFsXG4gICAqL1xuICBnZXQgaWNvblNwYWNpbmcoKTogdGhpc1snc3BhY2luZyddIHtcbiAgICByZXR1cm4gdGhpcy5zcGFjaW5nO1xuICB9XG4gIHNldCBpY29uU3BhY2luZyh2YWx1ZTogdGhpc1snc3BhY2luZyddKSB7XG4gICAgdGhpcy5zcGFjaW5nID0gdmFsdWU7XG4gIH1cblxuICBASW5wdXQoKVxuICAvKipcbiAgICogU3BhY2luZyBiZXR3ZWVuIHRoZSBidXR0b25zXG4gICAqIEBkZWZhdWx0IG5vcm1hbFxuICAgKi9cbiAgc3BhY2luZzogJ25vcm1hbCcgfCAnZGVuc2UnIHwgJ2xhcmdlJyA9ICdub3JtYWwnO1xuXG4gIEBJbnB1dCgpXG4gIC8qKlxuICAgKiBAZGVmYXVsdCBcImhvcml6b250YWxcIlxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbi1ncm91cFwiXG4gIFtuZ0NsYXNzXT1cIidzYXBwaGlyZS1idXR0b24tZ3JvdXAtLWFsaWduLScgKyBhbGlnblwiXG4gIFtjbGFzcy5zYXBwaGlyZS1idXR0b24tZ3JvdXAtLWRlbnNlXT1cInNwYWNpbmcgPT09ICdkZW5zZSdcIlxuICBbY2xhc3Muc2FwcGhpcmUtYnV0dG9uLWdyb3VwLS1sYXJnZV09XCJzcGFjaW5nID09PSAnbGFyZ2UnXCJcbiAgW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi1ncm91cC0tdmVydGljYWxdPVwib3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCdcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ButtonIconDirective {
|
|
4
|
+
}
|
|
5
|
+
ButtonIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
ButtonIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ButtonIconDirective, selector: "[spButtonIcon]", ngImport: i0 });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonIconDirective, decorators: [{
|
|
8
|
+
type: Directive,
|
|
9
|
+
args: [{
|
|
10
|
+
selector: '[spButtonIcon]',
|
|
11
|
+
}]
|
|
12
|
+
}] });
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi1pY29uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsxQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BCdXR0b25JY29uXScsXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkljb25EaXJlY3RpdmUge31cbiJdfQ==
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ContentChild, HostBinding, Input, isDevMode, } from '@angular/core';
|
|
3
|
+
import { IconComponent } from '../../icon/public_api';
|
|
4
|
+
import { ThemeCheckDirective } from '../../theme/src/theme-check.directive';
|
|
5
|
+
import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
|
|
6
|
+
import { ButtonIconDirective } from './button-icon.directive';
|
|
7
|
+
import { UseComponentStylesOnHost } from '../../common/sapphire-view-encapsulation';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "../../theme/src/theme-check.directive";
|
|
10
|
+
import * as i2 from "../../common/sapphire-view-encapsulation";
|
|
11
|
+
import * as i3 from "@angular/common";
|
|
12
|
+
export class ButtonComponent {
|
|
13
|
+
get derivedVariantAndStyleClass() {
|
|
14
|
+
let derivedVariantAndStyle;
|
|
15
|
+
if (this.variant === 'primary') {
|
|
16
|
+
derivedVariantAndStyle = 'primary-fill';
|
|
17
|
+
}
|
|
18
|
+
else if (this.variant === 'dangerSecondary') {
|
|
19
|
+
// TODO(v2): Remove as we remove this deprecated value for variant-prop
|
|
20
|
+
derivedVariantAndStyle = 'danger-fill';
|
|
21
|
+
}
|
|
22
|
+
else if (this.variant === 'dangerTertiary') {
|
|
23
|
+
// TODO(v2): Remove as we remove this deprecated value for variant-prop
|
|
24
|
+
derivedVariantAndStyle = 'danger-ghost';
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
derivedVariantAndStyle = `${this.variant}-${this.appearance}`;
|
|
28
|
+
}
|
|
29
|
+
return `sapphire-button--${derivedVariantAndStyle}`;
|
|
30
|
+
}
|
|
31
|
+
constructor(elementRef) {
|
|
32
|
+
this.elementRef = elementRef;
|
|
33
|
+
this.variant = 'primary';
|
|
34
|
+
this.appearance = 'fill';
|
|
35
|
+
/**
|
|
36
|
+
* Applies different styles for a better contrast with the secondary color background.
|
|
37
|
+
* @default 'primary'
|
|
38
|
+
*/
|
|
39
|
+
this.surface = 'primary';
|
|
40
|
+
this.size = 'medium';
|
|
41
|
+
this.iconAlign = 'left';
|
|
42
|
+
/**
|
|
43
|
+
* The behavior of the button when used in an HTML form.
|
|
44
|
+
*/
|
|
45
|
+
this.type = 'button';
|
|
46
|
+
}
|
|
47
|
+
ngAfterContentInit() {
|
|
48
|
+
if (this.icon) {
|
|
49
|
+
if (!this.buttonIcon && isDevMode()) {
|
|
50
|
+
console.error(`Icon is used in a button of variant "${this.variant}".
|
|
51
|
+
You should either add spButtonIcon on the icon or use sp-icon-button instead of sp-button"`);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: { variant: "variant", appearance: "appearance", surface: "surface", size: "size", disabled: "disabled", iconAlign: "iconAlign", type: "type" }, host: { properties: { "attr.disabled": "disabled || null", "class.is-disabled": "disabled", "class.sapphire-button--large": "size === \"large\"", "class.sapphire-button--small": "size === \"small\"", "class.sapphire-button--with-left-icon": "buttonIcon && iconAlign === \"left\"", "class.sapphire-button--with-right-icon": "buttonIcon && iconAlign === \"right\"", "class.sapphire-button--secondary-surface": "surface === \"secondary\"", "type": "this.type", "class": "this.derivedVariantAndStyleClass" }, classAttribute: "sapphire-button" }, queries: [{ propertyName: "buttonIcon", first: true, predicate: ButtonIconDirective, descendants: true }, { propertyName: "icon", first: true, predicate: IconComponent, descendants: true }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n</ng-template>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
|
+
__decorate([
|
|
59
|
+
CoerceBoolean
|
|
60
|
+
], ButtonComponent.prototype, "disabled", void 0);
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{ selector: 'button[sp-button], a[sp-button]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
64
|
+
'[attr.disabled]': 'disabled || null',
|
|
65
|
+
'[class.is-disabled]': 'disabled',
|
|
66
|
+
class: 'sapphire-button',
|
|
67
|
+
'[class.sapphire-button--large]': 'size === "large"',
|
|
68
|
+
'[class.sapphire-button--small]': 'size === "small"',
|
|
69
|
+
'[class.sapphire-button--with-left-icon]': 'buttonIcon && iconAlign === "left"',
|
|
70
|
+
'[class.sapphire-button--with-right-icon]': 'buttonIcon && iconAlign === "right"',
|
|
71
|
+
'[class.sapphire-button--secondary-surface]': 'surface === "secondary"',
|
|
72
|
+
}, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<span *ngIf=\"buttonIcon && iconAlign === 'left'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n\n<ng-container *ngTemplateOutlet=\"content\"></ng-container>\n\n<span *ngIf=\"buttonIcon && iconAlign === 'right'\" class=\"sapphire-button__icon\">\n <ng-container *ngTemplateOutlet=\"iconContent\"></ng-container>\n</span>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #iconContent>\n <ng-content select=\"[spButtonIcon]\"></ng-content>\n</ng-template>\n", styles: [".sapphire-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;margin:0;font-family:var(--sapphire-button-font-name);font-weight:var(--sapphire-button-font-weight);font-size:var(--sapphire-button-size-font-m);text-transform:var(--sapphire-button-font-text-transform);letter-spacing:var(--sapphire-button-font-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 var(--sapphire-button-size-spacing-horizontal-m);height:var(--sapphire-button-size-height-m);min-width:var(--sapphire-button-size-min-width-no-icon-m);max-width:-moz-fit-content;max-width:fit-content;flex-shrink:0;border-radius:var(--sapphire-button-size-radius-m);border-style:solid;border-width:0;border-color:transparent;transition-property:opacity,background-color,color;transition-duration:var(--sapphire-button-time-transition);transition-timing-function:ease-in-out;cursor:pointer}a.sapphire-button{text-decoration:none}.sapphire-button:disabled,.sapphire-button.is-disabled{opacity:var(--sapphire-button-opacity-disabled);cursor:not-allowed}.sapphire-button:focus{outline:none}.sapphire-button.is-focus,.sapphire-button:not(.js-focus):focus-visible{outline:var(--sapphire-button-size-focus-ring-border) solid var(--sapphire-button-color-focus-ring);outline-offset:var(--sapphire-button-size-focus-ring-offset)}.sapphire-button--with-left-icon,.sapphire-button--with-right-icon{min-width:var(--sapphire-button-size-min-width-with-icon-default)}.sapphire-button--with-right-icon .sapphire-button__icon{margin-left:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--with-left-icon .sapphire-button__icon{margin-right:var(--sapphire-button-size-spacing-icon-gap)}.sapphire-button--primary-fill{background-color:var(--sapphire-button-color-background-primary-default);color:var(--sapphire-button-color-content-primary-default)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-primary-hover)}.sapphire-button--primary-fill.is-focus,.sapphire-button--primary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-primary-focus)}.sapphire-button--primary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--primary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-primary-active)}.sapphire-button--secondary-fill{background-color:var(--sapphire-button-color-background-secondary-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-fill.is-focus,.sapphire-button--secondary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-focus)}.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-default)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-hover)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-focus)}.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-surface-secondary-active)}.sapphire-button--secondary-ghost{background-color:var(--sapphire-button-color-background-secondary-ghost-default);color:var(--sapphire-button-color-content-secondary-default)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-hover);color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-ghost.is-focus,.sapphire-button--secondary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-focus)}.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-active);color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-default)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-hover)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-focus)}.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-secondary-ghost-surface-secondary-active)}.sapphire-button--secondary-text{color:var(--sapphire-button-color-content-secondary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-secondary-text);padding:0}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-button-color-content-secondary-hover)}.sapphire-button--secondary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--secondary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-button-color-content-secondary-active)}.sapphire-button--tertiary-fill{background-color:var(--sapphire-button-color-background-tertiary-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-fill.is-focus,.sapphire-button--tertiary-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-focus)}.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-default)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-hover)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-focus)}.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-surface-secondary-active)}.sapphire-button--tertiary-ghost{background-color:var(--sapphire-button-color-background-tertiary-ghost-default);color:var(--sapphire-button-color-content-tertiary-default)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-hover);color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-ghost.is-focus,.sapphire-button--tertiary-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-focus)}.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-active);color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-default)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-hover)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-focus)}.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-tertiary-ghost-surface-secondary-active)}.sapphire-button--tertiary-text{color:var(--sapphire-button-color-content-tertiary-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-tertiary-text);padding:0}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-button-color-content-tertiary-hover)}.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):active,.sapphire-button--tertiary-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-button-color-content-tertiary-active)}.sapphire-button--danger-fill{background-color:var(--sapphire-button-color-background-danger-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-fill.is-focus,.sapphire-button--danger-fill:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-focus)}.sapphire-button--danger-fill:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-fill.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-surface-secondary-default)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-surface-secondary-hover)}.sapphire-button--danger-fill.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-surface-secondary-focus)}.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-fill.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-surface-secondary-active)}.sapphire-button--danger-ghost{background-color:var(--sapphire-button-color-background-danger-ghost-default);color:var(--sapphire-button-color-content-danger-default)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-hover);color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-ghost.is-focus,.sapphire-button--danger-ghost:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-focus)}.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-active);color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-default)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-hover)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface.is-focus,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-focus)}.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-ghost.sapphire-button--secondary-surface:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-danger-ghost-surface-secondary-active)}.sapphire-button--danger-text{color:var(--sapphire-button-color-content-danger-default);border-radius:var(--sapphire-button-size-radius-text);background:var(--sapphire-button-color-background-danger-text);padding:0}.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{color:var(--sapphire-button-color-content-danger-hover)}.sapphire-button--danger-text:not(:disabled):not(.is-disabled).is-active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):active,.sapphire-button--danger-text:not(:disabled):not(.is-disabled):focus-visible:active{color:var(--sapphire-button-color-content-danger-active)}.sapphire-button--selected{background-color:var(--sapphire-button-color-background-selected-default);color:var(--sapphire-button-color-content-selected-default)}.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--selected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-selected-hover)}.sapphire-button--selected.is-focus,.sapphire-button--selected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-selected-focus)}.sapphire-button--selected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--selected:not(:disabled):not(.is-disabled):active,.sapphire-button--selected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-selected-active);color:var(--sapphire-button-color-content-selected-active)}.sapphire-button--unselected{background-color:var(--sapphire-button-color-background-unselected-default);color:var(--sapphire-button-color-content-unselected-default)}.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active):not(.js-hover):hover,.sapphire-button--unselected:not(:disabled):not(.is-disabled):not(:active):not(.is-active).is-hover{background-color:var(--sapphire-button-color-background-unselected-hover)}.sapphire-button--unselected.is-focus,.sapphire-button--unselected:not(.js-focus):focus-visible{background-color:var(--sapphire-button-color-background-unselected-focus)}.sapphire-button--unselected:not(:disabled):not(.is-disabled).is-active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):active,.sapphire-button--unselected:not(:disabled):not(.is-disabled):focus-visible:active{background-color:var(--sapphire-button-color-background-unselected-active);color:var(--sapphire-button-color-content-unselected-active)}.sapphire-button__icon{display:flex;flex-direction:column;justify-content:center;align-items:center;height:var(--sapphire-button-size-icon-m);width:var(--sapphire-button-size-icon-m)}.sapphire-button--large .sapphire-button__icon{height:var(--sapphire-button-size-icon-l);width:var(--sapphire-button-size-icon-l)}.sapphire-button--small .sapphire-button__icon{height:var(--sapphire-button-size-icon-s);width:var(--sapphire-button-size-icon-s)}.sapphire-button--large{height:var(--sapphire-button-size-height-l);min-width:var(--sapphire-button-size-min-width-no-icon-l);padding:0 var(--sapphire-button-size-spacing-horizontal-l);font-size:var(--sapphire-button-size-font-l);border-radius:var(--sapphire-button-size-radius-l)}.sapphire-button--small{height:var(--sapphire-button-size-height-s);min-width:var(--sapphire-button-size-min-width-no-icon-s);padding:0 var(--sapphire-button-size-spacing-horizontal-s);font-size:var(--sapphire-button-size-font-s);border-radius:var(--sapphire-button-size-radius-s)}\n"] }]
|
|
73
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], appearance: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], surface: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], size: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], disabled: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], iconAlign: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], type: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}, {
|
|
88
|
+
type: HostBinding,
|
|
89
|
+
args: ['type']
|
|
90
|
+
}], derivedVariantAndStyleClass: [{
|
|
91
|
+
type: HostBinding,
|
|
92
|
+
args: ['class']
|
|
93
|
+
}], buttonIcon: [{
|
|
94
|
+
type: ContentChild,
|
|
95
|
+
args: [ButtonIconDirective]
|
|
96
|
+
}], icon: [{
|
|
97
|
+
type: ContentChild,
|
|
98
|
+
args: [IconComponent]
|
|
99
|
+
}] } });
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9idXR0b24vc3JjL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUVaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBeUJwRixNQUFNLE9BQU8sZUFBZTtJQXFDMUIsSUFDWSwyQkFBMkI7UUFDckMsSUFBSSxzQkFBc0IsQ0FBQztRQUUzQixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQzlCLHNCQUFzQixHQUFHLGNBQXVCLENBQUM7U0FDbEQ7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssaUJBQWlCLEVBQUU7WUFDN0MsdUVBQXVFO1lBQ3ZFLHNCQUFzQixHQUFHLGFBQXNCLENBQUM7U0FDakQ7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssZ0JBQWdCLEVBQUU7WUFDNUMsdUVBQXVFO1lBQ3ZFLHNCQUFzQixHQUFHLGNBQXVCLENBQUM7U0FDbEQ7YUFBTTtZQUNMLHNCQUFzQixHQUFHLEdBQUcsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFXLENBQUM7U0FDeEU7UUFFRCxPQUFPLG9CQUFvQixzQkFBc0IsRUFBRSxDQUFDO0lBQ3RELENBQUM7SUFLRCxZQUFtQixVQUF5QztRQUF6QyxlQUFVLEdBQVYsVUFBVSxDQUErQjtRQXpENUQsWUFBTyxHQU1nQixTQUFTLENBQUM7UUFHakMsZUFBVSxHQUErQixNQUFNLENBQUM7UUFFaEQ7OztXQUdHO1FBRUgsWUFBTyxHQUE2QixTQUFTLENBQUM7UUFHOUMsU0FBSSxHQUFrQyxRQUFRLENBQUM7UUFPL0MsY0FBUyxHQUFxQixNQUFNLENBQUM7UUFFckM7O1dBRUc7UUFHSCxTQUFJLEdBQWtDLFFBQVEsQ0FBQztJQXdCZ0IsQ0FBQztJQUVoRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ25DLE9BQU8sQ0FBQyxLQUFLLENBQUMsd0NBQXdDLElBQUksQ0FBQyxPQUFPO21HQUN5QixDQUFDLENBQUM7YUFDOUY7U0FDRjtJQUNILENBQUM7OzRHQXBFVSxlQUFlO2dHQUFmLGVBQWUscXlCQXdEWixtQkFBbUIsdUVBQ25CLGFBQWEscUpDbEc3QixnakJBZ0JBO0FEa0RFO0lBREMsYUFBYTtpREFDUzsyRkF6QlosZUFBZTtrQkF2QjNCLFNBQVM7K0JBQ0UsaUNBQWlDLG1CQUcxQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLGlCQUFpQixFQUFFLGtCQUFrQjt3QkFDckMscUJBQXFCLEVBQUUsVUFBVTt3QkFFakMsS0FBSyxFQUFFLGlCQUFpQjt3QkFFeEIsZ0NBQWdDLEVBQUUsa0JBQWtCO3dCQUNwRCxnQ0FBZ0MsRUFBRSxrQkFBa0I7d0JBRXBELHlDQUF5QyxFQUN2QyxvQ0FBb0M7d0JBQ3RDLDBDQUEwQyxFQUN4QyxxQ0FBcUM7d0JBRXZDLDRDQUE0QyxFQUFFLHlCQUF5QjtxQkFDeEUsa0JBQ2UsQ0FBQyxtQkFBbUIsRUFBRSx3QkFBd0IsQ0FBQztpR0FJL0QsT0FBTztzQkFETixLQUFLO2dCQVVOLFVBQVU7c0JBRFQsS0FBSztnQkFRTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUtOLFFBQVE7c0JBRlAsS0FBSztnQkFLTixTQUFTO3NCQURSLEtBQUs7Z0JBUU4sSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE1BQU07Z0JBSVAsMkJBQTJCO3NCQUR0QyxXQUFXO3VCQUFDLE9BQU87Z0JBbUJlLFVBQVU7c0JBQTVDLFlBQVk7dUJBQUMsbUJBQW1CO2dCQUNKLElBQUk7c0JBQWhDLFlBQVk7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBpc0Rldk1vZGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24vcHVibGljX2FwaSc7XG5pbXBvcnQgeyBUaGVtZUNoZWNrRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3JjL3RoZW1lLWNoZWNrLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBCdXR0b25JY29uRGlyZWN0aXZlIH0gZnJvbSAnLi9idXR0b24taWNvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltzcC1idXR0b25dLCBhW3NwLWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmRpc2FibGVkXSc6ICdkaXNhYmxlZCB8fCBudWxsJyxcbiAgICAnW2NsYXNzLmlzLWRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXG5cbiAgICBjbGFzczogJ3NhcHBoaXJlLWJ1dHRvbicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tbGFyZ2VdJzogJ3NpemUgPT09IFwibGFyZ2VcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXNtYWxsXSc6ICdzaXplID09PSBcInNtYWxsXCInLFxuXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1idXR0b24tLXdpdGgtbGVmdC1pY29uXSc6XG4gICAgICAnYnV0dG9uSWNvbiAmJiBpY29uQWxpZ24gPT09IFwibGVmdFwiJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0td2l0aC1yaWdodC1pY29uXSc6XG4gICAgICAnYnV0dG9uSWNvbiAmJiBpY29uQWxpZ24gPT09IFwicmlnaHRcIicsXG5cbiAgICAnW2NsYXNzLnNhcHBoaXJlLWJ1dHRvbi0tc2Vjb25kYXJ5LXN1cmZhY2VdJzogJ3N1cmZhY2UgPT09IFwic2Vjb25kYXJ5XCInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBASW5wdXQoKVxuICB2YXJpYW50PzpcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3NlY29uZGFyeSdcbiAgICB8ICd0ZXJ0aWFyeSdcbiAgICB8ICdkYW5nZXInXG4gICAgfCAnZGFuZ2VyU2Vjb25kYXJ5J1xuICAgIHwgJ2RhbmdlclRlcnRpYXJ5JyA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKVxuICBhcHBlYXJhbmNlPzogJ2ZpbGwnIHwgJ2dob3N0JyB8ICd0ZXh0JyA9ICdmaWxsJztcblxuICAvKipcbiAgICogQXBwbGllcyBkaWZmZXJlbnQgc3R5bGVzIGZvciBhIGJldHRlciBjb250cmFzdCB3aXRoIHRoZSBzZWNvbmRhcnkgY29sb3IgYmFja2dyb3VuZC5cbiAgICogQGRlZmF1bHQgJ3ByaW1hcnknXG4gICAqL1xuICBASW5wdXQoKVxuICBzdXJmYWNlPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG5cbiAgQElucHV0KClcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcblxuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBkaXNhYmxlZDogQm9vbGVhbklucHV0O1xuXG4gIEBJbnB1dCgpXG4gIGljb25BbGlnbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICAvKipcbiAgICogVGhlIGJlaGF2aW9yIG9mIHRoZSBidXR0b24gd2hlbiB1c2VkIGluIGFuIEhUTUwgZm9ybS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygndHlwZScpXG4gIHR5cGU6ICdzdWJtaXQnIHwgJ2J1dHRvbicgfCAncmVzZXQnID0gJ2J1dHRvbic7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IGRlcml2ZWRWYXJpYW50QW5kU3R5bGVDbGFzcygpIHtcbiAgICBsZXQgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZTtcblxuICAgIGlmICh0aGlzLnZhcmlhbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZSA9ICdwcmltYXJ5LWZpbGwnIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnZGFuZ2VyU2Vjb25kYXJ5Jykge1xuICAgICAgLy8gVE9ETyh2Mik6IFJlbW92ZSBhcyB3ZSByZW1vdmUgdGhpcyBkZXByZWNhdGVkIHZhbHVlIGZvciB2YXJpYW50LXByb3BcbiAgICAgIGRlcml2ZWRWYXJpYW50QW5kU3R5bGUgPSAnZGFuZ2VyLWZpbGwnIGFzIGNvbnN0O1xuICAgIH0gZWxzZSBpZiAodGhpcy52YXJpYW50ID09PSAnZGFuZ2VyVGVydGlhcnknKSB7XG4gICAgICAvLyBUT0RPKHYyKTogUmVtb3ZlIGFzIHdlIHJlbW92ZSB0aGlzIGRlcHJlY2F0ZWQgdmFsdWUgZm9yIHZhcmlhbnQtcHJvcFxuICAgICAgZGVyaXZlZFZhcmlhbnRBbmRTdHlsZSA9ICdkYW5nZXItZ2hvc3QnIGFzIGNvbnN0O1xuICAgIH0gZWxzZSB7XG4gICAgICBkZXJpdmVkVmFyaWFudEFuZFN0eWxlID0gYCR7dGhpcy52YXJpYW50fS0ke3RoaXMuYXBwZWFyYW5jZX1gIGFzIGNvbnN0O1xuICAgIH1cblxuICAgIHJldHVybiBgc2FwcGhpcmUtYnV0dG9uLS0ke2Rlcml2ZWRWYXJpYW50QW5kU3R5bGV9YDtcbiAgfVxuXG4gIEBDb250ZW50Q2hpbGQoQnV0dG9uSWNvbkRpcmVjdGl2ZSkgYnV0dG9uSWNvbj86IEJ1dHRvbkljb25EaXJlY3RpdmU7XG4gIEBDb250ZW50Q2hpbGQoSWNvbkNvbXBvbmVudCkgaWNvbj86IEljb25Db21wb25lbnQ7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSB7fVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICBpZiAodGhpcy5pY29uKSB7XG4gICAgICBpZiAoIXRoaXMuYnV0dG9uSWNvbiAmJiBpc0Rldk1vZGUoKSkge1xuICAgICAgICBjb25zb2xlLmVycm9yKGBJY29uIGlzIHVzZWQgaW4gYSBidXR0b24gb2YgdmFyaWFudCBcIiR7dGhpcy52YXJpYW50fVwiLlxuICAgICAgICBZb3Ugc2hvdWxkIGVpdGhlciBhZGQgc3BCdXR0b25JY29uIG9uIHRoZSBpY29uIG9yIHVzZSBzcC1pY29uLWJ1dHRvbiBpbnN0ZWFkIG9mIHNwLWJ1dHRvblwiYCk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8c3BhbiAqbmdJZj1cImJ1dHRvbkljb24gJiYgaWNvbkFsaWduID09PSAnbGVmdCdcIiBjbGFzcz1cInNhcHBoaXJlLWJ1dHRvbl9faWNvblwiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvc3Bhbj5cblxuPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cblxuPHNwYW4gKm5nSWY9XCJidXR0b25JY29uICYmIGljb25BbGlnbiA9PT0gJ3JpZ2h0J1wiIGNsYXNzPVwic2FwcGhpcmUtYnV0dG9uX19pY29uXCI+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9zcGFuPlxuXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2ljb25Db250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3BCdXR0b25JY29uXVwiPjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormsModule } from '@angular/forms';
|
|
4
|
+
import { ButtonComponent } from './button.component';
|
|
5
|
+
import { ButtonIconDirective } from './button-icon.directive';
|
|
6
|
+
import { IconButtonComponent } from './icon-button.component';
|
|
7
|
+
import { ToggleButtonComponent } from './toggle-button.component';
|
|
8
|
+
import { SapphireToggleButtonRequiredValidator } from './toggle-button-required-validator';
|
|
9
|
+
import { ButtonGroupComponent } from './button-group.component';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class SapphireButtonModule {
|
|
12
|
+
}
|
|
13
|
+
SapphireButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
+
SapphireButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireButtonModule, declarations: [ButtonComponent,
|
|
15
|
+
ButtonIconDirective,
|
|
16
|
+
IconButtonComponent,
|
|
17
|
+
ToggleButtonComponent,
|
|
18
|
+
ButtonGroupComponent,
|
|
19
|
+
SapphireToggleButtonRequiredValidator], imports: [CommonModule, FormsModule], exports: [ButtonComponent,
|
|
20
|
+
ButtonIconDirective,
|
|
21
|
+
IconButtonComponent,
|
|
22
|
+
ToggleButtonComponent,
|
|
23
|
+
ButtonGroupComponent,
|
|
24
|
+
SapphireToggleButtonRequiredValidator] });
|
|
25
|
+
SapphireButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireButtonModule, imports: [CommonModule, FormsModule] });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireButtonModule, decorators: [{
|
|
27
|
+
type: NgModule,
|
|
28
|
+
args: [{
|
|
29
|
+
declarations: [
|
|
30
|
+
ButtonComponent,
|
|
31
|
+
ButtonIconDirective,
|
|
32
|
+
IconButtonComponent,
|
|
33
|
+
ToggleButtonComponent,
|
|
34
|
+
ButtonGroupComponent,
|
|
35
|
+
SapphireToggleButtonRequiredValidator,
|
|
36
|
+
],
|
|
37
|
+
imports: [CommonModule, FormsModule],
|
|
38
|
+
exports: [
|
|
39
|
+
ButtonComponent,
|
|
40
|
+
ButtonIconDirective,
|
|
41
|
+
IconButtonComponent,
|
|
42
|
+
ToggleButtonComponent,
|
|
43
|
+
ButtonGroupComponent,
|
|
44
|
+
SapphireToggleButtonRequiredValidator,
|
|
45
|
+
],
|
|
46
|
+
}]
|
|
47
|
+
}] });
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYnV0dG9uL3NyYy9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHFDQUFxQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDM0YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBcUJoRSxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBakI3QixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixxQkFBcUI7UUFDckIsb0JBQW9CO1FBQ3BCLHFDQUFxQyxhQUU3QixZQUFZLEVBQUUsV0FBVyxhQUVqQyxlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixxQkFBcUI7UUFDckIsb0JBQW9CO1FBQ3BCLHFDQUFxQztrSEFHNUIsb0JBQW9CLFlBVnJCLFlBQVksRUFBRSxXQUFXOzJGQVV4QixvQkFBb0I7a0JBbkJoQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3dCQUNuQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjt3QkFDcEIscUNBQXFDO3FCQUN0QztvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO29CQUNwQyxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIscUJBQXFCO3dCQUNyQixvQkFBb0I7d0JBQ3BCLHFDQUFxQztxQkFDdEM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvbkljb25EaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi90b2dnbGUtYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTYXBwaGlyZVRvZ2dsZUJ1dHRvblJlcXVpcmVkVmFsaWRhdG9yIH0gZnJvbSAnLi90b2dnbGUtYnV0dG9uLXJlcXVpcmVkLXZhbGlkYXRvcic7XG5pbXBvcnQgeyBCdXR0b25Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBCdXR0b25JY29uRGlyZWN0aXZlLFxuICAgIEljb25CdXR0b25Db21wb25lbnQsXG4gICAgVG9nZ2xlQnV0dG9uQ29tcG9uZW50LFxuICAgIEJ1dHRvbkdyb3VwQ29tcG9uZW50LFxuICAgIFNhcHBoaXJlVG9nZ2xlQnV0dG9uUmVxdWlyZWRWYWxpZGF0b3IsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBCdXR0b25JY29uRGlyZWN0aXZlLFxuICAgIEljb25CdXR0b25Db21wb25lbnQsXG4gICAgVG9nZ2xlQnV0dG9uQ29tcG9uZW50LFxuICAgIEJ1dHRvbkdyb3VwQ29tcG9uZW50LFxuICAgIFNhcHBoaXJlVG9nZ2xlQnV0dG9uUmVxdWlyZWRWYWxpZGF0b3IsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlQnV0dG9uTW9kdWxlIHt9XG4iXX0=
|