@koobiq/components 17.6.1 → 17.7.0
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/alert/alert.module.d.ts +3 -4
- package/autocomplete/autocomplete.module.d.ts +1 -1
- package/badge/badge.module.d.ts +3 -4
- package/button/button.module.d.ts +4 -5
- package/code-block/code-block.module.d.ts +6 -7
- package/core/forms/_forms-theme.scss +7 -15
- package/core/forms/_forms.scss +3 -9
- package/core/forms/forms-tokens.scss +39 -0
- package/core/option/_optgroup-theme.scss +4 -10
- package/core/option/_option-action-theme.scss +7 -15
- package/core/option/_option-theme.scss +13 -24
- package/core/option/action.scss +4 -0
- package/core/option/optgroup-tokens.scss +26 -0
- package/core/option/optgroup.scss +4 -5
- package/core/option/option-action-tokens.scss +21 -0
- package/core/option/option-module.d.ts +2 -3
- package/core/option/option-tokens.scss +115 -0
- package/core/option/option.scss +5 -3
- package/core/styles/_koobiq-theme.scss +7 -37
- package/core/styles/theming/_scrollbar-theme.scss +10 -11
- package/core/styles/theming/scrollbar-tokens.scss +34 -0
- package/datepicker/datepicker-module.d.ts +8 -8
- package/dl/dl.module.d.ts +3 -4
- package/dropdown/dropdown.module.d.ts +4 -4
- package/empty-state/empty-state.module.d.ts +3 -4
- package/esm2022/alert/alert.component.mjs +3 -4
- package/esm2022/alert/alert.module.mjs +3 -7
- package/esm2022/autocomplete/autocomplete.module.mjs +15 -5
- package/esm2022/badge/badge.module.mjs +3 -7
- package/esm2022/button/button.module.mjs +3 -7
- package/esm2022/code-block/actionbar.component.mjs +6 -7
- package/esm2022/code-block/code-block.component.mjs +8 -9
- package/esm2022/code-block/code-block.module.mjs +4 -8
- package/esm2022/core/option/action.mjs +14 -25
- package/esm2022/core/option/optgroup.mjs +3 -3
- package/esm2022/core/option/option-module.mjs +4 -5
- package/esm2022/core/option/option.mjs +5 -6
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +3 -3
- package/esm2022/datepicker/calendar-header.component.mjs +8 -8
- package/esm2022/datepicker/datepicker-module.mjs +10 -9
- package/esm2022/datepicker/datepicker-toggle.component.mjs +5 -6
- package/esm2022/datepicker/month-view.component.mjs +4 -5
- package/esm2022/dl/dl.module.mjs +3 -7
- package/esm2022/dropdown/dropdown-item.component.mjs +5 -6
- package/esm2022/dropdown/dropdown.module.mjs +8 -9
- package/esm2022/empty-state/empty-state.module.mjs +3 -7
- package/esm2022/file-upload/file-upload.module.mjs +12 -9
- package/esm2022/file-upload/multiple-file-upload.component.mjs +10 -10
- package/esm2022/file-upload/single-file-upload.component.mjs +10 -10
- package/esm2022/form-field/form-field.mjs +7 -8
- package/esm2022/form-field/form-field.module.mjs +9 -5
- package/esm2022/form-field/password-hint.mjs +3 -3
- package/esm2022/form-field/password-toggle.mjs +3 -3
- package/esm2022/icon/icon.module.mjs +3 -7
- package/esm2022/input/input.module.mjs +3 -7
- package/esm2022/link/link.module.mjs +3 -7
- package/esm2022/list/list-selection.component.mjs +4 -5
- package/esm2022/list/list.module.mjs +3 -7
- package/esm2022/loader-overlay/loader-overlay.component.mjs +4 -5
- package/esm2022/loader-overlay/loader-overlay.module.mjs +3 -7
- package/esm2022/markdown/markdown.module.mjs +4 -5
- package/esm2022/modal/modal.component.mjs +7 -7
- package/esm2022/modal/modal.module.mjs +12 -9
- package/esm2022/navbar/navbar-item.component.mjs +30 -31
- package/esm2022/navbar/navbar.module.mjs +3 -7
- package/esm2022/popover/popover-confirm.component.mjs +4 -4
- package/esm2022/popover/popover.component.mjs +8 -8
- package/esm2022/popover/popover.module.mjs +40 -7
- package/esm2022/progress-bar/progress-bar.component.mjs +3 -4
- package/esm2022/progress-bar/progress-bar.module.mjs +3 -7
- package/esm2022/progress-spinner/progress-spinner.component.mjs +3 -3
- package/esm2022/progress-spinner/progress-spinner.module.mjs +7 -8
- package/esm2022/radio/radio.component.mjs +3 -3
- package/esm2022/radio/radio.module.mjs +4 -5
- package/esm2022/risk-level/risk-level.component.mjs +3 -3
- package/esm2022/risk-level/risk-level.module.mjs +3 -7
- package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +8 -8
- package/esm2022/select/select.module.mjs +11 -13
- package/esm2022/sidebar/sidebar.component.mjs +3 -4
- package/esm2022/sidepanel/sidepanel-container.component.mjs +5 -6
- package/esm2022/sidepanel/sidepanel-directives.mjs +30 -29
- package/esm2022/sidepanel/sidepanel.module.mjs +3 -7
- package/esm2022/splitter/splitter.component.mjs +3 -4
- package/esm2022/splitter/splitter.module.mjs +3 -7
- package/esm2022/table/table.module.mjs +3 -7
- package/esm2022/tabs/tab-group.component.mjs +9 -10
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +3 -3
- package/esm2022/tabs/tabs.module.mjs +3 -7
- package/esm2022/tags/tag-list.component.mjs +3 -4
- package/esm2022/tags/tag.module.mjs +4 -5
- package/esm2022/textarea/textarea.module.mjs +4 -5
- package/esm2022/timepicker/timepicker.module.mjs +3 -7
- package/esm2022/timezone/timezone-option.component.mjs +6 -6
- package/esm2022/timezone/timezone-select.component.mjs +7 -7
- package/esm2022/timezone/timezone.module.mjs +10 -9
- package/esm2022/toast/toast.component.mjs +6 -6
- package/esm2022/toast/toast.module.mjs +10 -9
- package/esm2022/toggle/toggle.module.mjs +4 -5
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.module.mjs +11 -5
- package/esm2022/tree/tree-option.component.mjs +5 -6
- package/esm2022/tree/tree.module.mjs +3 -7
- package/esm2022/tree-select/tree-select.component.mjs +7 -7
- package/esm2022/tree-select/tree-select.module.mjs +11 -12
- package/fesm2022/koobiq-components-alert.mjs +4 -9
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +14 -4
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -6
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -6
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +15 -20
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +22 -33
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +21 -20
- 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 +16 -17
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-empty-state.mjs +2 -6
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +22 -19
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +17 -13
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +2 -6
- package/fesm2022/koobiq-components-icon.mjs.map +1 -1
- package/fesm2022/koobiq-components-input.mjs +2 -6
- package/fesm2022/koobiq-components-input.mjs.map +1 -1
- package/fesm2022/koobiq-components-link.mjs +2 -6
- package/fesm2022/koobiq-components-link.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +5 -10
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-loader-overlay.mjs +5 -10
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +3 -4
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +18 -15
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +32 -36
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +47 -14
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-bar.mjs +4 -9
- package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
- package/fesm2022/koobiq-components-progress-spinner.mjs +8 -9
- package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
- package/fesm2022/koobiq-components-radio.mjs +5 -6
- package/fesm2022/koobiq-components-radio.mjs.map +1 -1
- package/fesm2022/koobiq-components-risk-level.mjs +4 -8
- package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
- package/fesm2022/koobiq-components-scrollbar.mjs +2 -2
- package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +17 -19
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidebar.mjs +2 -3
- package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +35 -38
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-splitter.mjs +4 -9
- package/fesm2022/koobiq-components-splitter.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +2 -6
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +8 -13
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-tags.mjs +5 -7
- package/fesm2022/koobiq-components-tags.mjs.map +1 -1
- package/fesm2022/koobiq-components-textarea.mjs +3 -4
- package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
- package/fesm2022/koobiq-components-timepicker.mjs +2 -6
- package/fesm2022/koobiq-components-timepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +19 -18
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +14 -13
- package/fesm2022/koobiq-components-toast.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +3 -4
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +12 -6
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +16 -17
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +10 -15
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/file-upload.module.d.ts +12 -12
- package/file-upload/single-file-upload.component.d.ts +1 -1
- package/form-field/form-field-tokens.scss +12 -0
- package/form-field/form-field.module.d.ts +3 -3
- package/icon/icon.module.d.ts +3 -4
- package/input/input.module.d.ts +5 -6
- package/link/link.module.d.ts +2 -3
- package/list/list.module.d.ts +3 -4
- package/loader-overlay/loader-overlay.module.d.ts +4 -5
- package/markdown/markdown.module.d.ts +4 -5
- package/modal/modal.module.d.ts +7 -7
- package/navbar/navbar.module.d.ts +5 -6
- package/package.json +4 -4
- package/popover/popover.module.d.ts +7 -7
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +6 -12
- package/progress-bar/progress-bar-tokens.scss +36 -0
- package/progress-bar/progress-bar.module.d.ts +2 -3
- package/progress-bar/progress-bar.scss +4 -4
- package/progress-spinner/_progress-spinner-theme.scss +5 -11
- package/progress-spinner/progress-spinner-tokens.scss +38 -0
- package/progress-spinner/progress-spinner.module.d.ts +3 -3
- package/progress-spinner/progress-spinner.scss +4 -4
- package/radio/_radio-theme.scss +21 -36
- package/radio/radio-tokens.scss +166 -0
- package/radio/radio.module.d.ts +3 -4
- package/radio/radio.scss +4 -5
- package/risk-level/_risk-level-theme.scss +20 -24
- package/risk-level/risk-level-tokens.scss +72 -0
- package/risk-level/risk-level.component.scss +5 -3
- package/risk-level/risk-level.module.d.ts +3 -4
- package/schematics/ng-add/index.js +2 -2
- package/scrollbar/_scrollbar-component-theme.scss +13 -31
- package/scrollbar/scrollbar-tokens.scss +34 -0
- package/scrollbar/scrollbar.component.scss +4 -3
- package/select/_select-theme.scss +11 -22
- package/select/select-tokens.scss +59 -0
- package/select/select.component.d.ts +1 -1
- package/select/select.module.d.ts +7 -7
- package/select/select.scss +5 -3
- package/sidepanel/_sidepanel-theme.scss +6 -12
- package/sidepanel/sidepanel-tokens.scss +48 -0
- package/sidepanel/sidepanel.module.d.ts +8 -9
- package/sidepanel/sidepanel.scss +4 -4
- package/splitter/_splitter-theme.scss +2 -6
- package/splitter/splitter-tokens.scss +7 -0
- package/splitter/splitter.module.d.ts +2 -3
- package/splitter/splitter.scss +4 -0
- package/table/table.module.d.ts +3 -4
- package/tabs/_tabs-common.scss +0 -6
- package/tabs/_tabs-theme.scss +30 -65
- package/tabs/tab-group.scss +0 -3
- package/tabs/tab-header.scss +0 -3
- package/tabs/tab-nav-bar/tab-nav-bar.scss +0 -2
- package/tabs/tabs-tokens.scss +136 -0
- package/tabs/tabs.module.d.ts +7 -8
- package/tags/_tag-theme.scss +17 -26
- package/tags/tag-input-tokens.scss +14 -0
- package/tags/tag-list.scss +0 -6
- package/tags/tag-tokens.scss +151 -0
- package/tags/tag.module.d.ts +2 -3
- package/tags/tag.scss +0 -3
- package/textarea/textarea.module.d.ts +4 -5
- package/timepicker/timepicker.module.d.ts +4 -5
- package/timezone/timezone.module.d.ts +9 -9
- package/toast/toast.module.d.ts +7 -7
- package/toggle/toggle.module.d.ts +3 -4
- package/tooltip/tooltip.module.d.ts +3 -3
- package/tree/tree.module.d.ts +3 -4
- package/tree-select/tree-select.component.d.ts +1 -1
- package/tree-select/tree-select.module.d.ts +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koobiq-components-progress-bar.mjs","sources":["../../../packages/components/progress-bar/progress-bar.component.ts","../../../packages/components/progress-bar/progress-bar.component.html","../../../packages/components/progress-bar/progress-bar.module.ts","../../../packages/components/progress-bar/koobiq-components-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n/** @docs-private */\nexport class KbqProgressBarBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressBarMixinBase: CanColorCtor & typeof KbqProgressBarBase = mixinColor(\n KbqProgressBarBase,\n KbqComponentColors.Theme\n);\n\n@Directive({\n selector: '[kbq-progress-bar-text]',\n host: {\n class: 'kbq-progress-bar-text'\n }\n})\nexport class KbqProgressBarText {}\n\n@Directive({\n selector: '[kbq-progress-bar-caption]',\n host: {\n class: 'kbq-progress-bar-caption'\n }\n})\nexport class KbqProgressBarCaption {}\n\n@Component({\n selector: 'kbq-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n '[attr.id]': 'id',\n class: 'kbq-progress-bar',\n '[class.kbq-progress-bar_determinate]': 'mode === \"determinate\"',\n '[class.kbq-progress-bar_indeterminate]': 'mode === \"indeterminate\"'\n }\n})\nexport class KbqProgressBar extends KbqProgressBarMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-bar-${idIterator++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressBarMode = 'determinate';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value));\n }\n}\n","<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n
|
|
1
|
+
{"version":3,"file":"koobiq-components-progress-bar.mjs","sources":["../../../packages/components/progress-bar/progress-bar.component.ts","../../../packages/components/progress-bar/progress-bar.component.html","../../../packages/components/progress-bar/progress-bar.module.ts","../../../packages/components/progress-bar/koobiq-components-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate';\n\nlet idIterator = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n/** @docs-private */\nexport class KbqProgressBarBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressBarMixinBase: CanColorCtor & typeof KbqProgressBarBase = mixinColor(\n KbqProgressBarBase,\n KbqComponentColors.Theme\n);\n\n@Directive({\n selector: '[kbq-progress-bar-text]',\n host: {\n class: 'kbq-progress-bar-text'\n }\n})\nexport class KbqProgressBarText {}\n\n@Directive({\n selector: '[kbq-progress-bar-caption]',\n host: {\n class: 'kbq-progress-bar-caption'\n }\n})\nexport class KbqProgressBarCaption {}\n\n@Component({\n selector: 'kbq-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.scss', './progress-bar-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n '[attr.id]': 'id',\n class: 'kbq-progress-bar',\n '[class.kbq-progress-bar_determinate]': 'mode === \"determinate\"',\n '[class.kbq-progress-bar_indeterminate]': 'mode === \"indeterminate\"'\n }\n})\nexport class KbqProgressBar extends KbqProgressBarMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-bar-${idIterator++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressBarMode = 'determinate';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value));\n }\n}\n","<ng-content select=\"[kbq-progress-bar-text]\" />\n\n<div\n class=\"kbq-progress-bar__inner\"\n [id]=\"id\"\n>\n @switch (mode) {\n @case ('indeterminate') {\n <div class=\"kbq-progress-bar__line kbq-progress-bar__line_indeterminate\"></div>\n }\n @default {\n <div\n class=\"kbq-progress-bar__line kbq-progress-bar__line_determinate\"\n [style.width.%]=\"percentage\"\n ></div>\n }\n }\n</div>\n\n<ng-content select=\"[kbq-progress-bar-caption]\" />\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressBar, KbqProgressBarCaption, KbqProgressBarText } from './progress-bar.component';\n\n@NgModule({\n imports: [\n PlatformModule\n ],\n declarations: [\n KbqProgressBar,\n KbqProgressBarText,\n KbqProgressBarCaption\n ],\n exports: [\n KbqProgressBar,\n KbqProgressBarText,\n KbqProgressBarCaption\n ]\n})\nexport class KbqProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Directive, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
|
|
3
3
|
import { mixinColor, KbqComponentColors } from '@koobiq/components/core';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
|
-
import {
|
|
5
|
+
import { NgStyle } from '@angular/common';
|
|
6
6
|
import { PlatformModule } from '@angular/cdk/platform';
|
|
7
7
|
|
|
8
8
|
let id = 0;
|
|
@@ -66,7 +66,7 @@ class KbqProgressSpinner extends KbqProgressSpinnerMixinBase {
|
|
|
66
66
|
return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;
|
|
67
67
|
}
|
|
68
68
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: { color: "color", id: "id", value: "value", mode: "mode", size: "size" }, host: { properties: { "class.kbq-progress-spinner_big": "size === 'big'", "class.kbq-progress-spinner_indeterminate": "mode === 'indeterminate'", "attr.id": "id" }, classAttribute: "kbq-progress-spinner" }, usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
69
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: { color: "color", id: "id", value: "value", mode: "mode", size: "size" }, host: { properties: { "class.kbq-progress-spinner_big": "size === 'big'", "class.kbq-progress-spinner_indeterminate": "mode === 'indeterminate'", "attr.id": "id" }, classAttribute: "kbq-progress-spinner" }, usesInheritance: true, ngImport: i0, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}.kbq-progress-spinner .kbq-progress-spinner__circle{stroke:var(--kbq-progress-spinner-circle-background, )}.kbq-progress-spinner-text{color:var(--kbq-progress-spinner-text-color, )}.kbq-progress-spinner-caption{color:var(--kbq-progress-spinner-caption-color, )}.kbq-progress-spinner-text{font-size:var(--kbq-progress-spinner-font-label-font-size, 14px);font-weight:var(--kbq-progress-spinner-font-label-font-weight, normal);line-height:var(--kbq-progress-spinner-font-label-line-height, 20px);font-family:var(--kbq-progress-spinner-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-label-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-label-letter-spacing, -.006em)}.kbq-progress-spinner-caption{font-size:var(--kbq-progress-spinner-font-caption-font-size, 12px);font-weight:var(--kbq-progress-spinner-font-caption-font-weight, normal);line-height:var(--kbq-progress-spinner-font-caption-line-height, 16px);font-family:var(--kbq-progress-spinner-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-caption-letter-spacing, normal)}\n", ".kbq-progress-spinner{--kbq-progress-spinner-size-compact-size: 16px;--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: 2px;--kbq-progress-spinner-size-compact-content-gap-horizontal: 8px;--kbq-progress-spinner-size-big-size: 48px;--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: 2px;--kbq-progress-spinner-size-big-content-gap-horizontal: 8px;--kbq-progress-spinner-font-label-font-size: 14px;--kbq-progress-spinner-font-label-line-height: 20px;--kbq-progress-spinner-font-label-letter-spacing: -.006em;--kbq-progress-spinner-font-label-font-weight: normal;--kbq-progress-spinner-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-label-text-transform: null;--kbq-progress-spinner-font-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-progress-spinner-font-caption-font-size: 12px;--kbq-progress-spinner-font-caption-line-height: 16px;--kbq-progress-spinner-font-caption-letter-spacing: normal;--kbq-progress-spinner-font-caption-font-weight: normal;--kbq-progress-spinner-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-caption-text-transform: null;--kbq-progress-spinner-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: hsla(216, 100%, 50%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 15%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: hsla(216, 100%, 65%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 80%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 60%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
70
70
|
}
|
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinner, decorators: [{
|
|
72
72
|
type: Component,
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
75
75
|
'[class.kbq-progress-spinner_big]': `size === 'big'`,
|
|
76
76
|
'[class.kbq-progress-spinner_indeterminate]': `mode === 'indeterminate'`,
|
|
77
77
|
'[attr.id]': 'id'
|
|
78
|
-
}, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}\n"] }]
|
|
78
|
+
}, template: "<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n", styles: ["@keyframes kbq-progress-spinner-indeterminate{to{transform:rotate(270deg)}}.kbq-progress-spinner{display:flex;flex-direction:row;gap:var(--kbq-progress-spinner-size-compact-content-gap-horizontal, 8px)}.kbq-progress-spinner__circle{fill:none;stroke:#000;stroke-dasharray:295%;stroke-width:13%;transition:stroke-dashoffset .3s;transform-origin:center center}.kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-compact-size, 16px);height:var(--kbq-progress-spinner-size-compact-size, 16px);transform:rotate(-90deg);font-size:0}.kbq-progress-spinner__content .kbq-progress-spinner-text{margin-bottom:var(--kbq-progress-spinner-size-compact-content-gap-vertical, 2px)}.kbq-progress-spinner_big{gap:var(--kbq-progress-spinner-size-big-content-gap-horizontal, 8px)}.kbq-progress-spinner_big .kbq-progress-spinner__inner{width:var(--kbq-progress-spinner-size-big-size, 48px);height:var(--kbq-progress-spinner-size-big-size, 48px)}.kbq-progress-spinner_big .kbq-progress-spinner__circle{stroke-width:6%}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner{animation:kbq-progress-spinner-indeterminate 1.5s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner .kbq-progress-spinner__circle{stroke-dashoffset:80%}.kbq-progress-spinner .kbq-progress-spinner__circle{stroke:var(--kbq-progress-spinner-circle-background, )}.kbq-progress-spinner-text{color:var(--kbq-progress-spinner-text-color, )}.kbq-progress-spinner-caption{color:var(--kbq-progress-spinner-caption-color, )}.kbq-progress-spinner-text{font-size:var(--kbq-progress-spinner-font-label-font-size, 14px);font-weight:var(--kbq-progress-spinner-font-label-font-weight, normal);line-height:var(--kbq-progress-spinner-font-label-line-height, 20px);font-family:var(--kbq-progress-spinner-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-label-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-label-letter-spacing, -.006em)}.kbq-progress-spinner-caption{font-size:var(--kbq-progress-spinner-font-caption-font-size, 12px);font-weight:var(--kbq-progress-spinner-font-caption-font-weight, normal);line-height:var(--kbq-progress-spinner-font-caption-line-height, 16px);font-family:var(--kbq-progress-spinner-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-spinner-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-spinner-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-spinner-font-caption-letter-spacing, normal)}\n", ".kbq-progress-spinner{--kbq-progress-spinner-size-compact-size: 16px;--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: 2px;--kbq-progress-spinner-size-compact-content-gap-horizontal: 8px;--kbq-progress-spinner-size-big-size: 48px;--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: 2px;--kbq-progress-spinner-size-big-content-gap-horizontal: 8px;--kbq-progress-spinner-font-label-font-size: 14px;--kbq-progress-spinner-font-label-line-height: 20px;--kbq-progress-spinner-font-label-letter-spacing: -.006em;--kbq-progress-spinner-font-label-font-weight: normal;--kbq-progress-spinner-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-label-text-transform: null;--kbq-progress-spinner-font-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-progress-spinner-font-caption-font-size: 12px;--kbq-progress-spinner-font-caption-line-height: 16px;--kbq-progress-spinner-font-caption-letter-spacing: normal;--kbq-progress-spinner-font-caption-font-weight: normal;--kbq-progress-spinner-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-progress-spinner-font-caption-text-transform: null;--kbq-progress-spinner-font-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: hsla(216, 100%, 50%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 15%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 50%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: hsla(216, 100%, 65%, 100%);--kbq-progress-spinner-text-color: hsla(229, 15%, 80%, 100%);--kbq-progress-spinner-caption-color: hsla(229, 15%, 60%, 100%)}\n"] }]
|
|
79
79
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
|
|
80
80
|
type: Input
|
|
81
81
|
}], value: [{
|
|
@@ -90,19 +90,18 @@ class KbqProgressSpinnerModule {
|
|
|
90
90
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
91
91
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, declarations: [KbqProgressSpinner,
|
|
92
92
|
KbqProgressSpinnerText,
|
|
93
|
-
KbqProgressSpinnerCaption], imports: [
|
|
94
|
-
|
|
93
|
+
KbqProgressSpinnerCaption], imports: [PlatformModule,
|
|
94
|
+
NgStyle], exports: [KbqProgressSpinner,
|
|
95
95
|
KbqProgressSpinnerText,
|
|
96
96
|
KbqProgressSpinnerCaption] }); }
|
|
97
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, imports: [
|
|
98
|
-
PlatformModule] }); }
|
|
97
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, imports: [PlatformModule] }); }
|
|
99
98
|
}
|
|
100
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqProgressSpinnerModule, decorators: [{
|
|
101
100
|
type: NgModule,
|
|
102
101
|
args: [{
|
|
103
102
|
imports: [
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
PlatformModule,
|
|
104
|
+
NgStyle
|
|
106
105
|
],
|
|
107
106
|
declarations: [
|
|
108
107
|
KbqProgressSpinner,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koobiq-components-progress-spinner.mjs","sources":["../../../packages/components/progress-spinner/progress-spinner.component.ts","../../../packages/components/progress-spinner/progress-spinner.component.html","../../../packages/components/progress-spinner/progress-spinner.module.ts","../../../packages/components/progress-spinner/koobiq-components-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\nexport type ProgressSpinnerSize = 'compact' | 'big';\n\nlet id = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n@Directive({\n selector: '[kbq-progress-spinner-text]',\n host: {\n class: 'kbq-progress-spinner-text'\n }\n})\nexport class KbqProgressSpinnerText {}\n\n@Directive({\n selector: '[kbq-progress-spinner-caption]',\n host: {\n class: 'kbq-progress-spinner-caption'\n }\n})\nexport class KbqProgressSpinnerCaption {}\n\n/** @docs-private */\nexport class KbqProgressSpinnerBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressSpinnerMixinBase: CanColorCtor & typeof KbqProgressSpinnerBase = mixinColor(\n KbqProgressSpinnerBase,\n KbqComponentColors.Theme\n);\n\nconst MAX_DASH_ARRAY = 295;\n\n@Component({\n selector: 'kbq-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n class: 'kbq-progress-spinner',\n '[class.kbq-progress-spinner_big]': `size === 'big'`,\n '[class.kbq-progress-spinner_indeterminate]': `mode === 'indeterminate'`,\n '[attr.id]': 'id'\n }\n})\nexport class KbqProgressSpinner extends KbqProgressSpinnerMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-spinner-${id++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressSpinnerMode = 'determinate';\n\n @Input()\n get size(): ProgressSpinnerSize | string {\n return this._size;\n }\n\n set size(value: ProgressSpinnerSize | string) {\n this._size = value;\n\n this.svgCircleRadius = value === 'big' ? '47%' : '42.5%';\n }\n\n private _size: ProgressSpinnerSize | string = 'compact';\n\n svgCircleRadius: string = '42.5%';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;\n }\n\n get dashOffsetPercent(): string {\n return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;\n }\n}\n","<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n","import { PlatformModule } from '@angular/cdk/platform';\nimport {
|
|
1
|
+
{"version":3,"file":"koobiq-components-progress-spinner.mjs","sources":["../../../packages/components/progress-spinner/progress-spinner.component.ts","../../../packages/components/progress-spinner/progress-spinner.component.html","../../../packages/components/progress-spinner/progress-spinner.module.ts","../../../packages/components/progress-spinner/koobiq-components-progress-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CanColor, CanColorCtor, KbqComponentColors, mixinColor } from '@koobiq/components/core';\n\nexport type ProgressSpinnerMode = 'determinate' | 'indeterminate';\n\nexport type ProgressSpinnerSize = 'compact' | 'big';\n\nlet id = 0;\n\nconst MIN_PERCENT = 0;\nconst MAX_PERCENT = 100;\n\n@Directive({\n selector: '[kbq-progress-spinner-text]',\n host: {\n class: 'kbq-progress-spinner-text'\n }\n})\nexport class KbqProgressSpinnerText {}\n\n@Directive({\n selector: '[kbq-progress-spinner-caption]',\n host: {\n class: 'kbq-progress-spinner-caption'\n }\n})\nexport class KbqProgressSpinnerCaption {}\n\n/** @docs-private */\nexport class KbqProgressSpinnerBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqProgressSpinnerMixinBase: CanColorCtor & typeof KbqProgressSpinnerBase = mixinColor(\n KbqProgressSpinnerBase,\n KbqComponentColors.Theme\n);\n\nconst MAX_DASH_ARRAY = 295;\n\n@Component({\n selector: 'kbq-progress-spinner',\n templateUrl: './progress-spinner.component.html',\n styleUrls: ['./progress-spinner.scss', './progress-spinner-tokens.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['color'],\n host: {\n class: 'kbq-progress-spinner',\n '[class.kbq-progress-spinner_big]': `size === 'big'`,\n '[class.kbq-progress-spinner_indeterminate]': `mode === 'indeterminate'`,\n '[attr.id]': 'id'\n }\n})\nexport class KbqProgressSpinner extends KbqProgressSpinnerMixinBase implements CanColor {\n @Input() id: string = `kbq-progress-spinner-${id++}`;\n @Input() value: number = 0;\n @Input() mode: ProgressSpinnerMode = 'determinate';\n\n @Input()\n get size(): ProgressSpinnerSize | string {\n return this._size;\n }\n\n set size(value: ProgressSpinnerSize | string) {\n this._size = value;\n\n this.svgCircleRadius = value === 'big' ? '47%' : '42.5%';\n }\n\n private _size: ProgressSpinnerSize | string = 'compact';\n\n svgCircleRadius: string = '42.5%';\n\n constructor(elementRef: ElementRef) {\n super(elementRef);\n }\n\n get percentage(): number {\n return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value)) / MAX_PERCENT;\n }\n\n get dashOffsetPercent(): string {\n return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;\n }\n}\n","<div class=\"kbq-progress-spinner__inner\">\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n viewBox=\"0 0 100 100\"\n >\n <circle\n cx=\"50%\"\n cy=\"50%\"\n stroke-linecap=\"round\"\n class=\"kbq-progress-spinner__circle\"\n [attr.r]=\"svgCircleRadius\"\n [ngStyle]=\"{ 'stroke-dashoffset': mode === 'determinate' ? dashOffsetPercent : null }\"\n />\n </svg>\n</div>\n\n<div class=\"kbq-progress-spinner__content\">\n <ng-content select=\"[kbq-progress-spinner-text]\" />\n <ng-content select=\"[kbq-progress-spinner-caption]\" />\n</div>\n","import { PlatformModule } from '@angular/cdk/platform';\nimport { NgStyle } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressSpinner, KbqProgressSpinnerCaption, KbqProgressSpinnerText } from './progress-spinner.component';\n\n@NgModule({\n imports: [\n PlatformModule,\n NgStyle\n ],\n declarations: [\n KbqProgressSpinner,\n KbqProgressSpinnerText,\n KbqProgressSpinnerCaption\n ],\n exports: [\n KbqProgressSpinner,\n KbqProgressSpinnerText,\n KbqProgressSpinnerCaption\n ]\n})\nexport class KbqProgressSpinnerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,6 @@ import * as i0 from '@angular/core';
|
|
|
5
5
|
import { forwardRef, EventEmitter, Directive, Input, Output, ContentChildren, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, ViewChild, NgModule } from '@angular/core';
|
|
6
6
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
7
|
import { mixinDisabled, toBoolean, mixinColor, mixinTabIndex, KbqCommonModule } from '@koobiq/components/core';
|
|
8
|
-
import { CommonModule } from '@angular/common';
|
|
9
8
|
|
|
10
9
|
// Increasing integer for generating unique ids for radio components.
|
|
11
10
|
let nextUniqueId = 0;
|
|
@@ -421,7 +420,7 @@ class KbqRadioButton extends KbqRadioButtonMixinBase {
|
|
|
421
420
|
this.change.emit(new KbqRadioChange(this, this._value));
|
|
422
421
|
}
|
|
423
422
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioButton, deps: [{ token: KbqRadioGroup, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: i2.UniqueSelectionDispatcher }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
424
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqRadioButton, selector: "kbq-radio-button", inputs: { color: "color", tabIndex: "tabIndex", checked: "checked", value: "value", disabled: "disabled", required: "required", labelPosition: "labelPosition", name: "name", isFocused: "isFocused", id: "id" }, outputs: { change: "change" }, host: { properties: { "attr.id": "id", "class.kbq-radio-button_big": "radioGroup?.big", "class.kbq-selected": "checked", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqRadioButton"], usesInheritance: true, ngImport: i0, template: "<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n", styles: [".kbq-radio-group{display:inline-flex;flex-direction:column}.kbq-radio-group.kbq-radio-group_normal{gap:var(--kbq-radio-size-normal-vertical-gap, 12px)}.kbq-radio-group.kbq-radio-group_big{gap:var(--kbq-radio-size-big-vertical-gap, 12px)}.kbq-radio-button{display:inline-block}.kbq-radio-label{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;white-space:nowrap;width:100%}.kbq-radio-label-content{display:inline-block;position:relative;order:0;line-height:inherit;padding-left:calc(var(--kbq-radio-size-normal-outer-size, 16px) + var(--kbq-radio-size-normal-horizontal-content-padding, 8px));padding-right:0}.kbq-radio-label-content .kbq-radio-button__outer-circle,.kbq-radio-label-content .kbq-radio-button__inner-circle{box-sizing:content-box;position:absolute;display:flex;content:\"\";border-style:solid;border-radius:50%}.kbq-radio-label-content .kbq-radio-button__outer-circle{border-width:1px;left:0;top:calc((var(--kbq-radio-font-normal-label-line-height, 20px) - var(--kbq-radio-size-normal-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-normal-outer-size, 16px);height:var(--kbq-radio-size-normal-outer-size, 16px)}.kbq-radio-label-content .kbq-radio-button__inner-circle{position:relative;margin:auto;width:var(--kbq-radio-size-normal-inner-size, 6px);height:var(--kbq-radio-size-normal-inner-size, 6px)}.kbq-radio-label-content .kbq-radio__text-container{display:flex;flex-direction:column}.kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-normal-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-label-content{padding-right:var(--kbq-radio-size-normal-horizontal-content-padding, 8px);padding-left:0}.kbq-radio-input{position:absolute;outline:none;opacity:0}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-left:calc(var(--kbq-radio-size-big-outer-size, 16px) + var(--kbq-radio-size-big-horizontal-content-padding, 8px))}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__outer-circle{top:calc((var(--kbq-radio-font-big-label-line-height, 24px) - var(--kbq-radio-size-big-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-big-outer-size, 16px);height:var(--kbq-radio-size-big-outer-size, 16px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__inner-circle{width:var(--kbq-radio-size-big-inner-size, 6px);height:var(--kbq-radio-size-big-inner-size, 6px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-big-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-right:var(--kbq-radio-size-big-horizontal-content-padding, 8px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
423
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqRadioButton, selector: "kbq-radio-button", inputs: { color: "color", tabIndex: "tabIndex", checked: "checked", value: "value", disabled: "disabled", required: "required", labelPosition: "labelPosition", name: "name", isFocused: "isFocused", id: "id" }, outputs: { change: "change" }, host: { properties: { "attr.id": "id", "class.kbq-radio-button_big": "radioGroup?.big", "class.kbq-selected": "checked", "class.kbq-disabled": "disabled" }, classAttribute: "kbq-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["kbqRadioButton"], usesInheritance: true, ngImport: i0, template: "<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n", styles: [".kbq-radio-group{display:inline-flex;flex-direction:column}.kbq-radio-group.kbq-radio-group_normal{gap:var(--kbq-radio-size-normal-vertical-gap, 12px)}.kbq-radio-group.kbq-radio-group_big{gap:var(--kbq-radio-size-big-vertical-gap, 12px)}.kbq-radio-button{display:inline-block}.kbq-radio-label{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;white-space:nowrap;width:100%}.kbq-radio-label-content{display:inline-block;position:relative;order:0;line-height:inherit;padding-left:calc(var(--kbq-radio-size-normal-outer-size, 16px) + var(--kbq-radio-size-normal-horizontal-content-padding, 8px));padding-right:0}.kbq-radio-label-content .kbq-radio-button__outer-circle,.kbq-radio-label-content .kbq-radio-button__inner-circle{box-sizing:content-box;position:absolute;display:flex;content:\"\";border-style:solid;border-radius:50%}.kbq-radio-label-content .kbq-radio-button__outer-circle{border-width:1px;left:0;top:calc((var(--kbq-radio-font-normal-label-line-height, 20px) - var(--kbq-radio-size-normal-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-normal-outer-size, 16px);height:var(--kbq-radio-size-normal-outer-size, 16px)}.kbq-radio-label-content .kbq-radio-button__inner-circle{position:relative;margin:auto;width:var(--kbq-radio-size-normal-inner-size, 6px);height:var(--kbq-radio-size-normal-inner-size, 6px)}.kbq-radio-label-content .kbq-radio__text-container{display:flex;flex-direction:column}.kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-normal-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-label-content{padding-right:var(--kbq-radio-size-normal-horizontal-content-padding, 8px);padding-left:0}.kbq-radio-input{position:absolute;outline:none;opacity:0}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-left:calc(var(--kbq-radio-size-big-outer-size, 16px) + var(--kbq-radio-size-big-horizontal-content-padding, 8px))}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__outer-circle{top:calc((var(--kbq-radio-font-big-label-line-height, 24px) - var(--kbq-radio-size-big-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-big-outer-size, 16px);height:var(--kbq-radio-size-big-outer-size, 16px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__inner-circle{width:var(--kbq-radio-size-big-inner-size, 6px);height:var(--kbq-radio-size-big-inner-size, 6px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-big-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-right:var(--kbq-radio-size-big-horizontal-content-padding, 8px)}.kbq-radio-button{color:var(--kbq-foreground-contrast, )}.kbq-radio-button .kbq-radio-button__inner-circle{border-width:0!important}.kbq-radio-button .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-default-outer-circle-border, );background:var(--kbq-radio-theme-default-outer-circle-background, );box-shadow:var(--kbq-radio-theme-default-outer-circle-shadow, )}.kbq-radio-button .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-default-inner-circle-background, )}.kbq-radio-button .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-default-caption, )}.kbq-radio-button:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-hover-outer-circle-border, );background:var(--kbq-radio-theme-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-hover-outer-circle-shadow, )}.kbq-radio-button:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-hover-inner-circle-background, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-focused-outer-circle-border, );background:var(--kbq-radio-theme-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-focused-outer-circle-shadow, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-error{color:var(--kbq-foreground-contrast, )}.kbq-radio-button.kbq-error .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-default-outer-circle-border, );background:var(--kbq-radio-error-default-outer-circle-background, );box-shadow:var(--kbq-radio-error-default-outer-circle-shadow, )}.kbq-radio-button.kbq-error .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-default-inner-circle-background, )}.kbq-radio-button.kbq-error .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-default-caption, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-hover-outer-circle-border, );background:var(--kbq-radio-error-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-hover-outer-circle-shadow, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-hover-inner-circle-background, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-focused-outer-circle-border, );background:var(--kbq-radio-error-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-focused-outer-circle-shadow, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-outer-circle-border, );background:var(--kbq-radio-error-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button{font-size:var(--kbq-radio-font-normal-label-font-size, 14px);font-weight:var(--kbq-radio-font-normal-label-font-weight, normal);line-height:var(--kbq-radio-font-normal-label-line-height, 20px);font-family:var(--kbq-radio-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-label-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-label-letter-spacing, -.006em)}.kbq-radio-button .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-normal-caption-font-size, 12px);font-weight:var(--kbq-radio-font-normal-caption-font-weight, normal);line-height:var(--kbq-radio-font-normal-caption-line-height, 16px);font-family:var(--kbq-radio-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-caption-letter-spacing, normal)}.kbq-radio-button.kbq-radio-button_big{font-size:var(--kbq-radio-font-big-label-font-size, 16px);font-weight:var(--kbq-radio-font-big-label-font-weight, normal);line-height:var(--kbq-radio-font-big-label-line-height, 24px);font-family:var(--kbq-radio-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-label-text-transform, );font-feature-settings:var(--kbq-radio-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-label-letter-spacing, -.011em)}.kbq-radio-button.kbq-radio-button_big .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-big-caption-font-size, 14px);font-weight:var(--kbq-radio-font-big-caption-font-weight, normal);line-height:var(--kbq-radio-font-big-caption-line-height, 20px);font-family:var(--kbq-radio-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-caption-letter-spacing, -.006em)}\n", ".kbq-radio-button{--kbq-radio-size-normal-outer-size: 16px;--kbq-radio-size-normal-inner-size: 6px;--kbq-radio-size-normal-horizontal-content-padding: 8px;--kbq-radio-size-normal-vertical-content-padding: 2px;--kbq-radio-size-normal-vertical-gap: 12px;--kbq-radio-size-normal-top: 0;--kbq-radio-size-big-outer-size: 16px;--kbq-radio-size-big-inner-size: 6px;--kbq-radio-size-big-horizontal-content-padding: 8px;--kbq-radio-size-big-vertical-content-padding: 2px;--kbq-radio-size-big-vertical-gap: 12px;--kbq-radio-size-big-top: 2px;--kbq-radio-font-normal-label-font-size: 14px;--kbq-radio-font-normal-label-line-height: 20px;--kbq-radio-font-normal-label-letter-spacing: -.006em;--kbq-radio-font-normal-label-font-weight: normal;--kbq-radio-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-normal-label-text-transform: null;--kbq-radio-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-radio-font-normal-caption-font-size: 12px;--kbq-radio-font-normal-caption-line-height: 16px;--kbq-radio-font-normal-caption-letter-spacing: normal;--kbq-radio-font-normal-caption-font-weight: normal;--kbq-radio-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-normal-caption-text-transform: null;--kbq-radio-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-radio-font-big-label-font-size: 16px;--kbq-radio-font-big-label-line-height: 24px;--kbq-radio-font-big-label-letter-spacing: -.011em;--kbq-radio-font-big-label-font-weight: normal;--kbq-radio-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-big-label-text-transform: null;--kbq-radio-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-radio-font-big-caption-font-size: 14px;--kbq-radio-font-big-caption-line-height: 20px;--kbq-radio-font-big-caption-letter-spacing: -.006em;--kbq-radio-font-big-caption-font-weight: normal;--kbq-radio-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-big-caption-text-transform: null;--kbq-radio-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-contrast: hsla(229, 15%, 15%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);--kbq-radio-theme-default-outer-circle-border: hsla(229, 15%, 80%, 100%);--kbq-radio-theme-default-outer-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: hsla(229, 15%, 50%, 100%);--kbq-radio-theme-states-hover-outer-circle-border: hsla(229, 15%, 80%, 100%);--kbq-radio-theme-states-hover-outer-circle-background: hsla(229, 15%, 50%, 8%);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-border: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-background: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-theme-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-checked-disabled-inner-circle-background: hsla(229, 15%, 15%, 32%);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-theme-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: hsla(229, 15%, 15%, 32%);--kbq-radio-error-default-outer-circle-border: hsla(7, 97%, 45%, 100%);--kbq-radio-error-default-outer-circle-background: hsla(7, 97%, 99%, 100%);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-hover-outer-circle-background: hsla(7, 97%, 92%, 100%);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: hsla(7, 97%, 60%, 100%);--kbq-radio-error-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: hsla(7, 97%, 56%, 100%);--kbq-radio-error-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-error-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-checked-disabled-inner-circle-background: hsla(229, 15%, 15%, 32%);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: hsla(7, 97%, 99%, 100%);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: hsla(7, 97%, 60%, 100%);--kbq-radio-error-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-error-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-disabled-inner-circle-background: transparent}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-contrast: hsla(229, 15%, 80%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);--kbq-radio-theme-default-outer-circle-border: hsla(229, 15%, 30%, 100%);--kbq-radio-theme-default-outer-circle-background: hsla(229, 15%, 12%, 100%);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: hsla(229, 15%, 60%, 100%);--kbq-radio-theme-states-hover-outer-circle-border: hsla(229, 15%, 30%, 100%);--kbq-radio-theme-states-hover-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-border: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-background: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-theme-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-checked-disabled-inner-circle-background: hsla(229, 15%, 30%, 100%);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: hsla(229, 15%, 12%, 100%);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-theme-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: hsla(229, 15%, 40%, 100%);--kbq-radio-error-default-outer-circle-border: hsla(7, 97%, 35%, 100%);--kbq-radio-error-default-outer-circle-background: hsla(7, 97%, 6%, 100%);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: hsla(7, 97%, 35%, 100%);--kbq-radio-error-states-hover-outer-circle-background: hsla(7, 97%, 13%, 100%);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: hsla(7, 97%, 41%, 100%);--kbq-radio-error-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: hsla(7, 97%, 42%, 100%);--kbq-radio-error-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-error-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-checked-disabled-inner-circle-background: hsla(229, 15%, 30%, 100%);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: hsla(7, 97%, 6%, 100%);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: hsla(7, 97%, 41%, 100%);--kbq-radio-error-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-error-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-disabled-inner-circle-background: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
425
424
|
}
|
|
426
425
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioButton, decorators: [{
|
|
427
426
|
type: Component,
|
|
@@ -431,7 +430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
431
430
|
'[class.kbq-radio-button_big]': 'radioGroup?.big',
|
|
432
431
|
'[class.kbq-selected]': 'checked',
|
|
433
432
|
'[class.kbq-disabled]': 'disabled'
|
|
434
|
-
}, template: "<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n", styles: [".kbq-radio-group{display:inline-flex;flex-direction:column}.kbq-radio-group.kbq-radio-group_normal{gap:var(--kbq-radio-size-normal-vertical-gap, 12px)}.kbq-radio-group.kbq-radio-group_big{gap:var(--kbq-radio-size-big-vertical-gap, 12px)}.kbq-radio-button{display:inline-block}.kbq-radio-label{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;white-space:nowrap;width:100%}.kbq-radio-label-content{display:inline-block;position:relative;order:0;line-height:inherit;padding-left:calc(var(--kbq-radio-size-normal-outer-size, 16px) + var(--kbq-radio-size-normal-horizontal-content-padding, 8px));padding-right:0}.kbq-radio-label-content .kbq-radio-button__outer-circle,.kbq-radio-label-content .kbq-radio-button__inner-circle{box-sizing:content-box;position:absolute;display:flex;content:\"\";border-style:solid;border-radius:50%}.kbq-radio-label-content .kbq-radio-button__outer-circle{border-width:1px;left:0;top:calc((var(--kbq-radio-font-normal-label-line-height, 20px) - var(--kbq-radio-size-normal-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-normal-outer-size, 16px);height:var(--kbq-radio-size-normal-outer-size, 16px)}.kbq-radio-label-content .kbq-radio-button__inner-circle{position:relative;margin:auto;width:var(--kbq-radio-size-normal-inner-size, 6px);height:var(--kbq-radio-size-normal-inner-size, 6px)}.kbq-radio-label-content .kbq-radio__text-container{display:flex;flex-direction:column}.kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-normal-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-label-content{padding-right:var(--kbq-radio-size-normal-horizontal-content-padding, 8px);padding-left:0}.kbq-radio-input{position:absolute;outline:none;opacity:0}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-left:calc(var(--kbq-radio-size-big-outer-size, 16px) + var(--kbq-radio-size-big-horizontal-content-padding, 8px))}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__outer-circle{top:calc((var(--kbq-radio-font-big-label-line-height, 24px) - var(--kbq-radio-size-big-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-big-outer-size, 16px);height:var(--kbq-radio-size-big-outer-size, 16px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__inner-circle{width:var(--kbq-radio-size-big-inner-size, 6px);height:var(--kbq-radio-size-big-inner-size, 6px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-big-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-right:var(--kbq-radio-size-big-horizontal-content-padding, 8px)}\n"] }]
|
|
433
|
+
}, template: "<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n", styles: [".kbq-radio-group{display:inline-flex;flex-direction:column}.kbq-radio-group.kbq-radio-group_normal{gap:var(--kbq-radio-size-normal-vertical-gap, 12px)}.kbq-radio-group.kbq-radio-group_big{gap:var(--kbq-radio-size-big-vertical-gap, 12px)}.kbq-radio-button{display:inline-block}.kbq-radio-label{display:inline-flex;align-items:center;vertical-align:middle;cursor:pointer;white-space:nowrap;width:100%}.kbq-radio-label-content{display:inline-block;position:relative;order:0;line-height:inherit;padding-left:calc(var(--kbq-radio-size-normal-outer-size, 16px) + var(--kbq-radio-size-normal-horizontal-content-padding, 8px));padding-right:0}.kbq-radio-label-content .kbq-radio-button__outer-circle,.kbq-radio-label-content .kbq-radio-button__inner-circle{box-sizing:content-box;position:absolute;display:flex;content:\"\";border-style:solid;border-radius:50%}.kbq-radio-label-content .kbq-radio-button__outer-circle{border-width:1px;left:0;top:calc((var(--kbq-radio-font-normal-label-line-height, 20px) - var(--kbq-radio-size-normal-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-normal-outer-size, 16px);height:var(--kbq-radio-size-normal-outer-size, 16px)}.kbq-radio-label-content .kbq-radio-button__inner-circle{position:relative;margin:auto;width:var(--kbq-radio-size-normal-inner-size, 6px);height:var(--kbq-radio-size-normal-inner-size, 6px)}.kbq-radio-label-content .kbq-radio__text-container{display:flex;flex-direction:column}.kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-normal-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-label-content{padding-right:var(--kbq-radio-size-normal-horizontal-content-padding, 8px);padding-left:0}.kbq-radio-input{position:absolute;outline:none;opacity:0}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-left:calc(var(--kbq-radio-size-big-outer-size, 16px) + var(--kbq-radio-size-big-horizontal-content-padding, 8px))}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__outer-circle{top:calc((var(--kbq-radio-font-big-label-line-height, 24px) - var(--kbq-radio-size-big-outer-size, 16px) - 2px) / 2);width:var(--kbq-radio-size-big-outer-size, 16px);height:var(--kbq-radio-size-big-outer-size, 16px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-radio-button__inner-circle{width:var(--kbq-radio-size-big-inner-size, 6px);height:var(--kbq-radio-size-big-inner-size, 6px)}.kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content .kbq-hint{margin-top:var(--kbq-radio-size-big-vertical-content-padding, 2px)}[dir=rtl] .kbq-radio-button.kbq-radio-button_big .kbq-radio-label-content{padding-right:var(--kbq-radio-size-big-horizontal-content-padding, 8px)}.kbq-radio-button{color:var(--kbq-foreground-contrast, )}.kbq-radio-button .kbq-radio-button__inner-circle{border-width:0!important}.kbq-radio-button .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-default-outer-circle-border, );background:var(--kbq-radio-theme-default-outer-circle-background, );box-shadow:var(--kbq-radio-theme-default-outer-circle-shadow, )}.kbq-radio-button .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-default-inner-circle-background, )}.kbq-radio-button .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-default-caption, )}.kbq-radio-button:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-hover-outer-circle-border, );background:var(--kbq-radio-theme-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-hover-outer-circle-shadow, )}.kbq-radio-button:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-hover-inner-circle-background, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-focused-outer-circle-border, );background:var(--kbq-radio-theme-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-focused-outer-circle-shadow, )}.kbq-radio-button.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-theme-states-disabled-outer-circle-border, );background:var(--kbq-radio-theme-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-theme-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-theme-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-theme-states-disabled-caption, )}.kbq-radio-button.kbq-error{color:var(--kbq-foreground-contrast, )}.kbq-radio-button.kbq-error .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-default-outer-circle-border, );background:var(--kbq-radio-error-default-outer-circle-background, );box-shadow:var(--kbq-radio-error-default-outer-circle-shadow, )}.kbq-radio-button.kbq-error .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-default-inner-circle-background, )}.kbq-radio-button.kbq-error .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-default-caption, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-hover-outer-circle-border, );background:var(--kbq-radio-error-states-hover-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-hover-outer-circle-shadow, )}.kbq-radio-button.kbq-error:hover .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-hover-inner-circle-background, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-focused-outer-circle-border, );background:var(--kbq-radio-error-states-focused-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-focused-outer-circle-shadow, )}.kbq-radio-button.kbq-error.cdk-keyboard-focused .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-focused-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-outer-circle-border, );background:var(--kbq-radio-error-states-checked-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected:not(.kbq-disabled) .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-checked-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-checked-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-checked-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-selected.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-checked-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__outer-circle{border-color:var(--kbq-radio-error-states-disabled-outer-circle-border, );background:var(--kbq-radio-error-states-disabled-outer-circle-background, );box-shadow:var(--kbq-radio-error-states-disabled-outer-circle-shadow, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-button__inner-circle{background:var(--kbq-radio-error-states-disabled-inner-circle-background, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-radio-label{cursor:default;color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button.kbq-error.kbq-disabled .kbq-hint .kbq-hint__text{color:var(--kbq-radio-error-states-disabled-caption, )}.kbq-radio-button{font-size:var(--kbq-radio-font-normal-label-font-size, 14px);font-weight:var(--kbq-radio-font-normal-label-font-weight, normal);line-height:var(--kbq-radio-font-normal-label-line-height, 20px);font-family:var(--kbq-radio-font-normal-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-label-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-label-letter-spacing, -.006em)}.kbq-radio-button .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-normal-caption-font-size, 12px);font-weight:var(--kbq-radio-font-normal-caption-font-weight, normal);line-height:var(--kbq-radio-font-normal-caption-line-height, 16px);font-family:var(--kbq-radio-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-normal-caption-letter-spacing, normal)}.kbq-radio-button.kbq-radio-button_big{font-size:var(--kbq-radio-font-big-label-font-size, 16px);font-weight:var(--kbq-radio-font-big-label-font-weight, normal);line-height:var(--kbq-radio-font-big-label-line-height, 24px);font-family:var(--kbq-radio-font-big-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-label-text-transform, );font-feature-settings:var(--kbq-radio-font-big-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-label-letter-spacing, -.011em)}.kbq-radio-button.kbq-radio-button_big .kbq-hint .kbq-hint__text{font-size:var(--kbq-radio-font-big-caption-font-size, 14px);font-weight:var(--kbq-radio-font-big-caption-font-weight, normal);line-height:var(--kbq-radio-font-big-caption-line-height, 20px);font-family:var(--kbq-radio-font-big-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-radio-font-big-caption-text-transform, );font-feature-settings:var(--kbq-radio-font-big-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-radio-font-big-caption-letter-spacing, -.006em)}\n", ".kbq-radio-button{--kbq-radio-size-normal-outer-size: 16px;--kbq-radio-size-normal-inner-size: 6px;--kbq-radio-size-normal-horizontal-content-padding: 8px;--kbq-radio-size-normal-vertical-content-padding: 2px;--kbq-radio-size-normal-vertical-gap: 12px;--kbq-radio-size-normal-top: 0;--kbq-radio-size-big-outer-size: 16px;--kbq-radio-size-big-inner-size: 6px;--kbq-radio-size-big-horizontal-content-padding: 8px;--kbq-radio-size-big-vertical-content-padding: 2px;--kbq-radio-size-big-vertical-gap: 12px;--kbq-radio-size-big-top: 2px;--kbq-radio-font-normal-label-font-size: 14px;--kbq-radio-font-normal-label-line-height: 20px;--kbq-radio-font-normal-label-letter-spacing: -.006em;--kbq-radio-font-normal-label-font-weight: normal;--kbq-radio-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-normal-label-text-transform: null;--kbq-radio-font-normal-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-radio-font-normal-caption-font-size: 12px;--kbq-radio-font-normal-caption-line-height: 16px;--kbq-radio-font-normal-caption-letter-spacing: normal;--kbq-radio-font-normal-caption-font-weight: normal;--kbq-radio-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-normal-caption-text-transform: null;--kbq-radio-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-radio-font-big-label-font-size: 16px;--kbq-radio-font-big-label-line-height: 24px;--kbq-radio-font-big-label-letter-spacing: -.011em;--kbq-radio-font-big-label-font-weight: normal;--kbq-radio-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-big-label-text-transform: null;--kbq-radio-font-big-label-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-radio-font-big-caption-font-size: 14px;--kbq-radio-font-big-caption-line-height: 20px;--kbq-radio-font-big-caption-letter-spacing: -.006em;--kbq-radio-font-big-caption-font-weight: normal;--kbq-radio-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-radio-font-big-caption-text-transform: null;--kbq-radio-font-big-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-foreground-contrast: hsla(229, 15%, 15%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);--kbq-radio-theme-default-outer-circle-border: hsla(229, 15%, 80%, 100%);--kbq-radio-theme-default-outer-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: hsla(229, 15%, 50%, 100%);--kbq-radio-theme-states-hover-outer-circle-border: hsla(229, 15%, 80%, 100%);--kbq-radio-theme-states-hover-outer-circle-background: hsla(229, 15%, 50%, 8%);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-border: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-background: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-theme-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-checked-disabled-inner-circle-background: hsla(229, 15%, 15%, 32%);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-theme-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: hsla(229, 15%, 15%, 32%);--kbq-radio-error-default-outer-circle-border: hsla(7, 97%, 45%, 100%);--kbq-radio-error-default-outer-circle-background: hsla(7, 97%, 99%, 100%);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-hover-outer-circle-background: hsla(7, 97%, 92%, 100%);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: hsla(7, 97%, 60%, 100%);--kbq-radio-error-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: hsla(7, 97%, 56%, 100%);--kbq-radio-error-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-error-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-checked-disabled-inner-circle-background: hsla(229, 15%, 15%, 32%);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: hsla(7, 97%, 99%, 100%);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: hsla(7, 97%, 60%, 100%);--kbq-radio-error-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-disabled-outer-circle-border: hsla(229, 15%, 15%, 32%);--kbq-radio-error-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-disabled-inner-circle-background: transparent}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-foreground-contrast: hsla(229, 15%, 80%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);--kbq-radio-theme-default-outer-circle-border: hsla(229, 15%, 30%, 100%);--kbq-radio-theme-default-outer-circle-background: hsla(229, 15%, 12%, 100%);--kbq-radio-theme-default-inner-circle-background: transparent;--kbq-radio-theme-default-caption: hsla(229, 15%, 60%, 100%);--kbq-radio-theme-states-hover-outer-circle-border: hsla(229, 15%, 30%, 100%);--kbq-radio-theme-states-hover-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-hover-inner-circle-background: transparent;--kbq-radio-theme-states-checked-outer-circle-border: transparent;--kbq-radio-theme-states-checked-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-border: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-outer-circle-background: hsla(216, 100%, 45%, 100%);--kbq-radio-theme-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-theme-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-checked-disabled-inner-circle-background: hsla(229, 15%, 30%, 100%);--kbq-radio-theme-states-focused-outer-circle-border: transparent;--kbq-radio-theme-states-focused-outer-circle-background: hsla(229, 15%, 12%, 100%);--kbq-radio-theme-states-focused-inner-circle-background: transparent;--kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-border: transparent;--kbq-radio-theme-states-checked-focused-outer-circle-background: hsla(216, 100%, 50%, 100%);--kbq-radio-theme-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(216, 100%, 60%, 100%);--kbq-radio-theme-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-theme-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-theme-states-disabled-inner-circle-background: transparent;--kbq-radio-theme-states-disabled-caption: hsla(229, 15%, 40%, 100%);--kbq-radio-error-default-outer-circle-border: hsla(7, 97%, 35%, 100%);--kbq-radio-error-default-outer-circle-background: hsla(7, 97%, 6%, 100%);--kbq-radio-error-default-inner-circle-background: transparent;--kbq-radio-error-states-hover-outer-circle-border: hsla(7, 97%, 35%, 100%);--kbq-radio-error-states-hover-outer-circle-background: hsla(7, 97%, 13%, 100%);--kbq-radio-error-states-hover-inner-circle-background: transparent;--kbq-radio-error-states-checked-outer-circle-border: transparent;--kbq-radio-error-states-checked-outer-circle-background: hsla(7, 97%, 41%, 100%);--kbq-radio-error-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-hover-outer-circle-border: transparent;--kbq-radio-error-states-checked-hover-outer-circle-background: hsla(7, 97%, 42%, 100%);--kbq-radio-error-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-error-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-checked-disabled-inner-circle-background: hsla(229, 15%, 30%, 100%);--kbq-radio-error-states-focused-outer-circle-border: transparent;--kbq-radio-error-states-focused-outer-circle-background: hsla(7, 97%, 6%, 100%);--kbq-radio-error-states-focused-inner-circle-background: transparent;--kbq-radio-error-states-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-border: transparent;--kbq-radio-error-states-checked-focused-outer-circle-background: hsla(7, 97%, 41%, 100%);--kbq-radio-error-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%);--kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 .1px 2px hsla(7, 97%, 45%, 100%);--kbq-radio-error-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%);--kbq-radio-error-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%);--kbq-radio-error-states-disabled-inner-circle-background: transparent}\n"] }]
|
|
435
434
|
}], ctorParameters: () => [{ type: KbqRadioGroup, decorators: [{
|
|
436
435
|
type: Optional
|
|
437
436
|
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: i2.UniqueSelectionDispatcher }], propDecorators: { checked: [{
|
|
@@ -459,13 +458,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
459
458
|
|
|
460
459
|
class KbqRadioModule {
|
|
461
460
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
462
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioModule, declarations: [KbqRadioGroup, KbqRadioButton], imports: [
|
|
463
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioModule, imports: [
|
|
461
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioModule, declarations: [KbqRadioGroup, KbqRadioButton], imports: [A11yModule, KbqCommonModule], exports: [KbqRadioGroup, KbqRadioButton] }); }
|
|
462
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioModule, imports: [A11yModule, KbqCommonModule] }); }
|
|
464
463
|
}
|
|
465
464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRadioModule, decorators: [{
|
|
466
465
|
type: NgModule,
|
|
467
466
|
args: [{
|
|
468
|
-
imports: [
|
|
467
|
+
imports: [A11yModule, KbqCommonModule],
|
|
469
468
|
exports: [KbqRadioGroup, KbqRadioButton],
|
|
470
469
|
declarations: [KbqRadioGroup, KbqRadioButton]
|
|
471
470
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koobiq-components-radio.mjs","sources":["../../../packages/components/radio/radio.component.ts","../../../packages/components/radio/radio.component.html","../../../packages/components/radio/radio.module.ts","../../../packages/components/radio/koobiq-components-radio.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n Directive,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n Output,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n CanColor,\n CanColorCtor,\n CanDisable,\n CanDisableCtor,\n HasTabIndex,\n HasTabIndexCtor,\n mixinColor,\n mixinDisabled,\n mixinTabIndex,\n toBoolean\n} from '@koobiq/components/core';\n\n// Increasing integer for generating unique ids for radio components.\nlet nextUniqueId = 0;\n\n/** Change event object emitted by KbqRadio. */\nexport class KbqRadioChange {\n constructor(\n /** The KbqRadioButton that emits the change event. */\n public source: KbqRadioButton,\n /** The value of the KbqRadioButton. */\n public value: any\n ) {}\n}\n\n// Boilerplate for applying mixins to KbqRadioGroup.\n/** @docs-private */\nexport class KbqRadioGroupBase {\n constructor(public elementRef: ElementRef) {}\n}\n/** @docs-private */\nexport const KbqRadioGroupMixinBase: CanDisableCtor & typeof KbqRadioGroupBase = mixinDisabled(KbqRadioGroupBase);\n\n/**\n * Provider Expression that allows kbq-radio-group to register as a ControlValueAccessor. This\n * allows it to support [(ngModel)] and ngControl.\n * @docs-private\n */\nexport const KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => KbqRadioGroup),\n multi: true\n};\n\n@Directive({\n selector: 'kbq-radio-group',\n exportAs: 'kbqRadioGroup',\n host: {\n role: 'radiogroup',\n class: 'kbq-radio-group',\n '[class.kbq-radio-group_normal]': '!big',\n '[class.kbq-radio-group_big]': 'big'\n },\n providers: [KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR]\n})\nexport class KbqRadioGroup\n extends KbqRadioGroupMixinBase\n implements AfterContentInit, ControlValueAccessor, CanDisable\n{\n @Input() big: boolean = false;\n\n /** Name of the radio button group. All radio buttons inside this group will use this name. */\n @Input()\n get name(): string {\n return this._name;\n }\n\n set name(value: string) {\n this._name = value;\n this.updateRadioButtonNames();\n }\n\n /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */\n @Input()\n get labelPosition(): 'before' | 'after' {\n return this._labelPosition;\n }\n\n set labelPosition(v) {\n this._labelPosition = v === 'before' ? 'before' : 'after';\n this.markRadiosForCheck();\n }\n\n /** Value of the radio button. */\n @Input()\n get value(): any {\n return this._value;\n }\n\n set value(newValue: any) {\n if (this._value !== newValue) {\n // Set this before proceeding to ensure no circular loop occurs with selection.\n this._value = newValue;\n\n this.updateSelectedRadioFromValue();\n this.checkSelectedRadioButton();\n }\n }\n\n /** Whether the radio button is selected. */\n @Input()\n get selected() {\n return this._selected;\n }\n\n set selected(selected: KbqRadioButton | null) {\n this._selected = selected;\n this.value = selected ? selected.value : null;\n this.checkSelectedRadioButton();\n }\n\n /** Whether the radio group is disabled */\n @Input()\n get disabled(): boolean {\n return this._disabled;\n }\n\n set disabled(value) {\n this._disabled = toBoolean(value);\n this.markRadiosForCheck();\n }\n\n /** Whether the radio group is required */\n @Input()\n get required(): boolean {\n return this._required;\n }\n\n set required(value: boolean) {\n this._required = toBoolean(value);\n this.markRadiosForCheck();\n }\n\n /**\n * Event emitted when the group value changes.\n * Change events are only emitted when the value changes due to user interaction with\n * a radio button (the same behavior as `<input type-\"radio\">`).\n */\n @Output() readonly change: EventEmitter<KbqRadioChange> = new EventEmitter<KbqRadioChange>();\n\n /** Child radio buttons. */\n @ContentChildren(forwardRef(() => KbqRadioButton), { descendants: true })\n radios: QueryList<KbqRadioButton>;\n\n /**\n * Selected value for group. Should equal the value of the selected radio button if there *is*\n * a corresponding radio button with a matching value. If there is *not* such a corresponding\n * radio button, this value persists to be applied in case a new radio button is added with a\n * matching value.\n */\n private _value: any = null;\n\n /** The HTML name attribute applied to radio buttons in this group. */\n private _name: string = `kbq-radio-group-${nextUniqueId++}`;\n\n /** The currently selected radio button. Should match value. */\n private _selected: KbqRadioButton | null = null;\n\n /** Whether the `value` has been set to its initial value. */\n private isInitialized: boolean = false;\n\n /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */\n private _labelPosition: 'before' | 'after' = 'after';\n\n /** Whether the radio group is disabled. */\n private _disabled: boolean = false;\n\n /** Whether the radio group is required. */\n private _required: boolean = false;\n\n constructor(\n elementRef: ElementRef,\n private readonly changeDetector: ChangeDetectorRef\n ) {\n super(elementRef);\n }\n\n /** The method to be called in order to update ngModel */\n controlValueAccessorChangeFn: (value: any) => void = () => {};\n\n /**\n * onTouch function registered via registerOnTouch (ControlValueAccessor).\n * @docs-private\n */\n onTouched: () => any = () => {};\n\n checkSelectedRadioButton() {\n if (this._selected && !this._selected.checked) {\n this._selected.checked = true;\n }\n }\n\n /**\n * Initialize properties once content children are available.\n * This allows us to propagate relevant attributes to associated buttons.\n */\n ngAfterContentInit() {\n // Mark this component as initialized in AfterContentInit because the initial value can\n // possibly be set by NgModel on KbqRadioGroup, and it is possible that the OnInit of the\n // NgModel occurs *after* the OnInit of the KbqRadioGroup.\n this.isInitialized = true;\n }\n\n /**\n * Mark this group as being \"touched\" (for ngModel). Meant to be called by the contained\n * radio buttons upon their blur.\n */\n touch() {\n if (this.onTouched) {\n this.onTouched();\n }\n }\n\n /** Dispatch change event with current selection and group value. */\n emitChangeEvent(): void {\n if (this.isInitialized) {\n this.change.emit(new KbqRadioChange(this._selected!, this._value));\n }\n }\n\n markRadiosForCheck() {\n if (this.radios) {\n this.radios.forEach((radio) => radio.markForCheck());\n }\n }\n\n /**\n * Sets the model value. Implemented as part of ControlValueAccessor.\n */\n writeValue(value: any) {\n this.value = value;\n this.changeDetector.markForCheck();\n }\n\n /**\n * Registers a callback to be triggered when the model value changes.\n * Implemented as part of ControlValueAccessor.\n * @param fn Callback to be registered.\n */\n registerOnChange(fn: (value: any) => void) {\n this.controlValueAccessorChangeFn = fn;\n }\n\n /**\n * Registers a callback to be triggered when the control is touched.\n * Implemented as part of ControlValueAccessor.\n * @param fn Callback to be registered.\n */\n registerOnTouched(fn: any) {\n this.onTouched = fn;\n }\n\n /**\n * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.\n * @param isDisabled Whether the control should be disabled.\n */\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n this.changeDetector.markForCheck();\n }\n\n private updateRadioButtonNames(): void {\n this.radios?.forEach((radio) => (radio.name = this.name));\n }\n\n /** Updates the `selected` radio button from the internal _value state. */\n private updateSelectedRadioFromValue(): void {\n // If the value already matches the selected radio, do nothing.\n const isAlreadySelected = this._selected !== null && this._selected.value === this._value;\n\n if (this.radios != null && !isAlreadySelected) {\n this._selected = null;\n\n this.radios.forEach((radio) => {\n radio.checked = this.value === radio.value;\n\n if (radio.checked) {\n this._selected = radio;\n }\n });\n }\n }\n}\n\n// Boilerplate for applying mixins to KbqRadioButton.\n/** @docs-private */\nabstract class KbqRadioButtonBase {\n // Since the disabled property is manually defined for the KbqRadioButton and isn't set up in\n // the mixin base class. To be able to use the tabindex mixin, a disabled property must be\n // defined to properly work.\n abstract disabled: boolean;\n\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqRadioButtonMixinBase: CanColorCtor & HasTabIndexCtor & typeof KbqRadioButtonBase = mixinColor(\n mixinTabIndex(KbqRadioButtonBase)\n);\n\n@Component({\n selector: 'kbq-radio-button',\n templateUrl: 'radio.component.html',\n styleUrls: ['radio.scss'],\n inputs: ['color', 'tabIndex'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: 'kbqRadioButton',\n host: {\n class: 'kbq-radio-button',\n '[attr.id]': 'id',\n '[class.kbq-radio-button_big]': 'radioGroup?.big',\n '[class.kbq-selected]': 'checked',\n '[class.kbq-disabled]': 'disabled'\n }\n})\nexport class KbqRadioButton\n extends KbqRadioButtonMixinBase\n implements OnInit, AfterViewInit, OnDestroy, CanColor, HasTabIndex\n{\n /** Whether this radio button is checked. */\n @Input()\n get checked(): boolean {\n return this._checked;\n }\n\n set checked(value: boolean) {\n const newCheckedState = toBoolean(value);\n\n if (this._checked !== newCheckedState) {\n this._checked = newCheckedState;\n\n if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {\n this.radioGroup.selected = this;\n } else if (!newCheckedState && this.radioGroup && this.radioGroup.value === this.value) {\n // When unchecking the selected radio button, update the selected radio\n // property on the group.\n this.radioGroup.selected = null;\n }\n\n if (newCheckedState) {\n // Notify all radio buttons with the same name to un-check.\n this.radioDispatcher.notify(this.id, this.name);\n }\n this.changeDetector.markForCheck();\n }\n }\n\n /** The value of this radio button. */\n @Input()\n get value(): any {\n return this._value;\n }\n\n set value(value: any) {\n if (this._value !== value) {\n this._value = value;\n\n if (this.radioGroup != null) {\n if (!this.checked) {\n // Update checked when the value changed to match the radio group's value\n this.checked = this.radioGroup.value === value;\n }\n\n if (this.checked) {\n this.radioGroup.selected = this;\n }\n }\n }\n }\n\n /** Whether the radio button is disabled. */\n @Input()\n get disabled(): boolean {\n return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);\n }\n set disabled(value: boolean) {\n const newDisabledState = toBoolean(value);\n\n if (this._disabled !== newDisabledState) {\n this._disabled = newDisabledState;\n this.changeDetector.markForCheck();\n }\n }\n\n /** Whether the radio button is required. */\n @Input()\n get required(): boolean {\n return this._required || (this.radioGroup && this.radioGroup.required);\n }\n set required(value: boolean) {\n this._required = toBoolean(value);\n }\n\n /** Whether the label should appear after or before the radio button. Defaults to 'after' */\n @Input()\n get labelPosition(): 'before' | 'after' {\n return this._labelPosition || (this.radioGroup && this.radioGroup.labelPosition) || 'after';\n }\n set labelPosition(value) {\n this._labelPosition = value;\n }\n\n /** Analog to HTML 'name' attribute used to group radios for unique selection. */\n @Input() name: string;\n\n /** The native `<input type=radio>` element */\n @ViewChild('input', { static: false }) inputElement: ElementRef;\n\n /**\n * Event emitted when the checked state of this radio button changes.\n * Change events are only emitted when the value changes due to user interaction with\n * the radio button (the same behavior as `<input type-\"radio\">`).\n */\n\n @Output() readonly change: EventEmitter<KbqRadioChange> = new EventEmitter<KbqRadioChange>();\n\n /** The parent radio group. May or may not be present. */\n radioGroup: KbqRadioGroup;\n\n @Input()\n isFocused: boolean = false;\n\n /** The unique ID for the radio button. */\n @Input() id: string;\n\n /** ID of the native input element inside `<kbq-radio-button>` */\n get inputId(): string {\n return `${this.id || this.uniqueId}-input`;\n }\n\n private _labelPosition: 'before' | 'after';\n\n private readonly uniqueId: string = `kbq-radio-${++nextUniqueId}`;\n\n /** Whether this radio is checked. */\n private _checked: boolean = false;\n\n /** Whether this radio is disabled. */\n private _disabled: boolean;\n\n /** Whether this radio is required. */\n private _required: boolean;\n\n /** Value assigned to this radio. */\n private _value: any = null;\n\n constructor(\n @Optional() radioGroup: KbqRadioGroup,\n elementRef: ElementRef,\n private readonly changeDetector: ChangeDetectorRef,\n private focusMonitor: FocusMonitor,\n private readonly radioDispatcher: UniqueSelectionDispatcher\n ) {\n super(elementRef);\n\n this.id = this.uniqueId;\n\n this.radioGroup = radioGroup;\n\n this.removeUniqueSelectionListener = radioDispatcher.listen((id: string, name: string) => {\n if (id !== this.id && name === this.name) {\n this.checked = false;\n }\n });\n }\n\n ngOnInit() {\n if (this.radioGroup) {\n // If the radio is inside a radio group, determine if it should be checked\n this.checked = this.radioGroup.value === this._value;\n // Copy name from parent radio group\n this.name = this.radioGroup.name;\n }\n }\n\n ngAfterViewInit() {\n this.focusMonitor.monitor(this.elementRef, true).subscribe((focusOrigin) => {\n if (!focusOrigin && this.radioGroup) {\n this.radioGroup.touch();\n }\n });\n }\n\n ngOnDestroy() {\n this.focusMonitor.stopMonitoring(this.elementRef);\n this.removeUniqueSelectionListener();\n }\n\n /** Focuses the radio button. */\n focus(): void {\n this.inputElement.nativeElement.focus();\n }\n\n /**\n * Marks the radio button as needing checking for change detection.\n * This method is exposed because the parent radio group will directly\n * update bound properties of the radio button.\n */\n markForCheck() {\n // When group value changes, the button will not be notified. Use `markForCheck` to explicit\n // update radio button's status\n this.changeDetector.markForCheck();\n }\n\n onInputClick(event: Event) {\n // We have to stop propagation for click events on the visual hidden input element.\n // By default, when a user clicks on a label element, a generated click event will be\n // dispatched on the associated input element. Since we are using a label element as our\n // root container, the click event on the `radio-button` will be executed twice.\n // The real click event will bubble up, and the generated click event also tries to bubble up.\n // This will lead to multiple click events.\n // Preventing bubbling & forcing skip event from closing actions for the second event will solve that issue.\n event.stopPropagation();\n (event as Event & { kbqPopoverPreventHide: boolean }).kbqPopoverPreventHide = true;\n }\n\n onInputChange(event: Event) {\n // We always have to stop propagation on the change event.\n // Otherwise the change event, from the input element, will bubble up and\n // emit its event object to the `change` output.\n event.stopPropagation();\n\n const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;\n this.checked = true;\n this.emitChangeEvent();\n\n if (this.radioGroup) {\n this.radioGroup.controlValueAccessorChangeFn(this.value);\n this.radioGroup.touch();\n\n if (groupValueChanged) {\n this.radioGroup.emitChangeEvent();\n }\n }\n }\n\n /** Unregister function for _radioDispatcher */\n private readonly removeUniqueSelectionListener: () => void = () => {};\n\n /** Dispatch change event with current value. */\n private emitChangeEvent(): void {\n this.change.emit(new KbqRadioChange(this, this._value));\n }\n}\n","<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqCommonModule } from '@koobiq/components/core';\nimport { KbqRadioButton, KbqRadioGroup } from './radio.component';\n\n@NgModule({\n imports: [CommonModule, A11yModule, KbqCommonModule],\n exports: [KbqRadioGroup, KbqRadioButton],\n declarations: [KbqRadioGroup, KbqRadioButton]\n})\nexport class KbqRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"koobiq-components-radio.mjs","sources":["../../../packages/components/radio/radio.component.ts","../../../packages/components/radio/radio.component.html","../../../packages/components/radio/radio.module.ts","../../../packages/components/radio/koobiq-components-radio.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { UniqueSelectionDispatcher } from '@angular/cdk/collections';\nimport {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n Directive,\n ElementRef,\n EventEmitter,\n forwardRef,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n Output,\n QueryList,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n CanColor,\n CanColorCtor,\n CanDisable,\n CanDisableCtor,\n HasTabIndex,\n HasTabIndexCtor,\n mixinColor,\n mixinDisabled,\n mixinTabIndex,\n toBoolean\n} from '@koobiq/components/core';\n\n// Increasing integer for generating unique ids for radio components.\nlet nextUniqueId = 0;\n\n/** Change event object emitted by KbqRadio. */\nexport class KbqRadioChange {\n constructor(\n /** The KbqRadioButton that emits the change event. */\n public source: KbqRadioButton,\n /** The value of the KbqRadioButton. */\n public value: any\n ) {}\n}\n\n// Boilerplate for applying mixins to KbqRadioGroup.\n/** @docs-private */\nexport class KbqRadioGroupBase {\n constructor(public elementRef: ElementRef) {}\n}\n/** @docs-private */\nexport const KbqRadioGroupMixinBase: CanDisableCtor & typeof KbqRadioGroupBase = mixinDisabled(KbqRadioGroupBase);\n\n/**\n * Provider Expression that allows kbq-radio-group to register as a ControlValueAccessor. This\n * allows it to support [(ngModel)] and ngControl.\n * @docs-private\n */\nexport const KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => KbqRadioGroup),\n multi: true\n};\n\n@Directive({\n selector: 'kbq-radio-group',\n exportAs: 'kbqRadioGroup',\n host: {\n role: 'radiogroup',\n class: 'kbq-radio-group',\n '[class.kbq-radio-group_normal]': '!big',\n '[class.kbq-radio-group_big]': 'big'\n },\n providers: [KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR]\n})\nexport class KbqRadioGroup\n extends KbqRadioGroupMixinBase\n implements AfterContentInit, ControlValueAccessor, CanDisable\n{\n @Input() big: boolean = false;\n\n /** Name of the radio button group. All radio buttons inside this group will use this name. */\n @Input()\n get name(): string {\n return this._name;\n }\n\n set name(value: string) {\n this._name = value;\n this.updateRadioButtonNames();\n }\n\n /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */\n @Input()\n get labelPosition(): 'before' | 'after' {\n return this._labelPosition;\n }\n\n set labelPosition(v) {\n this._labelPosition = v === 'before' ? 'before' : 'after';\n this.markRadiosForCheck();\n }\n\n /** Value of the radio button. */\n @Input()\n get value(): any {\n return this._value;\n }\n\n set value(newValue: any) {\n if (this._value !== newValue) {\n // Set this before proceeding to ensure no circular loop occurs with selection.\n this._value = newValue;\n\n this.updateSelectedRadioFromValue();\n this.checkSelectedRadioButton();\n }\n }\n\n /** Whether the radio button is selected. */\n @Input()\n get selected() {\n return this._selected;\n }\n\n set selected(selected: KbqRadioButton | null) {\n this._selected = selected;\n this.value = selected ? selected.value : null;\n this.checkSelectedRadioButton();\n }\n\n /** Whether the radio group is disabled */\n @Input()\n get disabled(): boolean {\n return this._disabled;\n }\n\n set disabled(value) {\n this._disabled = toBoolean(value);\n this.markRadiosForCheck();\n }\n\n /** Whether the radio group is required */\n @Input()\n get required(): boolean {\n return this._required;\n }\n\n set required(value: boolean) {\n this._required = toBoolean(value);\n this.markRadiosForCheck();\n }\n\n /**\n * Event emitted when the group value changes.\n * Change events are only emitted when the value changes due to user interaction with\n * a radio button (the same behavior as `<input type-\"radio\">`).\n */\n @Output() readonly change: EventEmitter<KbqRadioChange> = new EventEmitter<KbqRadioChange>();\n\n /** Child radio buttons. */\n @ContentChildren(forwardRef(() => KbqRadioButton), { descendants: true })\n radios: QueryList<KbqRadioButton>;\n\n /**\n * Selected value for group. Should equal the value of the selected radio button if there *is*\n * a corresponding radio button with a matching value. If there is *not* such a corresponding\n * radio button, this value persists to be applied in case a new radio button is added with a\n * matching value.\n */\n private _value: any = null;\n\n /** The HTML name attribute applied to radio buttons in this group. */\n private _name: string = `kbq-radio-group-${nextUniqueId++}`;\n\n /** The currently selected radio button. Should match value. */\n private _selected: KbqRadioButton | null = null;\n\n /** Whether the `value` has been set to its initial value. */\n private isInitialized: boolean = false;\n\n /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */\n private _labelPosition: 'before' | 'after' = 'after';\n\n /** Whether the radio group is disabled. */\n private _disabled: boolean = false;\n\n /** Whether the radio group is required. */\n private _required: boolean = false;\n\n constructor(\n elementRef: ElementRef,\n private readonly changeDetector: ChangeDetectorRef\n ) {\n super(elementRef);\n }\n\n /** The method to be called in order to update ngModel */\n controlValueAccessorChangeFn: (value: any) => void = () => {};\n\n /**\n * onTouch function registered via registerOnTouch (ControlValueAccessor).\n * @docs-private\n */\n onTouched: () => any = () => {};\n\n checkSelectedRadioButton() {\n if (this._selected && !this._selected.checked) {\n this._selected.checked = true;\n }\n }\n\n /**\n * Initialize properties once content children are available.\n * This allows us to propagate relevant attributes to associated buttons.\n */\n ngAfterContentInit() {\n // Mark this component as initialized in AfterContentInit because the initial value can\n // possibly be set by NgModel on KbqRadioGroup, and it is possible that the OnInit of the\n // NgModel occurs *after* the OnInit of the KbqRadioGroup.\n this.isInitialized = true;\n }\n\n /**\n * Mark this group as being \"touched\" (for ngModel). Meant to be called by the contained\n * radio buttons upon their blur.\n */\n touch() {\n if (this.onTouched) {\n this.onTouched();\n }\n }\n\n /** Dispatch change event with current selection and group value. */\n emitChangeEvent(): void {\n if (this.isInitialized) {\n this.change.emit(new KbqRadioChange(this._selected!, this._value));\n }\n }\n\n markRadiosForCheck() {\n if (this.radios) {\n this.radios.forEach((radio) => radio.markForCheck());\n }\n }\n\n /**\n * Sets the model value. Implemented as part of ControlValueAccessor.\n */\n writeValue(value: any) {\n this.value = value;\n this.changeDetector.markForCheck();\n }\n\n /**\n * Registers a callback to be triggered when the model value changes.\n * Implemented as part of ControlValueAccessor.\n * @param fn Callback to be registered.\n */\n registerOnChange(fn: (value: any) => void) {\n this.controlValueAccessorChangeFn = fn;\n }\n\n /**\n * Registers a callback to be triggered when the control is touched.\n * Implemented as part of ControlValueAccessor.\n * @param fn Callback to be registered.\n */\n registerOnTouched(fn: any) {\n this.onTouched = fn;\n }\n\n /**\n * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.\n * @param isDisabled Whether the control should be disabled.\n */\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n this.changeDetector.markForCheck();\n }\n\n private updateRadioButtonNames(): void {\n this.radios?.forEach((radio) => (radio.name = this.name));\n }\n\n /** Updates the `selected` radio button from the internal _value state. */\n private updateSelectedRadioFromValue(): void {\n // If the value already matches the selected radio, do nothing.\n const isAlreadySelected = this._selected !== null && this._selected.value === this._value;\n\n if (this.radios != null && !isAlreadySelected) {\n this._selected = null;\n\n this.radios.forEach((radio) => {\n radio.checked = this.value === radio.value;\n\n if (radio.checked) {\n this._selected = radio;\n }\n });\n }\n }\n}\n\n// Boilerplate for applying mixins to KbqRadioButton.\n/** @docs-private */\nabstract class KbqRadioButtonBase {\n // Since the disabled property is manually defined for the KbqRadioButton and isn't set up in\n // the mixin base class. To be able to use the tabindex mixin, a disabled property must be\n // defined to properly work.\n abstract disabled: boolean;\n\n constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqRadioButtonMixinBase: CanColorCtor & HasTabIndexCtor & typeof KbqRadioButtonBase = mixinColor(\n mixinTabIndex(KbqRadioButtonBase)\n);\n\n@Component({\n selector: 'kbq-radio-button',\n templateUrl: 'radio.component.html',\n styleUrls: ['radio.scss', 'radio-tokens.scss'],\n inputs: ['color', 'tabIndex'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n exportAs: 'kbqRadioButton',\n host: {\n class: 'kbq-radio-button',\n '[attr.id]': 'id',\n '[class.kbq-radio-button_big]': 'radioGroup?.big',\n '[class.kbq-selected]': 'checked',\n '[class.kbq-disabled]': 'disabled'\n }\n})\nexport class KbqRadioButton\n extends KbqRadioButtonMixinBase\n implements OnInit, AfterViewInit, OnDestroy, CanColor, HasTabIndex\n{\n /** Whether this radio button is checked. */\n @Input()\n get checked(): boolean {\n return this._checked;\n }\n\n set checked(value: boolean) {\n const newCheckedState = toBoolean(value);\n\n if (this._checked !== newCheckedState) {\n this._checked = newCheckedState;\n\n if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {\n this.radioGroup.selected = this;\n } else if (!newCheckedState && this.radioGroup && this.radioGroup.value === this.value) {\n // When unchecking the selected radio button, update the selected radio\n // property on the group.\n this.radioGroup.selected = null;\n }\n\n if (newCheckedState) {\n // Notify all radio buttons with the same name to un-check.\n this.radioDispatcher.notify(this.id, this.name);\n }\n this.changeDetector.markForCheck();\n }\n }\n\n /** The value of this radio button. */\n @Input()\n get value(): any {\n return this._value;\n }\n\n set value(value: any) {\n if (this._value !== value) {\n this._value = value;\n\n if (this.radioGroup != null) {\n if (!this.checked) {\n // Update checked when the value changed to match the radio group's value\n this.checked = this.radioGroup.value === value;\n }\n\n if (this.checked) {\n this.radioGroup.selected = this;\n }\n }\n }\n }\n\n /** Whether the radio button is disabled. */\n @Input()\n get disabled(): boolean {\n return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);\n }\n set disabled(value: boolean) {\n const newDisabledState = toBoolean(value);\n\n if (this._disabled !== newDisabledState) {\n this._disabled = newDisabledState;\n this.changeDetector.markForCheck();\n }\n }\n\n /** Whether the radio button is required. */\n @Input()\n get required(): boolean {\n return this._required || (this.radioGroup && this.radioGroup.required);\n }\n set required(value: boolean) {\n this._required = toBoolean(value);\n }\n\n /** Whether the label should appear after or before the radio button. Defaults to 'after' */\n @Input()\n get labelPosition(): 'before' | 'after' {\n return this._labelPosition || (this.radioGroup && this.radioGroup.labelPosition) || 'after';\n }\n set labelPosition(value) {\n this._labelPosition = value;\n }\n\n /** Analog to HTML 'name' attribute used to group radios for unique selection. */\n @Input() name: string;\n\n /** The native `<input type=radio>` element */\n @ViewChild('input', { static: false }) inputElement: ElementRef;\n\n /**\n * Event emitted when the checked state of this radio button changes.\n * Change events are only emitted when the value changes due to user interaction with\n * the radio button (the same behavior as `<input type-\"radio\">`).\n */\n\n @Output() readonly change: EventEmitter<KbqRadioChange> = new EventEmitter<KbqRadioChange>();\n\n /** The parent radio group. May or may not be present. */\n radioGroup: KbqRadioGroup;\n\n @Input()\n isFocused: boolean = false;\n\n /** The unique ID for the radio button. */\n @Input() id: string;\n\n /** ID of the native input element inside `<kbq-radio-button>` */\n get inputId(): string {\n return `${this.id || this.uniqueId}-input`;\n }\n\n private _labelPosition: 'before' | 'after';\n\n private readonly uniqueId: string = `kbq-radio-${++nextUniqueId}`;\n\n /** Whether this radio is checked. */\n private _checked: boolean = false;\n\n /** Whether this radio is disabled. */\n private _disabled: boolean;\n\n /** Whether this radio is required. */\n private _required: boolean;\n\n /** Value assigned to this radio. */\n private _value: any = null;\n\n constructor(\n @Optional() radioGroup: KbqRadioGroup,\n elementRef: ElementRef,\n private readonly changeDetector: ChangeDetectorRef,\n private focusMonitor: FocusMonitor,\n private readonly radioDispatcher: UniqueSelectionDispatcher\n ) {\n super(elementRef);\n\n this.id = this.uniqueId;\n\n this.radioGroup = radioGroup;\n\n this.removeUniqueSelectionListener = radioDispatcher.listen((id: string, name: string) => {\n if (id !== this.id && name === this.name) {\n this.checked = false;\n }\n });\n }\n\n ngOnInit() {\n if (this.radioGroup) {\n // If the radio is inside a radio group, determine if it should be checked\n this.checked = this.radioGroup.value === this._value;\n // Copy name from parent radio group\n this.name = this.radioGroup.name;\n }\n }\n\n ngAfterViewInit() {\n this.focusMonitor.monitor(this.elementRef, true).subscribe((focusOrigin) => {\n if (!focusOrigin && this.radioGroup) {\n this.radioGroup.touch();\n }\n });\n }\n\n ngOnDestroy() {\n this.focusMonitor.stopMonitoring(this.elementRef);\n this.removeUniqueSelectionListener();\n }\n\n /** Focuses the radio button. */\n focus(): void {\n this.inputElement.nativeElement.focus();\n }\n\n /**\n * Marks the radio button as needing checking for change detection.\n * This method is exposed because the parent radio group will directly\n * update bound properties of the radio button.\n */\n markForCheck() {\n // When group value changes, the button will not be notified. Use `markForCheck` to explicit\n // update radio button's status\n this.changeDetector.markForCheck();\n }\n\n onInputClick(event: Event) {\n // We have to stop propagation for click events on the visual hidden input element.\n // By default, when a user clicks on a label element, a generated click event will be\n // dispatched on the associated input element. Since we are using a label element as our\n // root container, the click event on the `radio-button` will be executed twice.\n // The real click event will bubble up, and the generated click event also tries to bubble up.\n // This will lead to multiple click events.\n // Preventing bubbling & forcing skip event from closing actions for the second event will solve that issue.\n event.stopPropagation();\n (event as Event & { kbqPopoverPreventHide: boolean }).kbqPopoverPreventHide = true;\n }\n\n onInputChange(event: Event) {\n // We always have to stop propagation on the change event.\n // Otherwise the change event, from the input element, will bubble up and\n // emit its event object to the `change` output.\n event.stopPropagation();\n\n const groupValueChanged = this.radioGroup && this.value !== this.radioGroup.value;\n this.checked = true;\n this.emitChangeEvent();\n\n if (this.radioGroup) {\n this.radioGroup.controlValueAccessorChangeFn(this.value);\n this.radioGroup.touch();\n\n if (groupValueChanged) {\n this.radioGroup.emitChangeEvent();\n }\n }\n }\n\n /** Unregister function for _radioDispatcher */\n private readonly removeUniqueSelectionListener: () => void = () => {};\n\n /** Dispatch change event with current value. */\n private emitChangeEvent(): void {\n this.change.emit(new KbqRadioChange(this, this._value));\n }\n}\n","<label\n #label\n class=\"kbq-radio-label\"\n [attr.for]=\"inputId\"\n>\n <input\n #input\n type=\"radio\"\n class=\"kbq-radio-input cdk-visually-hidden\"\n [attr.name]=\"name\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [id]=\"inputId\"\n [required]=\"required\"\n [tabIndex]=\"tabIndex\"\n (change)=\"onInputChange($event)\"\n (click)=\"onInputClick($event)\"\n />\n\n <div\n class=\"kbq-radio-label-content\"\n [class.kbq-radio-label-before]=\"labelPosition === 'before'\"\n >\n <div class=\"kbq-radio-button__outer-circle\">\n <div class=\"kbq-radio-button__inner-circle\"></div>\n </div>\n\n <div class=\"kbq-radio__text-container\">\n <span class=\"kbq-radio__text\">\n <ng-content />\n </span>\n\n <ng-content select=\"kbq-hint\" />\n </div>\n </div>\n</label>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { NgModule } from '@angular/core';\nimport { KbqCommonModule } from '@koobiq/components/core';\nimport { KbqRadioButton, KbqRadioGroup } from './radio.component';\n\n@NgModule({\n imports: [A11yModule, KbqCommonModule],\n exports: [KbqRadioGroup, KbqRadioButton],\n declarations: [KbqRadioGroup, KbqRadioButton]\n})\nexport class KbqRadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|