@koobiq/components 16.0.0-beta.1 → 16.0.0-beta.10
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 +1 -1
- package/README.md +2 -2
- package/autocomplete/_autocomplete-theme.scss +3 -10
- package/autocomplete/autocomplete-origin.directive.d.ts +1 -1
- package/autocomplete/autocomplete-trigger.directive.d.ts +6 -16
- package/autocomplete/autocomplete.component.d.ts +1 -1
- package/autocomplete/autocomplete.scss +0 -8
- package/badge/README.md +0 -0
- package/{core/styles/theming/_badges-theme.scss → badge/_badge-theme.scss} +14 -13
- package/badge/badge.component.d.ts +44 -0
- package/badge/badge.component.scss +83 -0
- package/badge/badge.module.d.ts +10 -0
- package/badge/index.d.ts +1 -0
- package/badge/public-api.d.ts +2 -0
- package/button/_button-base.scss +1 -1
- package/button/_button-theme.scss +35 -27
- package/button/button.scss +5 -2
- package/button-toggle/_button-toggle-theme.scss +26 -45
- package/button-toggle/button-toggle.component.d.ts +2 -2
- package/button-toggle/button-toggle.scss +40 -87
- package/card/_card-theme.scss +1 -1
- package/checkbox/README.md +1 -1
- package/checkbox/_checkbox-theme.scss +10 -2
- package/checkbox/checkbox.d.ts +2 -2
- package/code-block/README.md +14 -14
- package/code-block/_code-block-theme.scss +8 -0
- package/code-block/code-block.component.d.ts +1 -1
- package/core/animation/index.d.ts +1 -1
- package/core/animation/select-animations.d.ts +1 -1
- package/core/common-behaviors/color.d.ts +1 -1
- package/core/common-behaviors/common-module.d.ts +1 -1
- package/core/formatters/index.d.ts +1 -1
- package/core/formatters/number/formatter.d.ts +56 -1
- package/core/forms/_forms-theme.scss +4 -4
- package/core/forms/_forms.scss +1 -3
- package/core/forms/forms.directive.d.ts +2 -2
- package/core/locales/en-US.d.ts +19 -1
- package/core/locales/es-LA.d.ts +27 -0
- package/core/locales/fa-IR.d.ts +28 -0
- package/core/locales/locale-service.d.ts +148 -3
- package/core/locales/pt-BR.d.ts +27 -0
- package/core/locales/ru-RU.d.ts +20 -1
- package/core/locales/zh-CN.d.ts +26 -0
- package/core/option/_optgroup-theme.scss +1 -1
- package/core/option/_option-action-theme.scss +1 -1
- package/core/option/_option-theme.scss +37 -14
- package/core/option/action.d.ts +1 -1
- package/core/option/action.scss +4 -5
- package/core/option/optgroup.d.ts +1 -1
- package/core/option/option.d.ts +37 -8
- package/core/option/option.scss +5 -50
- package/core/overlay/overlay-position-map.d.ts +7 -1
- package/core/pop-up/constants.d.ts +2 -1
- package/core/public-api.d.ts +1 -0
- package/core/select/constants.d.ts +2 -2
- package/core/services/theme.service.d.ts +23 -0
- package/core/styles/_koobiq-theme.scss +12 -1
- package/core/styles/_tokens.kbq.import.scss +4 -4
- package/core/styles/_tokens.scss +4 -4
- package/core/styles/_variables.scss +1 -0
- package/core/styles/common/_animation.scss +10 -6
- package/core/styles/common/_list.scss +123 -0
- package/core/styles/common/_overlay.scss +1 -1
- package/core/styles/common/_select.scss +232 -0
- package/core/styles/theming/_components-theming.scss +685 -92
- package/core/styles/theming/_theming.scss +201 -30
- package/core/styles/typography/_typography.scss +175 -5
- package/datepicker/_datepicker-theme.scss +43 -57
- package/datepicker/calendar-body.component.d.ts +1 -1
- package/datepicker/calendar-body.scss +11 -26
- package/datepicker/calendar-header.component.d.ts +9 -3
- package/datepicker/calendar-header.scss +7 -31
- package/datepicker/calendar.component.d.ts +4 -5
- package/datepicker/calendar.scss +20 -25
- package/datepicker/datepicker-animations.d.ts +2 -2
- package/datepicker/datepicker-content.scss +17 -10
- package/datepicker/datepicker-input.directive.d.ts +4 -4
- package/datepicker/datepicker-input.scss +1 -1
- package/datepicker/datepicker-toggle.component.d.ts +3 -3
- package/datepicker/datepicker.component.d.ts +2 -2
- package/datepicker/month-view.component.d.ts +5 -6
- package/dl/_dl-theme.scss +2 -56
- package/dl/dl.component.d.ts +1 -2
- package/dl/dl.scss +10 -47
- package/dropdown/_dropdown-theme.scss +29 -37
- package/dropdown/dropdown-animations.d.ts +1 -1
- package/dropdown/dropdown-content.directive.d.ts +1 -1
- package/dropdown/dropdown-item.component.d.ts +1 -1
- package/dropdown/dropdown-item.scss +18 -40
- package/dropdown/dropdown-trigger.directive.d.ts +2 -2
- package/dropdown/dropdown.component.d.ts +1 -1
- package/dropdown/dropdown.scss +16 -39
- package/dropdown/dropdown.types.d.ts +1 -1
- package/esm2022/alert/alert.component.mjs +3 -3
- package/esm2022/autocomplete/autocomplete-origin.directive.mjs +4 -4
- package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +34 -31
- package/esm2022/autocomplete/autocomplete.component.mjs +4 -4
- package/esm2022/badge/badge.component.mjs +122 -0
- package/esm2022/badge/badge.module.mjs +40 -0
- package/esm2022/badge/index.mjs +2 -0
- package/esm2022/badge/koobiq-components-badge.mjs +5 -0
- package/esm2022/badge/public-api.mjs +3 -0
- package/esm2022/button/button.component.mjs +4 -3
- package/esm2022/button-toggle/button-toggle.component.mjs +15 -15
- package/esm2022/checkbox/checkbox.mjs +4 -4
- package/esm2022/code-block/actionbar.component.mjs +3 -3
- package/esm2022/code-block/code-block.component.mjs +4 -4
- package/esm2022/core/animation/index.mjs +2 -2
- package/esm2022/core/animation/select-animations.mjs +4 -4
- package/esm2022/core/common-behaviors/color.mjs +1 -1
- package/esm2022/core/common-behaviors/common-module.mjs +2 -2
- package/esm2022/core/formatters/index.mjs +10 -2
- package/esm2022/core/formatters/number/formatter.mjs +224 -3
- package/esm2022/core/forms/forms.directive.mjs +5 -5
- package/esm2022/core/locales/en-US.mjs +22 -4
- package/esm2022/core/locales/es-LA.mjs +31 -2
- package/esm2022/core/locales/fa-IR.mjs +30 -2
- package/esm2022/core/locales/locale-service.mjs +4 -4
- package/esm2022/core/locales/pt-BR.mjs +29 -2
- package/esm2022/core/locales/ru-RU.mjs +23 -2
- package/esm2022/core/locales/zh-CN.mjs +28 -2
- package/esm2022/core/option/action.mjs +8 -7
- package/esm2022/core/option/optgroup.mjs +3 -3
- package/esm2022/core/option/option.mjs +47 -10
- package/esm2022/core/overlay/overlay-position-map.mjs +8 -1
- package/esm2022/core/pop-up/constants.mjs +2 -1
- package/esm2022/core/pop-up/pop-up-trigger.mjs +12 -3
- package/esm2022/core/public-api.mjs +2 -1
- package/esm2022/core/select/constants.mjs +3 -3
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
- package/esm2022/core/services/theme.service.mjs +60 -0
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +7 -5
- package/esm2022/datepicker/calendar-header.component.mjs +9 -8
- package/esm2022/datepicker/calendar.component.mjs +8 -17
- package/esm2022/datepicker/datepicker-animations.mjs +3 -3
- package/esm2022/datepicker/datepicker-input.directive.mjs +29 -20
- package/esm2022/datepicker/datepicker-toggle.component.mjs +6 -6
- package/esm2022/datepicker/datepicker.component.mjs +12 -12
- package/esm2022/datepicker/month-view.component.mjs +9 -18
- package/esm2022/dl/dl.component.mjs +3 -7
- package/esm2022/dropdown/dropdown-animations.mjs +4 -4
- package/esm2022/dropdown/dropdown-content.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown-errors.mjs +6 -6
- package/esm2022/dropdown/dropdown-item.component.mjs +7 -6
- package/esm2022/dropdown/dropdown-trigger.directive.mjs +10 -9
- package/esm2022/dropdown/dropdown.component.mjs +9 -9
- package/esm2022/dropdown/dropdown.types.mjs +1 -1
- package/esm2022/file-upload/file-drop.mjs +43 -6
- package/esm2022/file-upload/file-upload.mjs +1 -1
- package/esm2022/file-upload/multiple-file-upload.component.mjs +13 -9
- package/esm2022/file-upload/single-file-upload.component.mjs +16 -13
- package/esm2022/form-field/cleaner.mjs +3 -3
- package/esm2022/form-field/form-field.mjs +12 -15
- package/esm2022/form-field/hint.mjs +16 -6
- package/esm2022/form-field/password-hint.mjs +25 -16
- package/esm2022/form-field/password-toggle.mjs +29 -12
- package/esm2022/form-field/prefix.mjs +3 -3
- package/esm2022/form-field/suffix.mjs +3 -3
- package/esm2022/form-field/validate.directive.mjs +15 -9
- package/esm2022/icon/icon-button.component.mjs +68 -0
- package/esm2022/icon/icon-item.component.mjs +27 -0
- package/esm2022/icon/icon.component.mjs +5 -90
- package/esm2022/icon/icon.module.mjs +4 -2
- package/esm2022/icon/public-api.mjs +3 -1
- package/esm2022/input/input-errors.mjs +2 -2
- package/esm2022/input/input-number.mjs +260 -44
- package/esm2022/input/input-password.mjs +5 -5
- package/esm2022/input/input.mjs +7 -7
- package/esm2022/link/link.component.mjs +14 -13
- package/esm2022/list/list-selection.component.mjs +23 -10
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/list/list.module.mjs +8 -4
- package/esm2022/loader-overlay/loader-overlay.component.mjs +20 -19
- package/esm2022/modal/modal-control.service.mjs +5 -5
- package/esm2022/modal/modal-ref.class.mjs +1 -1
- package/esm2022/modal/modal.component.mjs +129 -134
- package/esm2022/modal/modal.module.mjs +13 -7
- package/esm2022/modal/modal.service.mjs +23 -23
- package/esm2022/modal/modal.type.mjs +1 -3
- package/esm2022/navbar/navbar-item.component.mjs +19 -18
- package/esm2022/navbar/navbar.component.mjs +18 -9
- package/esm2022/navbar/vertical-navbar.animation.mjs +2 -2
- package/esm2022/navbar/vertical-navbar.component.mjs +9 -6
- package/esm2022/popover/popover-animations.mjs +2 -2
- package/esm2022/popover/popover-confirm.component.mjs +9 -11
- package/esm2022/popover/popover.component.mjs +24 -24
- package/esm2022/progress-spinner/progress-spinner.component.mjs +1 -1
- package/esm2022/radio/radio.component.mjs +11 -8
- package/esm2022/risk-level/index.mjs +2 -0
- package/esm2022/risk-level/koobiq-components-risk-level.mjs +5 -0
- package/esm2022/risk-level/public-api.mjs +3 -0
- package/esm2022/risk-level/risk-level.component.mjs +40 -0
- package/esm2022/risk-level/risk-level.module.mjs +28 -0
- package/esm2022/select/select-option.directive.mjs +15 -3
- package/esm2022/select/select.component.mjs +47 -29
- package/esm2022/sidebar/sidebar-animations.mjs +2 -2
- package/esm2022/sidebar/sidebar.component.mjs +9 -9
- package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
- package/esm2022/sidepanel/sidepanel-directives.mjs +8 -10
- package/esm2022/sidepanel/sidepanel.module.mjs +10 -4
- package/esm2022/splitter/splitter.component.mjs +3 -3
- package/esm2022/table/table.component.mjs +3 -3
- package/esm2022/tabs/paginated-tab-header.mjs +11 -2
- package/esm2022/tabs/tab-body.component.mjs +7 -7
- package/esm2022/tabs/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/tab-group.component.mjs +16 -21
- package/esm2022/tabs/tab-header.component.mjs +2 -2
- package/esm2022/tabs/tab-label-wrapper.directive.mjs +4 -3
- package/esm2022/tabs/tab-label.directive.mjs +3 -3
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +21 -10
- package/esm2022/tabs/tab.component.mjs +14 -5
- package/esm2022/tabs/tabs-animations.mjs +2 -2
- package/esm2022/tabs/tabs.module.mjs +2 -6
- package/esm2022/tags/tag-default-options.mjs +1 -1
- package/esm2022/tags/tag-input.mjs +17 -15
- package/esm2022/tags/tag-list.component.mjs +15 -10
- package/esm2022/tags/tag.component.mjs +16 -16
- package/esm2022/textarea/textarea.component.mjs +4 -4
- package/esm2022/timepicker/timepicker.directive.mjs +10 -10
- package/esm2022/timezone/timezone-option.component.mjs +4 -4
- package/esm2022/timezone/timezone-select.component.mjs +5 -5
- package/esm2022/title/title.directive.mjs +6 -6
- package/esm2022/toast/toast-animations.mjs +2 -1
- package/esm2022/toast/toast-container.component.mjs +22 -8
- package/esm2022/toast/toast.component.mjs +30 -13
- package/esm2022/toast/toast.module.mjs +23 -8
- package/esm2022/toast/toast.service.mjs +2 -1
- package/esm2022/toast/toast.type.mjs +6 -1
- package/esm2022/toggle/toggle.component.mjs +4 -4
- package/esm2022/tooltip/tooltip.animations.mjs +2 -2
- package/esm2022/tooltip/tooltip.component.mjs +29 -28
- package/esm2022/tree/control/base-tree-control.mjs +1 -1
- package/esm2022/tree/control/flat-tree-control.mjs +4 -4
- package/esm2022/tree/control/tree-control.mjs +1 -1
- package/esm2022/tree/node.mjs +5 -5
- package/esm2022/tree/outlet.mjs +3 -3
- package/esm2022/tree/padding.directive.mjs +9 -9
- package/esm2022/tree/toggle.mjs +11 -12
- package/esm2022/tree/tree-base.mjs +3 -3
- package/esm2022/tree/tree-option.component.mjs +12 -10
- package/esm2022/tree/tree-selection.component.mjs +8 -6
- package/esm2022/tree/tree.mjs +3 -3
- package/esm2022/tree/tree.module.mjs +13 -4
- package/esm2022/tree-select/tree-select.component.mjs +28 -23
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +40 -37
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +166 -0
- package/fesm2022/koobiq-components-badge.mjs.map +1 -0
- package/fesm2022/koobiq-components-button-toggle.mjs +14 -14
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +3 -2
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +3 -3
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +5 -5
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +535 -46
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +73 -79
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +2 -6
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +33 -31
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +65 -21
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +96 -59
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +10 -8
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +269 -55
- package/fesm2022/koobiq-components-input.mjs.map +1 -1
- package/fesm2022/koobiq-components-link.mjs +13 -12
- package/fesm2022/koobiq-components-link.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +31 -14
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +19 -18
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +164 -167
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +42 -33
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +32 -33
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +10 -7
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-risk-level.mjs +72 -0
- package/fesm2022/koobiq-components-risk-level.mjs.map +1 -0
- package/fesm2022/koobiq-components-select.mjs +60 -30
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidebar.mjs +8 -8
- package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +19 -14
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-splitter.mjs +2 -2
- package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +2 -2
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +74 -53
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +45 -38
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-textarea.mjs +3 -3
- package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
- package/fesm2022/koobiq-components-timepicker.mjs +9 -9
- package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +7 -7
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-title.mjs +5 -5
- package/fesm2022/koobiq-components-title.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +71 -22
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +3 -3
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +29 -28
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +27 -22
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +67 -54
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +54 -40
- package/file-upload/file-drop.d.ts +3 -2
- package/file-upload/file-upload.d.ts +4 -1
- package/file-upload/file-upload.scss +2 -9
- package/file-upload/multiple-file-upload.component.d.ts +6 -5
- package/file-upload/multiple-file-upload.component.scss +170 -59
- package/file-upload/single-file-upload.component.d.ts +6 -5
- package/file-upload/single-file-upload.component.scss +42 -22
- package/form-field/_form-field-theme.scss +3 -6
- package/form-field/_hint-theme.scss +6 -2
- package/form-field/cleaner.d.ts +1 -1
- package/form-field/form-field.d.ts +3 -4
- package/form-field/form-field.scss +2 -2
- package/form-field/hint.d.ts +4 -1
- package/form-field/hint.scss +9 -1
- package/form-field/password-hint.d.ts +7 -3
- package/form-field/password-hint.scss +6 -0
- package/form-field/password-toggle.d.ts +13 -7
- package/form-field/prefix.d.ts +1 -1
- package/form-field/suffix.d.ts +1 -1
- package/form-field/validate.directive.d.ts +1 -1
- package/icon/_icon-button-theme.scss +129 -0
- package/icon/_icon-item-theme.scss +41 -0
- package/icon/_icon-theme.scss +1 -232
- package/icon/icon-button.component.d.ts +22 -0
- package/icon/icon-button.scss +33 -0
- package/icon/icon-item.component.d.ts +10 -0
- package/icon/icon-item.scss +18 -0
- package/icon/icon.component.d.ts +1 -25
- package/icon/icon.module.d.ts +6 -4
- package/icon/icon.scss +0 -41
- package/icon/public-api.d.ts +2 -0
- package/input/_input-theme.scss +2 -1
- package/input/input-number.d.ts +61 -10
- package/input/input-password.d.ts +1 -1
- package/input/input.d.ts +2 -2
- package/input/input.scss +3 -1
- package/link/_link-theme.scss +101 -92
- package/link/link.component.d.ts +4 -4
- package/list/_list-theme.scss +36 -17
- package/list/list-selection.component.d.ts +6 -2
- package/list/list.module.d.ts +1 -1
- package/list/list.scss +6 -19
- package/loader-overlay/_loader-overlay-theme.scss +43 -11
- package/loader-overlay/loader-overlay.component.d.ts +6 -5
- package/loader-overlay/loader-overlay.scss +56 -22
- package/markdown/_markdown-theme.scss +2 -2
- package/modal/README.md +5 -5
- package/modal/_modal-confirm.scss +5 -37
- package/modal/_modal-theme.scss +14 -52
- package/modal/modal-ref.class.d.ts +2 -2
- package/modal/modal.component.d.ts +53 -52
- package/modal/modal.module.d.ts +2 -1
- package/modal/modal.scss +50 -31
- package/modal/modal.type.d.ts +35 -36
- package/navbar/_navbar-theme.scss +2 -2
- package/navbar/navbar-item.component.d.ts +4 -3
- package/navbar/navbar.component.d.ts +5 -2
- package/navbar/vertical-navbar.component.d.ts +4 -2
- package/package.json +48 -38
- package/popover/README.md +14 -14
- package/popover/_popover-theme.scss +15 -78
- package/popover/popover-animations.d.ts +1 -1
- package/popover/popover-confirm.component.d.ts +1 -3
- package/popover/popover.component.d.ts +3 -3
- package/popover/popover.scss +60 -50
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/progress-spinner/progress-spinner.component.d.ts +2 -2
- package/radio/_radio-theme.scss +17 -4
- package/radio/radio.component.d.ts +2 -2
- package/radio/radio.scss +13 -0
- package/risk-level/README.md +0 -0
- package/risk-level/_risk-level-theme.scss +88 -0
- package/risk-level/index.d.ts +1 -0
- package/risk-level/public-api.d.ts +2 -0
- package/risk-level/risk-level.component.d.ts +18 -0
- package/risk-level/risk-level.component.scss +26 -0
- package/risk-level/risk-level.module.d.ts +10 -0
- package/select/_select-theme.scss +12 -4
- package/select/select-option.directive.d.ts +2 -0
- package/select/select.component.d.ts +15 -12
- package/select/select.scss +6 -190
- package/sidebar/sidebar-animations.d.ts +1 -1
- package/sidebar/sidebar.component.d.ts +3 -3
- package/sidepanel/_sidepanel-theme.scss +11 -41
- package/sidepanel/sidepanel-directives.d.ts +0 -2
- package/sidepanel/sidepanel.scss +33 -35
- package/splitter/_splitter-theme.scss +1 -0
- package/splitter/splitter.component.d.ts +1 -1
- package/table/_table-theme.scss +1 -1
- package/table/table.component.d.ts +1 -1
- package/tabs/_tabs-common.scss +28 -147
- package/tabs/_tabs-theme.scss +81 -175
- package/tabs/paginated-tab-header.d.ts +1 -0
- package/tabs/tab-body.component.d.ts +1 -1
- package/tabs/tab-content.directive.d.ts +1 -1
- package/tabs/tab-group.component.d.ts +5 -8
- package/tabs/tab-group.scss +10 -10
- package/tabs/tab-header.scss +2 -24
- package/tabs/tab-label-wrapper.directive.d.ts +1 -1
- package/tabs/tab-label.directive.d.ts +1 -1
- package/tabs/tab-nav-bar/tab-nav-bar.d.ts +4 -2
- package/tabs/tab-nav-bar/tab-nav-bar.scss +9 -16
- package/tabs/tab.component.d.ts +1 -1
- package/tabs/tabs-animations.d.ts +1 -1
- package/tabs/tabs.module.d.ts +1 -1
- package/tags/_tag-theme.scss +1 -25
- package/tags/tag-default-options.d.ts +4 -0
- package/tags/tag-input.d.ts +2 -2
- package/tags/tag-list.component.d.ts +3 -2
- package/tags/tag-list.scss +26 -16
- package/tags/tag.component.d.ts +6 -6
- package/textarea/textarea.component.d.ts +1 -1
- package/timepicker/timepicker.directive.d.ts +2 -2
- package/timezone/timezone-option.component.d.ts +1 -1
- package/timezone/timezone-select.component.d.ts +1 -1
- package/title/title.directive.d.ts +1 -1
- package/toast/_toast-theme.scss +21 -33
- package/toast/toast-animations.d.ts +1 -0
- package/toast/toast-container.component.d.ts +7 -3
- package/toast/toast-container.component.scss +2 -1
- package/toast/toast.component.d.ts +6 -1
- package/toast/toast.component.scss +41 -34
- package/toast/toast.module.d.ts +1 -1
- package/toast/toast.service.d.ts +2 -0
- package/toast/toast.type.d.ts +8 -5
- package/toggle/_toggle-theme.scss +9 -1
- package/toggle/toggle.component.d.ts +1 -1
- package/toggle/toggle.scss +5 -2
- package/tooltip/tooltip.animations.d.ts +1 -1
- package/tooltip/tooltip.component.d.ts +5 -5
- package/tree/_tree-theme.scss +46 -34
- package/tree/control/base-tree-control.d.ts +1 -1
- package/tree/control/tree-control.d.ts +1 -1
- package/tree/node.d.ts +1 -1
- package/tree/outlet.d.ts +1 -1
- package/tree/padding.directive.d.ts +1 -1
- package/tree/toggle.d.ts +3 -3
- package/tree/tree-base.d.ts +1 -1
- package/tree/tree-option.component.d.ts +1 -2
- package/tree/tree-option.scss +40 -27
- package/tree/tree-selection.component.d.ts +1 -1
- package/tree/tree.d.ts +1 -1
- package/tree/tree.module.d.ts +2 -1
- package/tree-select/_tree-select-theme.scss +13 -3
- package/tree-select/tree-select.component.d.ts +6 -4
- package/tree-select/tree-select.scss +5 -194
- package/core/styles/theming/_badges.scss +0 -57
- package/core/styles/theming/prebuilt/light-theme.scss +0 -20
- package/list/_list-base.scss +0 -54
|
@@ -1,66 +1,58 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
2
|
@use 'sass:map';
|
|
3
3
|
|
|
4
|
-
@use '../core/styles/common/popup' as *;
|
|
5
4
|
@use '../core/styles/theming/theming' as *;
|
|
6
5
|
@use '../core/styles/typography/typography-utils' as *;
|
|
7
6
|
|
|
8
7
|
|
|
8
|
+
@mixin kbq-dropdown-item-state($state) {
|
|
9
|
+
background: map.get($state, container-background);
|
|
10
|
+
color: map.get($state, text);
|
|
11
|
+
|
|
12
|
+
.kbq-dropdown-item__caption {
|
|
13
|
+
color: map.get($state, caption);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
9
17
|
@mixin kbq-dropdown-theme($theme) {
|
|
10
|
-
$
|
|
11
|
-
$
|
|
12
|
-
$secondary: map.get($theme, secondary);
|
|
18
|
+
$dropdown: map.get(map.get($theme, components), dropdown);
|
|
19
|
+
$divider: map.get(map.get($theme, components), divider);
|
|
13
20
|
|
|
14
21
|
.kbq-dropdown__panel {
|
|
15
|
-
|
|
22
|
+
box-shadow: map.get($dropdown, box-shadow);
|
|
23
|
+
background: map.get($dropdown, background);
|
|
16
24
|
}
|
|
17
25
|
|
|
18
26
|
.kbq-dropdown-item {
|
|
19
|
-
|
|
27
|
+
$dropdown-item: map.get(map.get($theme, components), list-item);
|
|
20
28
|
|
|
21
|
-
|
|
29
|
+
@include kbq-dropdown-item-state(map.get($dropdown-item, default));
|
|
22
30
|
|
|
23
|
-
|
|
24
|
-
|
|
31
|
+
&.kbq-dropdown-item_highlighted,
|
|
32
|
+
&:hover:not(.kbq-disabled) {
|
|
33
|
+
@include kbq-dropdown-item-state(map.get($dropdown-item, hover));
|
|
25
34
|
}
|
|
26
35
|
|
|
27
36
|
&.cdk-keyboard-focused {
|
|
28
|
-
|
|
29
|
-
outline-offset: -2px !important;
|
|
37
|
+
border-color: map.get(map.get($dropdown-item, focused), focus-outline);
|
|
30
38
|
}
|
|
31
39
|
|
|
32
40
|
&.kbq-selected {
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&[disabled] {
|
|
37
|
-
color: map.get($foreground, text-disabled);
|
|
41
|
+
@include kbq-dropdown-item-state(map.get($dropdown-item, selected));
|
|
38
42
|
|
|
39
|
-
|
|
43
|
+
&:hover:not(.kbq-disabled) {
|
|
44
|
+
@include kbq-dropdown-item-state(map.get($dropdown-item, selected-hover));
|
|
45
|
+
}
|
|
40
46
|
}
|
|
41
47
|
|
|
42
|
-
|
|
43
|
-
|
|
48
|
+
&.kbq-disabled {
|
|
49
|
+
@include kbq-dropdown-item-state(map.get($dropdown-item, disabled));
|
|
44
50
|
}
|
|
45
51
|
}
|
|
46
52
|
|
|
47
|
-
.kbq-dropdown-item_highlighted {
|
|
48
|
-
background: map.get($background, overlay-hover);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
53
|
.kbq-dropdown-item-overlay {
|
|
52
54
|
background: transparent;
|
|
53
55
|
}
|
|
54
|
-
|
|
55
|
-
.kbq-dropdown__divider {
|
|
56
|
-
background-color: map.get($foreground, divider);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.kbq-dropdown-trigger.kbq-pressed {
|
|
60
|
-
& .kbq-button-overlay {
|
|
61
|
-
background: kbq-color($secondary, A8);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
56
|
}
|
|
65
57
|
|
|
66
58
|
@mixin kbq-dropdown-typography($config) {
|
|
@@ -68,18 +60,18 @@
|
|
|
68
60
|
|
|
69
61
|
.kbq-dropdown-item,
|
|
70
62
|
.kbq-dropdown__content {
|
|
71
|
-
@include kbq-typography-level-to-styles($config, map.get($tokens,
|
|
63
|
+
@include kbq-typography-level-to-styles($config, map.get($tokens, list-font-text));
|
|
72
64
|
}
|
|
73
65
|
|
|
74
66
|
.kbq-dropdown-item__caption {
|
|
75
|
-
@include kbq-typography-level-to-styles($config, map.get($tokens,
|
|
67
|
+
@include kbq-typography-level-to-styles($config, map.get($tokens, list-font-caption));
|
|
76
68
|
}
|
|
77
69
|
|
|
78
70
|
.kbq-dropdown__group-header {
|
|
79
|
-
@include kbq-typography-level-to-styles($config, map.get($tokens,
|
|
71
|
+
@include kbq-typography-level-to-styles($config, map.get($tokens, list-font-header));
|
|
80
72
|
|
|
81
73
|
&.kbq-dropdown__group-header_small {
|
|
82
|
-
@include kbq-typography-level-to-styles($config, map.get($tokens,
|
|
74
|
+
@include kbq-typography-level-to-styles($config, map.get($tokens, list-font-subheading));
|
|
83
75
|
}
|
|
84
76
|
}
|
|
85
77
|
}
|
|
@@ -3,7 +3,7 @@ import { AnimationTriggerMetadata } from '@angular/animations';
|
|
|
3
3
|
* Animations used by the kbq-dropdown component.
|
|
4
4
|
* @docs-private
|
|
5
5
|
*/
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const kbqDropdownAnimations: {
|
|
7
7
|
readonly transformDropdown: AnimationTriggerMetadata;
|
|
8
8
|
readonly fadeInItems: AnimationTriggerMetadata;
|
|
9
9
|
};
|
|
@@ -28,5 +28,5 @@ export declare class KbqDropdownContent implements OnDestroy {
|
|
|
28
28
|
detach(): void;
|
|
29
29
|
ngOnDestroy(): void;
|
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownContent, never>;
|
|
31
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownContent, "ng-template[
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownContent, "ng-template[kbqDropdownContent]", never, {}, {}, never, never, false, never>;
|
|
32
32
|
}
|
|
@@ -47,6 +47,6 @@ export declare class KbqDropdownItem extends KbqDropdownItemMixinBase implements
|
|
|
47
47
|
getLabel(): string;
|
|
48
48
|
haltDisabledEvents(event: Event): void;
|
|
49
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownItem, [null, null, { optional: true; }]>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdownItem, "kbq-dropdown-item, [kbq-dropdown-item]", ["
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdownItem, "kbq-dropdown-item, [kbq-dropdown-item]", ["kbqDropdownItem"], { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["icon"], ["[kbq-icon]", "*"], false, never>;
|
|
51
51
|
}
|
|
52
52
|
export {};
|
|
@@ -10,49 +10,33 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
10
10
|
|
|
11
11
|
.kbq-dropdown-item {
|
|
12
12
|
@include common.user-select(none);
|
|
13
|
+
@include common.kbq-list-item-base();
|
|
13
14
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
|
|
19
|
-
width: 100%;
|
|
15
|
+
&:not(.kbq-disabled) {
|
|
16
|
+
cursor: pointer;
|
|
17
|
+
}
|
|
20
18
|
|
|
21
|
-
|
|
22
|
-
outline: none;
|
|
19
|
+
text-align: left;
|
|
23
20
|
|
|
24
|
-
|
|
21
|
+
& > .kbq-icon:first-child {
|
|
22
|
+
$outline-width: map.get($tokens, list-size-container-focus-outline-width);
|
|
23
|
+
$padding-vertical: map.get($tokens, list-size-container-padding-vertical);
|
|
25
24
|
|
|
26
|
-
|
|
27
|
-
white-space: nowrap;
|
|
25
|
+
align-self: flex-start;
|
|
28
26
|
|
|
29
|
-
|
|
30
|
-
cursor: pointer;
|
|
27
|
+
margin-top: var(--kbq-list-size-container-padding-vertical, $padding-vertical);
|
|
31
28
|
}
|
|
32
29
|
|
|
33
30
|
& .kbq-dropdown-item__caption {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
& .kbq-dropdown-item__caption {
|
|
39
|
-
margin-left: 24px;
|
|
40
|
-
}
|
|
31
|
+
padding-top: var(
|
|
32
|
+
--kbq-list-size-container-content-gap-vertical,
|
|
33
|
+
map.get($tokens, list-size-container-content-gap-vertical)
|
|
34
|
+
);
|
|
41
35
|
}
|
|
42
36
|
}
|
|
43
37
|
|
|
44
|
-
.kbq-dropdown-
|
|
45
|
-
|
|
46
|
-
text-overflow: ellipsis;
|
|
47
|
-
white-space: nowrap;
|
|
48
|
-
|
|
49
|
-
width: 100%;
|
|
50
|
-
|
|
51
|
-
padding: var(--kbq-dropdown-item-size-padding, map.get($tokens, dropdown-item-size-padding));
|
|
52
|
-
|
|
53
|
-
& [kbq-icon] {
|
|
54
|
-
padding: var(--kbq-dropdown-item-size-icon-padding, map.get($tokens, dropdown-item-size-icon-padding));
|
|
55
|
-
}
|
|
38
|
+
.kbq-dropdown-item__text {
|
|
39
|
+
@include common.kbq-list-text();
|
|
56
40
|
}
|
|
57
41
|
|
|
58
42
|
.kbq-dropdown-item-overlay {
|
|
@@ -68,15 +52,9 @@ $tokens: meta.module-variables(tokens) !default;
|
|
|
68
52
|
|
|
69
53
|
.kbq-dropdown__group-header {
|
|
70
54
|
@include common.user-select(none);
|
|
71
|
-
|
|
72
|
-
padding: var(--kbq-dropdown-item-size-padding, map.get($tokens, dropdown-group-header-size-default-padding));
|
|
55
|
+
@include common.kbq-list-header-base();
|
|
73
56
|
|
|
74
57
|
&.kbq-dropdown__group-header_small {
|
|
75
|
-
|
|
58
|
+
@include common.kbq-list-subheading-base();
|
|
76
59
|
}
|
|
77
60
|
}
|
|
78
|
-
|
|
79
|
-
.kbq-dropdown__divider {
|
|
80
|
-
height: var(--kbq-dropdown-divider-size-height, map.get($tokens, dropdown-divider-size-height));
|
|
81
|
-
margin: var(--kbq-dropdown-divider-size-margin, map.get($tokens, dropdown-divider-size-margin));
|
|
82
|
-
}
|
|
@@ -97,7 +97,7 @@ export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
|
|
|
97
97
|
private setIsOpened;
|
|
98
98
|
/**
|
|
99
99
|
* This method checks that a valid instance of KbqDropdown has been passed into
|
|
100
|
-
*
|
|
100
|
+
* kbqDropdownTriggerFor. If not, an exception is thrown.
|
|
101
101
|
*/
|
|
102
102
|
private check;
|
|
103
103
|
/**
|
|
@@ -132,5 +132,5 @@ export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
|
|
|
132
132
|
private getPortal;
|
|
133
133
|
private getWidth;
|
|
134
134
|
static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownTrigger, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
|
|
135
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[
|
|
135
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[kbqDropdownTriggerFor]", ["kbqDropdownTrigger"], { "data": { "alias": "kbqDropdownTriggerData"; "required": false; }; "openByArrowDown": { "alias": "openByArrowDown"; "required": false; }; "restoreFocus": { "alias": "kbqDropdownTriggerRestoreFocus"; "required": false; }; "dropdown": { "alias": "kbqDropdownTriggerFor"; "required": false; }; }, { "dropdownOpened": "dropdownOpened"; "dropdownClosed": "dropdownClosed"; }, never, never, false, never>;
|
|
136
136
|
}
|
|
@@ -117,5 +117,5 @@ export declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel,
|
|
|
117
117
|
*/
|
|
118
118
|
private updateDirectDescendants;
|
|
119
119
|
static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdown, never>;
|
|
120
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["
|
|
120
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["kbqDropdown"], { "navigationWithWrap": { "alias": "navigationWithWrap"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTriggerY": { "alias": "overlapTriggerY"; "required": false; }; "overlapTriggerX": { "alias": "overlapTriggerX"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent", "items"], ["*"], false, never>;
|
|
121
121
|
}
|
package/dropdown/dropdown.scss
CHANGED
|
@@ -6,60 +6,37 @@
|
|
|
6
6
|
|
|
7
7
|
$tokens: meta.module-variables(tokens) !default;
|
|
8
8
|
|
|
9
|
-
.kbq-dropdown-trigger {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
--kbq-dropdown-trigger-size-button-right-padding,
|
|
13
|
-
map.get($tokens, dropdown-trigger-size-button-right-padding)
|
|
14
|
-
);
|
|
9
|
+
.kbq-dropdown-trigger.kbq-button-icon_right.kbq-button-icon_left {
|
|
10
|
+
& .kbq-icon_left {
|
|
11
|
+
margin-right: 2px;
|
|
15
12
|
}
|
|
16
13
|
|
|
17
|
-
|
|
18
|
-
margin-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
&.kbq-button-icon .kbq-icon_right {
|
|
22
|
-
margin-left: var(
|
|
23
|
-
--kbq-dropdown-trigger-size-right-icon-padding, map.get($tokens, dropdown-trigger-size-right-icon-padding)
|
|
24
|
-
);
|
|
14
|
+
& .kbq-icon_right {
|
|
15
|
+
margin-left: 2px;
|
|
25
16
|
}
|
|
26
17
|
}
|
|
27
18
|
|
|
28
19
|
.kbq-dropdown-trigger__icon {
|
|
29
20
|
margin-left: auto;
|
|
30
|
-
padding-right: var(
|
|
31
|
-
--kbq-dropdown-trigger-size-right-icon-padding,
|
|
32
|
-
map.get($tokens, dropdown-trigger-size-right-icon-padding)
|
|
33
|
-
);
|
|
34
21
|
}
|
|
35
22
|
|
|
36
23
|
.kbq-dropdown__panel {
|
|
37
|
-
margin-top:
|
|
24
|
+
margin-top: 2px;
|
|
38
25
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
border: {
|
|
42
|
-
width: var(--kbq-dropdown-panel-size-border-width, map.get($tokens, dropdown-panel-size-border-width));
|
|
43
|
-
style: solid;
|
|
44
|
-
}
|
|
26
|
+
min-width: var(--kbq-dropdown-size-container-width-min, map.get($tokens, dropdown-size-container-width-min));
|
|
27
|
+
max-width: var(--kbq-dropdown-size-container-width-max, map.get($tokens, dropdown-size-container-width-max));
|
|
45
28
|
|
|
46
|
-
border-
|
|
47
|
-
--kbq-dropdown-
|
|
48
|
-
);
|
|
49
|
-
border-bottom-right-radius: var(
|
|
50
|
-
--kbq-dropdown-panel-size-border-radius, map.get($tokens, dropdown-panel-size-border-radius)
|
|
29
|
+
border-radius: var(
|
|
30
|
+
--kbq-dropdown-size-container-border-radius, map.get($tokens, dropdown-size-container-border-radius)
|
|
51
31
|
);
|
|
52
32
|
|
|
53
|
-
padding: var(
|
|
33
|
+
padding-top: var(
|
|
34
|
+
--kbq-dropdown-size-container-padding-vertical, map.get($tokens, dropdown-size-container-padding-vertical)
|
|
35
|
+
);
|
|
54
36
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
);
|
|
59
|
-
border-top-right-radius: var(
|
|
60
|
-
--kbq-dropdown-panel-size-border-radius, map.get($tokens, dropdown-panel-size-border-radius)
|
|
61
|
-
);
|
|
62
|
-
}
|
|
37
|
+
padding-bottom: var(
|
|
38
|
+
--kbq-dropdown-size-container-padding-vertical, map.get($tokens, dropdown-size-container-padding-vertical)
|
|
39
|
+
);
|
|
63
40
|
|
|
64
41
|
// Prevent users from interacting with the panel while it's animating. Note that
|
|
65
42
|
// people won't be able to click through it, because the overlay pane will catch the click.
|
|
@@ -7,7 +7,7 @@ export type DropdownPositionY = 'above' | 'below';
|
|
|
7
7
|
/** Reason why the menu was closed. */
|
|
8
8
|
export type DropdownCloseReason = void | 'click' | 'keydown' | 'tab';
|
|
9
9
|
/**
|
|
10
|
-
* Interface for a custom dropdown panel that can be used with `
|
|
10
|
+
* Interface for a custom dropdown panel that can be used with `kbqDropdownTriggerFor`.
|
|
11
11
|
* @docs-private
|
|
12
12
|
*/
|
|
13
13
|
export interface KbqDropdownPanel {
|
|
@@ -43,14 +43,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
43
43
|
}] });
|
|
44
44
|
export class KbqAlert {
|
|
45
45
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlert, selector: "kbq-alert", host: { properties: { "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n <div class=\"kbq-alert__text\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n <ng-content select=\"[kbq-alert-control]\"></ng-content>\n </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top,
|
|
46
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlert, selector: "kbq-alert", host: { properties: { "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n <div class=\"kbq-alert__text\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n <ng-content select=\"[kbq-alert-control]\"></ng-content>\n </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 8px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlert, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'kbq-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
51
51
|
class: 'kbq-alert',
|
|
52
52
|
'[class.kbq-alert_dismissible]': 'closeButton'
|
|
53
|
-
}, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n <div class=\"kbq-alert__text\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n <ng-content select=\"[kbq-alert-control]\"></ng-content>\n </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top,
|
|
53
|
+
}, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n <div class=\"kbq-alert__text\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n <ng-content select=\"[kbq-alert-control]\"></ng-content>\n </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 8px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"] }]
|
|
54
54
|
}], propDecorators: { iconItem: [{
|
|
55
55
|
type: ContentChild,
|
|
56
56
|
args: [KbqIconItem]
|
|
@@ -64,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
64
64
|
type: ContentChild,
|
|
65
65
|
args: [KbqAlertCloseButton]
|
|
66
66
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBU3RELE1BQU0sT0FBTyxhQUFhO2lJQUFiLGFBQWE7cUhBQWIsYUFBYTs7MkZBQWIsYUFBYTtrQkFOekIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLGtCQUFrQjtxQkFDNUI7aUJBQ0o7O0FBU0QsTUFBTSxPQUFPLG1CQUFtQjtpSUFBbkIsbUJBQW1CO3FIQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBTi9CLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSx3QkFBd0I7cUJBQ2xDO2lCQUNKOztBQVNELE1BQU0sT0FBTyxlQUFlO2lJQUFmLGVBQWU7cUhBQWYsZUFBZTs7MkZBQWYsZUFBZTtrQkFOM0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixJQUFJLEVBQUU7d0JBQ0YsS0FBSyxFQUFFLG1CQUFtQjtxQkFDN0I7aUJBQ0o7O0FBY0QsTUFBTSxPQUFPLFFBQVE7aUlBQVIsUUFBUTtxSEFBUixRQUFRLDRMQUNILFdBQVcsd0VBQ1gsYUFBYSwwRUFDYixlQUFlLDhFQUNmLG1CQUFtQixnRENqRHJDLG1sQkFtQkE7OzJGRDBCYSxRQUFRO2tCQVhwQixTQUFTOytCQUNJLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsV0FBVzt3QkFDbEIsK0JBQStCLEVBQUUsYUFBYTtxQkFDakQ7OEJBRzBCLFFBQVE7c0JBQWxDLFlBQVk7dUJBQUMsV0FBVztnQkFDSSxLQUFLO3NCQUFqQyxZQUFZO3VCQUFDLGFBQWE7Z0JBQ0ksT0FBTztzQkFBckMsWUFBWTt1QkFBQyxlQUFlO2dCQUNNLFdBQVc7c0JBQTdDLFlBQVk7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkLFxuICAgIERpcmVjdGl2ZSxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEticUljb25JdGVtIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuXG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC10aXRsZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWxlcnRfX3RpdGxlJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRUaXRsZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1trYnEtYWxlcnQtY2xvc2UtYnV0dG9uXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydC1jbG9zZS1idXR0b24nXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFBbGVydENsb3NlQnV0dG9uIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC1jb250cm9sXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydC1jb250cm9sJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWxlcnRDb250cm9sIHt9XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWydhbGVydC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X2Rpc21pc3NpYmxlXSc6ICdjbG9zZUJ1dHRvbidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0IHtcbiAgICBAQ29udGVudENoaWxkKEticUljb25JdGVtKSBpY29uSXRlbTogS2JxSWNvbkl0ZW07XG4gICAgQENvbnRlbnRDaGlsZChLYnFBbGVydFRpdGxlKSB0aXRsZTogS2JxQWxlcnRUaXRsZTtcbiAgICBAQ29udGVudENoaWxkKEticUFsZXJ0Q29udHJvbCkgY29udHJvbDogS2JxQWxlcnRDb250cm9sO1xuICAgIEBDb250ZW50Q2hpbGQoS2JxQWxlcnRDbG9zZUJ1dHRvbikgY2xvc2VCdXR0b246IEticUFsZXJ0Q2xvc2VCdXR0b247XG59XG4iLCI8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19pY29uXCIgKm5nSWY9XCJpY29uSXRlbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtaWNvbi1pdGVtXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ticS1hbGVydC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG5cbiAgICA8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X190ZXh0XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJrYnEtYWxlcnRfX2NvbnRyb2xzXCIgKm5nSWY9XCJjb250cm9sXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltrYnEtYWxlcnQtY29udHJvbF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImticS1hbGVydF9fY2xvc2UtYnV0dG9uXCIgW2hpZGRlbl09XCIhY2xvc2VCdXR0b25cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWFsZXJ0LWNsb3NlLWJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -9,13 +9,13 @@ export class KbqAutocompleteOrigin {
|
|
|
9
9
|
this.elementRef = elementRef;
|
|
10
10
|
}
|
|
11
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
12
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAutocompleteOrigin, selector: "[
|
|
12
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAutocompleteOrigin, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
|
|
15
15
|
type: Directive,
|
|
16
16
|
args: [{
|
|
17
|
-
selector: '[
|
|
18
|
-
exportAs: '
|
|
17
|
+
selector: '[kbqAutocompleteOrigin]',
|
|
18
|
+
exportAs: 'kbqAutocompleteOrigin'
|
|
19
19
|
}]
|
|
20
20
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUtb3JpZ2luLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHdEQ7OztHQUdHO0FBS0gsTUFBTSxPQUFPLHFCQUFxQjtJQUM5QixZQUFtQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtJQUFHLENBQUM7aUlBRGpELHFCQUFxQjtxSEFBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdba2JxQXV0b2NvbXBsZXRlT3JpZ2luXScsXG4gICAgZXhwb3J0QXM6ICdrYnFBdXRvY29tcGxldGVPcmlnaW4nXG59KVxuZXhwb3J0IGNsYXNzIEticUF1dG9jb21wbGV0ZU9yaWdpbiB7XG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxufVxuIl19
|