npm - @koobiq/components - Versions diffs - 18.0.0 → 18.1.0 - Mend

@koobiq/components 18.0.0 → 18.1.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.

Files changed (269) hide show

package/alert/alert-tokens.scss +2 -2
package/core/pop-up/pop-up-trigger.d.ts +5 -1
package/core/styles/typography/_typography.scss +15 -0
package/esm2022/alert/alert.component.mjs +13 -13
package/esm2022/alert/alert.module.mjs +4 -4
package/esm2022/autocomplete/autocomplete-origin.directive.mjs +3 -3
package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +3 -3
package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
package/esm2022/autocomplete/autocomplete.module.mjs +4 -4
package/esm2022/badge/badge.component.mjs +9 -9
package/esm2022/badge/badge.module.mjs +4 -4
package/esm2022/button/button.component.mjs +6 -6
package/esm2022/button/button.module.mjs +4 -4
package/esm2022/button-toggle/button-toggle.component.mjs +6 -6
package/esm2022/button-toggle/button-toggle.module.mjs +4 -4
package/esm2022/checkbox/checkbox-module.mjs +4 -4
package/esm2022/checkbox/checkbox-required-validator.mjs +3 -3
package/esm2022/checkbox/checkbox.mjs +3 -3
package/esm2022/code-block/actionbar.component.mjs +3 -3
package/esm2022/code-block/code-block.component.mjs +3 -3
package/esm2022/code-block/code-block.module.mjs +4 -4
package/esm2022/core/common-behaviors/common-module.mjs +4 -4
package/esm2022/core/error/error-options.mjs +6 -6
package/esm2022/core/formatters/date/formatter.mjs +3 -3
package/esm2022/core/formatters/date/formatter.pipe.mjs +39 -39
package/esm2022/core/formatters/index.mjs +4 -4
package/esm2022/core/formatters/number/formatter.mjs +12 -12
package/esm2022/core/forms/forms-module.mjs +4 -4
package/esm2022/core/forms/forms.directive.mjs +6 -6
package/esm2022/core/highlight/highlight.pipe.mjs +3 -3
package/esm2022/core/highlight/index.mjs +4 -4
package/esm2022/core/line/line.mjs +7 -7
package/esm2022/core/locales/locale-service.mjs +3 -3
package/esm2022/core/locales/locale-service.module.mjs +4 -4
package/esm2022/core/option/action.mjs +3 -3
package/esm2022/core/option/optgroup.mjs +3 -3
package/esm2022/core/option/option-module.mjs +4 -4
package/esm2022/core/option/option.mjs +3 -3
package/esm2022/core/pop-up/pop-up-trigger.mjs +17 -8
package/esm2022/core/pop-up/pop-up.mjs +3 -3
package/esm2022/core/select/common.mjs +15 -15
package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
package/esm2022/core/services/measure-scrollbar.service.mjs +3 -3
package/esm2022/core/services/theme.service.mjs +3 -3
package/esm2022/core/utils/data-size/data-size.pipe.mjs +3 -3
package/esm2022/core/version.mjs +2 -2
package/esm2022/datepicker/calendar-body.component.mjs +3 -3
package/esm2022/datepicker/calendar-header.component.mjs +3 -3
package/esm2022/datepicker/calendar.component.mjs +3 -3
package/esm2022/datepicker/datepicker-input.directive.mjs +3 -3
package/esm2022/datepicker/datepicker-intl.mjs +3 -3
package/esm2022/datepicker/datepicker-module.mjs +4 -4
package/esm2022/datepicker/datepicker-toggle.component.mjs +6 -6
package/esm2022/datepicker/datepicker.component.mjs +6 -6
package/esm2022/datepicker/month-view.component.mjs +3 -3
package/esm2022/divider/divider.component.mjs +3 -3
package/esm2022/divider/divider.module.mjs +4 -4
package/esm2022/dl/dl.component.mjs +9 -9
package/esm2022/dl/dl.module.mjs +4 -4
package/esm2022/dropdown/dropdown-content.directive.mjs +3 -3
package/esm2022/dropdown/dropdown-item.component.mjs +3 -3
package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -3
package/esm2022/dropdown/dropdown.component.mjs +3 -3
package/esm2022/dropdown/dropdown.module.mjs +4 -4
package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +7 -7
package/esm2022/empty-state/empty-state.component.mjs +15 -15
package/esm2022/empty-state/empty-state.module.mjs +4 -4
package/esm2022/file-upload/file-drop.mjs +3 -3
package/esm2022/file-upload/file-upload.module.mjs +4 -4
package/esm2022/file-upload/multiple-file-upload.component.mjs +4 -4
package/esm2022/file-upload/single-file-upload.component.mjs +4 -4
package/esm2022/form-field/cleaner.mjs +3 -3
package/esm2022/form-field/form-field.mjs +9 -9
package/esm2022/form-field/form-field.module.mjs +4 -4
package/esm2022/form-field/hint.mjs +3 -3
package/esm2022/form-field/password-hint.mjs +6 -6
package/esm2022/form-field/password-toggle.mjs +3 -3
package/esm2022/form-field/prefix.mjs +3 -3
package/esm2022/form-field/stepper.mjs +3 -3
package/esm2022/form-field/suffix.mjs +3 -3
package/esm2022/form-field/validate.directive.mjs +3 -3
package/esm2022/icon/icon-button.component.mjs +5 -5
package/esm2022/icon/icon-item.component.mjs +5 -5
package/esm2022/icon/icon.component.mjs +5 -5
package/esm2022/icon/icon.module.mjs +13 -24
package/esm2022/input/input-number-validators.mjs +6 -6
package/esm2022/input/input-number.mjs +5 -5
package/esm2022/input/input-password.mjs +3 -3
package/esm2022/input/input.mjs +8 -8
package/esm2022/input/input.module.mjs +4 -4
package/esm2022/link/link.component.mjs +3 -3
package/esm2022/link/link.module.mjs +4 -4
package/esm2022/list/list-selection.component.mjs +9 -9
package/esm2022/list/list.component.mjs +6 -6
package/esm2022/list/list.module.mjs +4 -4
package/esm2022/loader-overlay/loader-overlay.component.mjs +12 -12
package/esm2022/loader-overlay/loader-overlay.module.mjs +4 -4
package/esm2022/markdown/markdown.component.mjs +5 -5
package/esm2022/markdown/markdown.module.mjs +4 -4
package/esm2022/markdown/markdown.service.mjs +3 -3
package/esm2022/modal/css-unit.pipe.mjs +3 -3
package/esm2022/modal/modal-control.service.mjs +3 -3
package/esm2022/modal/modal.component.mjs +3 -3
package/esm2022/modal/modal.directive.mjs +53 -17
package/esm2022/modal/modal.module.mjs +4 -4
package/esm2022/modal/modal.service.mjs +3 -3
package/esm2022/navbar/navbar-item.component.mjs +27 -27
package/esm2022/navbar/navbar.component.mjs +9 -9
package/esm2022/navbar/navbar.module.mjs +4 -4
package/esm2022/navbar/vertical-navbar.component.mjs +3 -3
package/esm2022/popover/popover-confirm.component.mjs +6 -6
package/esm2022/popover/popover.component.mjs +6 -6
package/esm2022/popover/popover.module.mjs +4 -4
package/esm2022/progress-bar/progress-bar.component.mjs +9 -9
package/esm2022/progress-bar/progress-bar.module.mjs +4 -4
package/esm2022/progress-spinner/progress-spinner.component.mjs +9 -9
package/esm2022/progress-spinner/progress-spinner.module.mjs +4 -4
package/esm2022/radio/radio.component.mjs +6 -6
package/esm2022/radio/radio.module.mjs +4 -4
package/esm2022/risk-level/risk-level.component.mjs +3 -3
package/esm2022/risk-level/risk-level.module.mjs +4 -4
package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
package/esm2022/scrollbar/scrollbar.directive.mjs +3 -3
package/esm2022/scrollbar/scrollbar.module.mjs +4 -4
package/esm2022/select/select-option.directive.mjs +3 -3
package/esm2022/select/select.component.mjs +3 -3
package/esm2022/select/select.module.mjs +4 -4
package/esm2022/sidebar/sidebar.component.mjs +9 -9
package/esm2022/sidebar/sidebar.module.mjs +4 -4
package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
package/esm2022/sidepanel/sidepanel-directives.mjs +15 -15
package/esm2022/sidepanel/sidepanel.module.mjs +4 -4
package/esm2022/sidepanel/sidepanel.service.mjs +3 -3
package/esm2022/splitter/splitter.component.mjs +12 -12
package/esm2022/splitter/splitter.module.mjs +4 -4
package/esm2022/table/table.component.mjs +6 -6
package/esm2022/table/table.module.mjs +4 -4
package/esm2022/tabs/paginated-tab-header.mjs +3 -3
package/esm2022/tabs/tab-body.component.mjs +6 -6
package/esm2022/tabs/tab-content.directive.mjs +3 -3
package/esm2022/tabs/tab-group.component.mjs +33 -18
package/esm2022/tabs/tab-header.component.mjs +16 -5
package/esm2022/tabs/tab-label-wrapper.directive.mjs +8 -4
package/esm2022/tabs/tab-label.directive.mjs +3 -3
package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
package/esm2022/tabs/tab.component.mjs +3 -3
package/esm2022/tabs/tabs.module.mjs +15 -8
package/esm2022/tags/tag-input.mjs +3 -3
package/esm2022/tags/tag-list.component.mjs +3 -3
package/esm2022/tags/tag.component.mjs +12 -12
package/esm2022/tags/tag.module.mjs +4 -4
package/esm2022/textarea/textarea.component.mjs +3 -3
package/esm2022/textarea/textarea.module.mjs +4 -4
package/esm2022/timepicker/timepicker.directive.mjs +3 -3
package/esm2022/timepicker/timepicker.module.mjs +4 -4
package/esm2022/timezone/cities-by-filter.pipe.mjs +3 -3
package/esm2022/timezone/timezone-option.component.mjs +5 -5
package/esm2022/timezone/timezone-option.directive.mjs +3 -3
package/esm2022/timezone/timezone-select.component.mjs +8 -8
package/esm2022/timezone/timezone.module.mjs +4 -4
package/esm2022/timezone/utc-offset.pipe.mjs +3 -3
package/esm2022/title/title.directive.mjs +3 -3
package/esm2022/title/title.module.mjs +4 -4
package/esm2022/toast/toast-container.component.mjs +3 -3
package/esm2022/toast/toast.component.mjs +6 -6
package/esm2022/toast/toast.module.mjs +4 -4
package/esm2022/toast/toast.service.mjs +3 -3
package/esm2022/toggle/toggle.component.mjs +3 -3
package/esm2022/toggle/toggle.module.mjs +4 -4
package/esm2022/tooltip/tooltip.component.mjs +52 -15
package/esm2022/tooltip/tooltip.module.mjs +15 -28
package/esm2022/tree/node.mjs +3 -3
package/esm2022/tree/outlet.mjs +3 -3
package/esm2022/tree/padding.directive.mjs +3 -3
package/esm2022/tree/toggle.mjs +9 -9
package/esm2022/tree/tree-base.mjs +6 -6
package/esm2022/tree/tree-option.component.mjs +6 -5
package/esm2022/tree/tree-selection.component.mjs +3 -3
package/esm2022/tree/tree.mjs +3 -3
package/esm2022/tree/tree.module.mjs +4 -4
package/esm2022/tree-select/tree-select.component.mjs +13 -6
package/esm2022/tree-select/tree-select.module.mjs +4 -4
package/fesm2022/koobiq-components-alert.mjs +17 -17
package/fesm2022/koobiq-components-alert.mjs.map +1 -1
package/fesm2022/koobiq-components-autocomplete.mjs +13 -13
package/fesm2022/koobiq-components-badge.mjs +13 -13
package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
package/fesm2022/koobiq-components-button.mjs +10 -10
package/fesm2022/koobiq-components-checkbox.mjs +10 -10
package/fesm2022/koobiq-components-code-block.mjs +10 -10
package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
package/fesm2022/koobiq-components-core.mjs +163 -154
package/fesm2022/koobiq-components-core.mjs.map +1 -1
package/fesm2022/koobiq-components-datepicker.mjs +34 -34
package/fesm2022/koobiq-components-divider.mjs +7 -7
package/fesm2022/koobiq-components-dl.mjs +13 -13
package/fesm2022/koobiq-components-dropdown.mjs +16 -16
package/fesm2022/koobiq-components-ellipsis-center.mjs +7 -7
package/fesm2022/koobiq-components-empty-state.mjs +19 -19
package/fesm2022/koobiq-components-file-upload.mjs +15 -15
package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
package/fesm2022/koobiq-components-form-field.mjs +39 -39
package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
package/fesm2022/koobiq-components-icon.mjs +24 -35
package/fesm2022/koobiq-components-icon.mjs.map +1 -1
package/fesm2022/koobiq-components-input.mjs +24 -24
package/fesm2022/koobiq-components-input.mjs.map +1 -1
package/fesm2022/koobiq-components-link.mjs +7 -7
package/fesm2022/koobiq-components-list.mjs +19 -19
package/fesm2022/koobiq-components-loader-overlay.mjs +16 -16
package/fesm2022/koobiq-components-markdown.mjs +12 -12
package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
package/fesm2022/koobiq-components-modal.mjs +63 -31
package/fesm2022/koobiq-components-modal.mjs.map +1 -1
package/fesm2022/koobiq-components-navbar.mjs +43 -43
package/fesm2022/koobiq-components-popover.mjs +16 -16
package/fesm2022/koobiq-components-progress-bar.mjs +13 -13
package/fesm2022/koobiq-components-progress-spinner.mjs +13 -13
package/fesm2022/koobiq-components-radio.mjs +10 -10
package/fesm2022/koobiq-components-risk-level.mjs +7 -7
package/fesm2022/koobiq-components-scrollbar.mjs +10 -10
package/fesm2022/koobiq-components-select.mjs +10 -10
package/fesm2022/koobiq-components-sidebar.mjs +13 -13
package/fesm2022/koobiq-components-sidepanel.mjs +25 -25
package/fesm2022/koobiq-components-splitter.mjs +16 -16
package/fesm2022/koobiq-components-table.mjs +10 -10
package/fesm2022/koobiq-components-tabs.mjs +93 -56
package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
package/fesm2022/koobiq-components-tags.mjs +22 -22
package/fesm2022/koobiq-components-textarea.mjs +7 -7
package/fesm2022/koobiq-components-timepicker.mjs +7 -7
package/fesm2022/koobiq-components-timezone.mjs +26 -26
package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
package/fesm2022/koobiq-components-title.mjs +7 -7
package/fesm2022/koobiq-components-toast.mjs +16 -16
package/fesm2022/koobiq-components-toggle.mjs +7 -7
package/fesm2022/koobiq-components-tooltip.mjs +67 -42
package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
package/fesm2022/koobiq-components-tree-select.mjs +16 -9
package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
package/fesm2022/koobiq-components-tree.mjs +39 -38
package/fesm2022/koobiq-components-tree.mjs.map +1 -1
package/file-upload/file-upload-tokens.scss +1 -1
package/icon/icon-button.component.d.ts +1 -1
package/icon/icon-item.component.d.ts +1 -1
package/icon/icon.component.d.ts +1 -1
package/icon/icon.module.d.ts +1 -3
package/input/input-number.d.ts +1 -1
package/input/input.d.ts +1 -1
package/link/link-tokens.scss +2 -2
package/markdown/markdown-tokens.scss +2 -2
package/modal/modal.directive.d.ts +3 -0
package/package.json +4 -4
package/prebuilt-themes/dark-theme.css +1 -1
package/prebuilt-themes/light-theme.css +1 -1
package/prebuilt-themes/theme.css +1 -1
package/schematics/ng-add/index.js +3 -3
package/tabs/_tabs-common.scss +29 -0
package/tabs/_tabs-theme.scss +12 -0
package/tabs/tab-group.component.d.ts +7 -2
package/tabs/tab-header.component.d.ts +4 -1
package/tabs/tab-header.scss +28 -0
package/tabs/tabs.module.d.ts +2 -1
package/timezone/timezone-option-tokens.scss +24 -0
package/tooltip/tooltip.component.d.ts +11 -4
package/tooltip/tooltip.module.d.ts +1 -3
package/tree/tree-option.component.d.ts +1 -0
package/tree-select/tree-select.component.d.ts +2 -0

package/fesm2022/koobiq-components-popover.mjs CHANGED Viewed

@@ -70,10 +70,10 @@ class KbqPopoverComponent extends KbqPopUp {
     updateTrapFocus(isTrapFocus) {
         this.isTrapFocus = isTrapFocus;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqPopoverComponent, selector: "kbq-popover-component", host: { listeners: { "keydown.esc": "hide(0)" } }, viewQueries: [{ propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"kbq-popover\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [cdkTrapFocusAutoCapture]=\"isTrapFocus\"\n    [ngClass]=\"classMap\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n    [@state]=\"visibility\"\n>\n    <div\n        class=\"kbq-popover__container\"\n        [class.kbq-popover__container_with-footer]=\"footer\"\n        [class.kbq-popover__container_with-header]=\"header\"\n    >\n        @if (header) {\n            <div\n                class=\"kbq-popover__header\"\n                [class.kbq-popover__header_top-overflow]=\"isContentTopOverflow\"\n                [class.kbq-popover__header_with-close-button]=\"hasCloseButton\"\n            >\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" />\n                }\n                @if (!isTemplateRef(header)) {\n                    <div class=\"kbq-popover__header-text\">{{ header }}</div>\n                }\n            </div>\n        }\n\n        @if (content) {\n            <div\n                #popoverContent\n                class=\"kbq-popover__content kbq-scrollbar\"\n                (cdkObserveContent)=\"onContentChange()\"\n            >\n                @if (hasCloseButton && !header) {\n                    <div class=\"kbq-popover__close-container\">\n                        <ng-container *ngTemplateOutlet=\"closeButton\" />\n                    </div>\n                }\n                @if (isTemplateRef(content)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(content)\" />\n                }\n                @if (!isTemplateRef(content)) {\n                    <div>{{ content }}</div>\n                }\n            </div>\n        }\n\n        @if (footer) {\n            <div\n                class=\"kbq-popover__footer\"\n                [class.kbq-popover__footer_bottom-overflow]=\"isContentBottomOverflow\"\n            >\n                @if (isTemplateRef(footer)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(footer)\" />\n                }\n                @if (!isTemplateRef(footer)) {\n                    <div>{{ footer }}</div>\n                }\n            </div>\n        }\n    </div>\n\n    @if (hasCloseButton && header) {\n        <div class=\"kbq-popover__close-container\">\n            <ng-container *ngTemplateOutlet=\"closeButton\" />\n        </div>\n    }\n\n    <ng-template #closeButton>\n        <div class=\"kbq-popover__close\">\n            <button\n                kbq-button\n                class=\"kbq-button_transparent\"\n                [color]=\"componentColors.Contrast\"\n                (click)=\"hide(0)\"\n            >\n                <i\n                    kbq-icon=\"kbq-xmark_16\"\n                    [color]=\"componentColors.Contrast\"\n                ></i>\n            </button>\n        </div>\n    </ng-template>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius, 12px);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{max-width:var(--kbq-popover-size-container-width-small, 200px)}.kbq-popover.kbq-popover_medium{max-width:var(--kbq-popover-size-container-width-medium, 400px)}.kbq-popover.kbq-popover_large{max-width:var(--kbq-popover-size-container-width-large, 640px)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto;padding:var(--kbq-popover-size-content-padding-top, 24px) var(--kbq-popover-size-content-padding-horizontal, 24px) var(--kbq-popover-size-content-padding-bottom, 32px)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height, 480px);border-radius:var(--kbq-popover-size-container-border-radius, 12px)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content{padding-top:var(--kbq-size-s, 8px)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content{padding-bottom:var(--kbq-size-s, 8px)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{display:flex;align-items:center;overflow:hidden;padding:var(--kbq-popover-size-header-padding-top, 16px) var(--kbq-popover-size-header-padding-horizontal, 24px) var(--kbq-popover-size-header-padding-bottom, 6px) var(--kbq-popover-size-header-padding-horizontal, 24px)}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header_top-overflow{box-shadow:0 9px 8px -12px #8a8fa8}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl, 40px)}.kbq-popover__footer{padding:var(--kbq-popover-size-footer-padding-vertical, 16px) var(--kbq-popover-size-footer-padding-horizontal, 24px)}.kbq-popover__footer_bottom-overflow{box-shadow:0 -9px 8px -12px #8a8fa8}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:9px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:9px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:9px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:9px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:9px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:9px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:9px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:9px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s, 8px);right:var(--kbq-size-s, 8px);border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-popover{box-shadow:var(--kbq-popover-container-box-shadow, )}.kbq-popover__container{background:var(--kbq-popover-container-background, )}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-box-shadow, );background:var(--kbq-popover-container-background, )}.kbq-popover__close{background-color:var(--kbq-background-overlay-inverse, )}.kbq-popover__header{color:var(--kbq-popover-header-text-color, )}.kbq-popover__content{color:var(--kbq-popover-content-text-color, )}.kbq-popover__header{font-size:var(--kbq-popover-font-header-font-size, 18px);font-weight:var(--kbq-popover-font-header-font-weight, 600);line-height:var(--kbq-popover-font-header-line-height, 26px);font-family:var(--kbq-popover-font-header-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-header-text-transform, );font-feature-settings:var(--kbq-popover-font-header-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-popover-font-header-letter-spacing, normal)}.kbq-popover__content{font-size:var(--kbq-popover-font-content-font-size, 14px);font-weight:var(--kbq-popover-font-content-font-weight, normal);line-height:var(--kbq-popover-font-content-line-height, 20px);font-family:var(--kbq-popover-font-content-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-content-text-transform, );font-feature-settings:var(--kbq-popover-font-content-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-popover-font-content-letter-spacing, -.006em)}\n", ".kbq-popover{--kbq-button-size-border-radius: var(--kbq-size-s);--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-font-header-font-size: var(--kbq-typography-subheading-font-size);--kbq-popover-font-header-line-height: var(--kbq-typography-subheading-line-height);--kbq-popover-font-header-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-popover-font-header-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-popover-font-header-font-family: var(--kbq-typography-subheading-font-family);--kbq-popover-font-header-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-popover-font-header-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-popover-font-content-font-size: var(--kbq-typography-text-normal-font-size);--kbq-popover-font-content-line-height: var(--kbq-typography-text-normal-line-height);--kbq-popover-font-content-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-popover-font-content-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-popover-font-content-font-family: var(--kbq-typography-text-normal-font-family);--kbq-popover-font-content-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-popover-font-content-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"], dependencies: [{ kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [kbqPopoverAnimations.popoverState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqPopoverComponent, selector: "kbq-popover-component", host: { listeners: { "keydown.esc": "hide(0)" } }, viewQueries: [{ propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"kbq-popover\"\n    [cdkTrapFocus]=\"isTrapFocus\"\n    [cdkTrapFocusAutoCapture]=\"isTrapFocus\"\n    [ngClass]=\"classMap\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n    [@state]=\"visibility\"\n>\n    <div\n        class=\"kbq-popover__container\"\n        [class.kbq-popover__container_with-footer]=\"footer\"\n        [class.kbq-popover__container_with-header]=\"header\"\n    >\n        @if (header) {\n            <div\n                class=\"kbq-popover__header\"\n                [class.kbq-popover__header_top-overflow]=\"isContentTopOverflow\"\n                [class.kbq-popover__header_with-close-button]=\"hasCloseButton\"\n            >\n                @if (isTemplateRef(header)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(header)\" />\n                }\n                @if (!isTemplateRef(header)) {\n                    <div class=\"kbq-popover__header-text\">{{ header }}</div>\n                }\n            </div>\n        }\n\n        @if (content) {\n            <div\n                #popoverContent\n                class=\"kbq-popover__content kbq-scrollbar\"\n                (cdkObserveContent)=\"onContentChange()\"\n            >\n                @if (hasCloseButton && !header) {\n                    <div class=\"kbq-popover__close-container\">\n                        <ng-container *ngTemplateOutlet=\"closeButton\" />\n                    </div>\n                }\n                @if (isTemplateRef(content)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(content)\" />\n                }\n                @if (!isTemplateRef(content)) {\n                    <div>{{ content }}</div>\n                }\n            </div>\n        }\n\n        @if (footer) {\n            <div\n                class=\"kbq-popover__footer\"\n                [class.kbq-popover__footer_bottom-overflow]=\"isContentBottomOverflow\"\n            >\n                @if (isTemplateRef(footer)) {\n                    <ng-container [ngTemplateOutlet]=\"$any(footer)\" />\n                }\n                @if (!isTemplateRef(footer)) {\n                    <div>{{ footer }}</div>\n                }\n            </div>\n        }\n    </div>\n\n    @if (hasCloseButton && header) {\n        <div class=\"kbq-popover__close-container\">\n            <ng-container *ngTemplateOutlet=\"closeButton\" />\n        </div>\n    }\n\n    <ng-template #closeButton>\n        <div class=\"kbq-popover__close\">\n            <button\n                kbq-button\n                class=\"kbq-button_transparent\"\n                [color]=\"componentColors.Contrast\"\n                (click)=\"hide(0)\"\n            >\n                <i\n                    kbq-icon=\"kbq-xmark_16\"\n                    [color]=\"componentColors.Contrast\"\n                ></i>\n            </button>\n        </div>\n    </ng-template>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius, 12px);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{max-width:var(--kbq-popover-size-container-width-small, 200px)}.kbq-popover.kbq-popover_medium{max-width:var(--kbq-popover-size-container-width-medium, 400px)}.kbq-popover.kbq-popover_large{max-width:var(--kbq-popover-size-container-width-large, 640px)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto;padding:var(--kbq-popover-size-content-padding-top, 24px) var(--kbq-popover-size-content-padding-horizontal, 24px) var(--kbq-popover-size-content-padding-bottom, 32px)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height, 480px);border-radius:var(--kbq-popover-size-container-border-radius, 12px)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content{padding-top:var(--kbq-size-s, 8px)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content{padding-bottom:var(--kbq-size-s, 8px)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{display:flex;align-items:center;overflow:hidden;padding:var(--kbq-popover-size-header-padding-top, 16px) var(--kbq-popover-size-header-padding-horizontal, 24px) var(--kbq-popover-size-header-padding-bottom, 6px) var(--kbq-popover-size-header-padding-horizontal, 24px)}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header_top-overflow{box-shadow:0 9px 8px -12px #8a8fa8}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl, 40px)}.kbq-popover__footer{padding:var(--kbq-popover-size-footer-padding-vertical, 16px) var(--kbq-popover-size-footer-padding-horizontal, 24px)}.kbq-popover__footer_bottom-overflow{box-shadow:0 -9px 8px -12px #8a8fa8}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:9px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:9px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:9px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:9px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:9px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:9px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:9px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:9px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s, 8px);right:var(--kbq-size-s, 8px);border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-popover{box-shadow:var(--kbq-popover-container-box-shadow, )}.kbq-popover__container{background:var(--kbq-popover-container-background, )}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-box-shadow, );background:var(--kbq-popover-container-background, )}.kbq-popover__close{background-color:var(--kbq-background-overlay-inverse, )}.kbq-popover__header{color:var(--kbq-popover-header-text-color, )}.kbq-popover__content{color:var(--kbq-popover-content-text-color, )}.kbq-popover__header{font-size:var(--kbq-popover-font-header-font-size, 18px);font-weight:var(--kbq-popover-font-header-font-weight, 600);line-height:var(--kbq-popover-font-header-line-height, 26px);font-family:var(--kbq-popover-font-header-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-header-text-transform, );font-feature-settings:var(--kbq-popover-font-header-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-popover-font-header-letter-spacing, normal)}.kbq-popover__content{font-size:var(--kbq-popover-font-content-font-size, 14px);font-weight:var(--kbq-popover-font-content-font-weight, normal);line-height:var(--kbq-popover-font-content-line-height, 20px);font-family:var(--kbq-popover-font-content-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-content-text-transform, );font-feature-settings:var(--kbq-popover-font-content-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-popover-font-content-letter-spacing, -.006em)}\n", ".kbq-popover{--kbq-button-size-border-radius: var(--kbq-size-s);--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-font-header-font-size: var(--kbq-typography-subheading-font-size);--kbq-popover-font-header-line-height: var(--kbq-typography-subheading-line-height);--kbq-popover-font-header-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-popover-font-header-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-popover-font-header-font-family: var(--kbq-typography-subheading-font-family);--kbq-popover-font-header-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-popover-font-header-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-popover-font-content-font-size: var(--kbq-typography-text-normal-font-size);--kbq-popover-font-content-line-height: var(--kbq-typography-text-normal-line-height);--kbq-popover-font-content-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-popover-font-content-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-popover-font-content-font-family: var(--kbq-typography-text-normal-font-family);--kbq-popover-font-content-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-popover-font-content-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"], dependencies: [{ kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i4.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [kbqPopoverAnimations.popoverState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-popover-component', preserveWhitespaces: false, host: {
                         '(keydown.esc)': 'hide(0)'
@@ -282,10 +282,10 @@ class KbqPopoverTrigger extends KbqPopUpTrigger {
     closingActions() {
         return merge(...this.closingActionsForClick(), this.closeOnScroll ? this.scrollDispatcher.scrolled() : NEVER);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqPopoverTrigger, selector: "[kbqPopover]", inputs: { popoverVisible: ["kbqPopoverVisible", "popoverVisible"], popoverPlacement: ["kbqPopoverPlacement", "popoverPlacement"], popoverPlacementPriority: ["kbqPopoverPlacementPriority", "popoverPlacementPriority"], hasBackdrop: "hasBackdrop", header: ["kbqPopoverHeader", "header"], content: ["kbqPopoverContent", "content"], footer: ["kbqPopoverFooter", "footer"], disabled: ["kbqPopoverDisabled", "disabled"], trigger: ["kbqTrigger", "trigger"], size: ["kbqPopoverSize", "size"], customClass: ["kbqPopoverClass", "customClass"], hasCloseButton: "hasCloseButton", closeOnScroll: "closeOnScroll", backdropClass: "backdropClass" }, outputs: { placementChange: "kbqPopoverPlacementChange", visibleChange: "kbqPopoverVisibleChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.kbq-popover_open": "isOpen", "class.kbq-active": "hasClickTrigger && isOpen" } }, exportAs: ["kbqPopover"], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverTrigger, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqPopoverTrigger, selector: "[kbqPopover]", inputs: { popoverVisible: ["kbqPopoverVisible", "popoverVisible"], popoverPlacement: ["kbqPopoverPlacement", "popoverPlacement"], popoverPlacementPriority: ["kbqPopoverPlacementPriority", "popoverPlacementPriority"], hasBackdrop: "hasBackdrop", header: ["kbqPopoverHeader", "header"], content: ["kbqPopoverContent", "content"], footer: ["kbqPopoverFooter", "footer"], disabled: ["kbqPopoverDisabled", "disabled"], trigger: ["kbqTrigger", "trigger"], size: ["kbqPopoverSize", "size"], customClass: ["kbqPopoverClass", "customClass"], hasCloseButton: "hasCloseButton", closeOnScroll: "closeOnScroll", backdropClass: "backdropClass" }, outputs: { placementChange: "kbqPopoverPlacementChange", visibleChange: "kbqPopoverVisibleChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.kbq-popover_open": "isOpen", "class.kbq-active": "hasClickTrigger && isOpen" } }, exportAs: ["kbqPopover"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqPopover]',
@@ -350,10 +350,10 @@ class KbqPopoverConfirmComponent extends KbqPopoverComponent {
         super(...arguments);
         this.onConfirm = new Subject();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: KbqPopoverConfirmComponent, selector: "kbq-popover-confirm-component", usesInheritance: true, ngImport: i0, template: "<div\n    cdkTrapFocus=\"true\"\n    cdkTrapFocusAutoCapture=\"true\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [ngClass]=\"classMap\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n    [@state]=\"visibility\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\">\n            <div>{{ confirmText }}</div>\n            <button\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onConfirm.next()\"\n            >\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius, 12px);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{max-width:var(--kbq-popover-size-container-width-small, 200px)}.kbq-popover.kbq-popover_medium{max-width:var(--kbq-popover-size-container-width-medium, 400px)}.kbq-popover.kbq-popover_large{max-width:var(--kbq-popover-size-container-width-large, 640px)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto;padding:var(--kbq-popover-size-content-padding-top, 24px) var(--kbq-popover-size-content-padding-horizontal, 24px) var(--kbq-popover-size-content-padding-bottom, 32px)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height, 480px);border-radius:var(--kbq-popover-size-container-border-radius, 12px)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content{padding-top:var(--kbq-size-s, 8px)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content{padding-bottom:var(--kbq-size-s, 8px)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{display:flex;align-items:center;overflow:hidden;padding:var(--kbq-popover-size-header-padding-top, 16px) var(--kbq-popover-size-header-padding-horizontal, 24px) var(--kbq-popover-size-header-padding-bottom, 6px) var(--kbq-popover-size-header-padding-horizontal, 24px)}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header_top-overflow{box-shadow:0 9px 8px -12px #8a8fa8}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl, 40px)}.kbq-popover__footer{padding:var(--kbq-popover-size-footer-padding-vertical, 16px) var(--kbq-popover-size-footer-padding-horizontal, 24px)}.kbq-popover__footer_bottom-overflow{box-shadow:0 -9px 8px -12px #8a8fa8}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:9px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:9px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:9px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:9px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:9px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:9px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:9px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:9px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s, 8px);right:var(--kbq-size-s, 8px);border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-popover{box-shadow:var(--kbq-popover-container-box-shadow, )}.kbq-popover__container{background:var(--kbq-popover-container-background, )}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-box-shadow, );background:var(--kbq-popover-container-background, )}.kbq-popover__close{background-color:var(--kbq-background-overlay-inverse, )}.kbq-popover__header{color:var(--kbq-popover-header-text-color, )}.kbq-popover__content{color:var(--kbq-popover-content-text-color, )}.kbq-popover__header{font-size:var(--kbq-popover-font-header-font-size, 18px);font-weight:var(--kbq-popover-font-header-font-weight, 600);line-height:var(--kbq-popover-font-header-line-height, 26px);font-family:var(--kbq-popover-font-header-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-header-text-transform, );font-feature-settings:var(--kbq-popover-font-header-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-popover-font-header-letter-spacing, normal)}.kbq-popover__content{font-size:var(--kbq-popover-font-content-font-size, 14px);font-weight:var(--kbq-popover-font-content-font-weight, normal);line-height:var(--kbq-popover-font-content-line-height, 20px);font-family:var(--kbq-popover-font-content-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-content-text-transform, );font-feature-settings:var(--kbq-popover-font-content-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-popover-font-content-letter-spacing, -.006em)}\n", ".kbq-popover{--kbq-button-size-border-radius: var(--kbq-size-s);--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-font-header-font-size: var(--kbq-typography-subheading-font-size);--kbq-popover-font-header-line-height: var(--kbq-typography-subheading-line-height);--kbq-popover-font-header-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-popover-font-header-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-popover-font-header-font-family: var(--kbq-typography-subheading-font-family);--kbq-popover-font-header-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-popover-font-header-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-popover-font-content-font-size: var(--kbq-typography-text-normal-font-size);--kbq-popover-font-content-line-height: var(--kbq-typography-text-normal-line-height);--kbq-popover-font-content-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-popover-font-content-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-popover-font-content-font-family: var(--kbq-typography-text-normal-font-family);--kbq-popover-font-content-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-popover-font-content-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"], dependencies: [{ kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [kbqPopoverAnimations.popoverState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverConfirmComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqPopoverConfirmComponent, selector: "kbq-popover-confirm-component", usesInheritance: true, ngImport: i0, template: "<div\n    cdkTrapFocus=\"true\"\n    cdkTrapFocusAutoCapture=\"true\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [ngClass]=\"classMap\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n    [@state]=\"visibility\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\">\n            <div>{{ confirmText }}</div>\n            <button\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onConfirm.next()\"\n            >\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius, 12px);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{max-width:var(--kbq-popover-size-container-width-small, 200px)}.kbq-popover.kbq-popover_medium{max-width:var(--kbq-popover-size-container-width-medium, 400px)}.kbq-popover.kbq-popover_large{max-width:var(--kbq-popover-size-container-width-large, 640px)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto;padding:var(--kbq-popover-size-content-padding-top, 24px) var(--kbq-popover-size-content-padding-horizontal, 24px) var(--kbq-popover-size-content-padding-bottom, 32px)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height, 480px);border-radius:var(--kbq-popover-size-container-border-radius, 12px)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content{padding-top:var(--kbq-size-s, 8px)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content{padding-bottom:var(--kbq-size-s, 8px)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{display:flex;align-items:center;overflow:hidden;padding:var(--kbq-popover-size-header-padding-top, 16px) var(--kbq-popover-size-header-padding-horizontal, 24px) var(--kbq-popover-size-header-padding-bottom, 6px) var(--kbq-popover-size-header-padding-horizontal, 24px)}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header_top-overflow{box-shadow:0 9px 8px -12px #8a8fa8}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl, 40px)}.kbq-popover__footer{padding:var(--kbq-popover-size-footer-padding-vertical, 16px) var(--kbq-popover-size-footer-padding-horizontal, 24px)}.kbq-popover__footer_bottom-overflow{box-shadow:0 -9px 8px -12px #8a8fa8}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:9px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:9px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:9px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:9px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:9px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:9px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:9px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:9px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s, 8px);right:var(--kbq-size-s, 8px);border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-popover{box-shadow:var(--kbq-popover-container-box-shadow, )}.kbq-popover__container{background:var(--kbq-popover-container-background, )}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-box-shadow, );background:var(--kbq-popover-container-background, )}.kbq-popover__close{background-color:var(--kbq-background-overlay-inverse, )}.kbq-popover__header{color:var(--kbq-popover-header-text-color, )}.kbq-popover__content{color:var(--kbq-popover-content-text-color, )}.kbq-popover__header{font-size:var(--kbq-popover-font-header-font-size, 18px);font-weight:var(--kbq-popover-font-header-font-weight, 600);line-height:var(--kbq-popover-font-header-line-height, 26px);font-family:var(--kbq-popover-font-header-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-header-text-transform, );font-feature-settings:var(--kbq-popover-font-header-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-popover-font-header-letter-spacing, normal)}.kbq-popover__content{font-size:var(--kbq-popover-font-content-font-size, 14px);font-weight:var(--kbq-popover-font-content-font-weight, normal);line-height:var(--kbq-popover-font-content-line-height, 20px);font-family:var(--kbq-popover-font-content-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-content-text-transform, );font-feature-settings:var(--kbq-popover-font-content-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-popover-font-content-letter-spacing, -.006em)}\n", ".kbq-popover{--kbq-button-size-border-radius: var(--kbq-size-s);--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-font-header-font-size: var(--kbq-typography-subheading-font-size);--kbq-popover-font-header-line-height: var(--kbq-typography-subheading-line-height);--kbq-popover-font-header-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-popover-font-header-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-popover-font-header-font-family: var(--kbq-typography-subheading-font-family);--kbq-popover-font-header-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-popover-font-header-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-popover-font-content-font-size: var(--kbq-typography-text-normal-font-size);--kbq-popover-font-content-line-height: var(--kbq-typography-text-normal-line-height);--kbq-popover-font-content-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-popover-font-content-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-popover-font-content-font-family: var(--kbq-typography-text-normal-font-family);--kbq-popover-font-content-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-popover-font-content-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"], dependencies: [{ kind: "component", type: i1.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i1.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [kbqPopoverAnimations.popoverState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverConfirmComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverConfirmComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-popover-confirm-component', preserveWhitespaces: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [kbqPopoverAnimations.popoverState], template: "<div\n    cdkTrapFocus=\"true\"\n    cdkTrapFocusAutoCapture=\"true\"\n    class=\"kbq-popover-confirm kbq-popover\"\n    [ngClass]=\"classMap\"\n    (@state.done)=\"animationDone($event)\"\n    (@state.start)=\"animationStart()\"\n    [@state]=\"visibility\"\n>\n    <div class=\"kbq-popover__container\">\n        <div class=\"kbq-popover__content\">\n            <div>{{ confirmText }}</div>\n            <button\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onConfirm.next()\"\n            >\n                {{ confirmButtonText }}\n            </button>\n        </div>\n    </div>\n\n    <div class=\"kbq-popover__arrow\"></div>\n</div>\n", styles: ["@keyframes kbq-progress{0%{background-position:0 0}to{background-position:64px 0}}.kbq-progress{position:relative}.kbq-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,#0000000a 12px,#ffffff1a 12px 22px,#0000000a 22px 34px,#ffffff1a 34px) repeat;background-size:32px 32px;animation:kbq-progress 1s linear infinite}.kbq-group{display:flex;flex-direction:row}.kbq-group .kbq-group_justified>.kbq-group-item{width:100%}.kbq-group .kbq-group-item+.kbq-group-item{margin-left:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group{display:flex;flex-direction:column}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:first-child:not(:last-child)>.kbq-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-vertical-group>.kbq-group-item:last-child:not(:first-child)>.kbq-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child){border-radius:0}.kbq-vertical-group>.kbq-group-item:not(:first-child):not(:last-child)>.kbq-form-field__container{border-radius:0}.kbq-vertical-group .kbq-group-item+.kbq-group-item{margin-top:calc(-1 * var(--kbq-button-size-border-width, 1px))}.kbq-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.kbq-popover{position:relative;border-radius:var(--kbq-popover-size-container-border-radius, 12px);box-sizing:border-box;list-style:none;white-space:pre-line;z-index:1}.kbq-popover.kbq-popover_small{max-width:var(--kbq-popover-size-container-width-small, 200px)}.kbq-popover.kbq-popover_medium{max-width:var(--kbq-popover-size-container-width-medium, 400px)}.kbq-popover.kbq-popover_large{max-width:var(--kbq-popover-size-container-width-large, 640px)}.kbq-popover.kbq-popover_placement-top,.kbq-popover.kbq-popover_placement-top-left,.kbq-popover.kbq-popover_placement-top-right{margin-bottom:8px}.kbq-popover.kbq-popover_placement-right,.kbq-popover.kbq-popover_placement-right-top,.kbq-popover.kbq-popover_placement-right-bottom{margin-left:8px}.kbq-popover.kbq-popover_placement-bottom,.kbq-popover.kbq-popover_placement-bottom-left,.kbq-popover.kbq-popover_placement-bottom-right{margin-top:8px}.kbq-popover.kbq-popover_placement-left,.kbq-popover.kbq-popover_placement-left-top,.kbq-popover.kbq-popover_placement-left-bottom{margin-right:8px}.kbq-popover__content{overflow-y:auto;padding:var(--kbq-popover-size-content-padding-top, 24px) var(--kbq-popover-size-content-padding-horizontal, 24px) var(--kbq-popover-size-content-padding-bottom, 32px)}.kbq-popover__container{overflow:hidden;display:flex;flex-direction:column;max-height:var(--kbq-popover-size-container-max-height, 480px);border-radius:var(--kbq-popover-size-container-border-radius, 12px)}.kbq-popover__container.kbq-popover__container_with-header .kbq-popover__content{padding-top:var(--kbq-size-s, 8px)}.kbq-popover__container.kbq-popover__container_with-footer .kbq-popover__content{padding-bottom:var(--kbq-size-s, 8px)}.kbq-popover__content .kbq-popover__close-container{display:flex;justify-content:flex-end;height:0}.kbq-popover__content .kbq-popover__close-container .kbq-popover__close{top:auto;right:auto;transform:translateY(-50%) translate(50%)}.kbq-popover__header{display:flex;align-items:center;overflow:hidden;padding:var(--kbq-popover-size-header-padding-top, 16px) var(--kbq-popover-size-header-padding-horizontal, 24px) var(--kbq-popover-size-header-padding-bottom, 6px) var(--kbq-popover-size-header-padding-horizontal, 24px)}.kbq-popover__header .kbq-popover__header-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbq-popover__header_top-overflow{box-shadow:0 9px 8px -12px #8a8fa8}.kbq-popover__header_with-close-button{padding-right:var(--kbq-size-4xl, 40px)}.kbq-popover__footer{padding:var(--kbq-popover-size-footer-padding-vertical, 16px) var(--kbq-popover-size-footer-padding-horizontal, 24px)}.kbq-popover__footer_bottom-overflow{box-shadow:0 -9px 8px -12px #8a8fa8}.kbq-popover__arrow{position:absolute;z-index:-1;width:12px;height:12px;transform:rotate(45deg)}.kbq-popover_placement-top .kbq-popover__arrow{bottom:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-top-left .kbq-popover__arrow{bottom:-5.5px;left:9px}.kbq-popover_placement-top-right .kbq-popover__arrow{bottom:-5.5px;right:9px}.kbq-popover_placement-right .kbq-popover__arrow{left:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-right-top .kbq-popover__arrow{left:-5.5px;top:9px}.kbq-popover_placement-right-bottom .kbq-popover__arrow{left:-5.5px;bottom:9px}.kbq-popover_placement-left .kbq-popover__arrow{right:-5.5px;top:50%;margin-top:-5.5px}.kbq-popover_placement-left-top .kbq-popover__arrow{right:-5.5px;top:9px}.kbq-popover_placement-left-bottom .kbq-popover__arrow{right:-5.5px;bottom:9px}.kbq-popover_placement-bottom .kbq-popover__arrow{top:-5.5px;left:50%;margin-left:-5.5px}.kbq-popover_placement-bottom-left .kbq-popover__arrow{top:-5.5px;left:9px}.kbq-popover_placement-bottom-right .kbq-popover__arrow{top:-5.5px;right:9px}.kbq-popover__close{position:absolute;z-index:2;top:var(--kbq-size-s, 8px);right:var(--kbq-size-s, 8px);border-radius:var(--kbq-button-size-border-radius, 8px)}.kbq-popover{box-shadow:var(--kbq-popover-container-box-shadow, )}.kbq-popover__container{background:var(--kbq-popover-container-background, )}.kbq-popover__arrow{box-shadow:var(--kbq-popover-container-box-shadow, );background:var(--kbq-popover-container-background, )}.kbq-popover__close{background-color:var(--kbq-background-overlay-inverse, )}.kbq-popover__header{color:var(--kbq-popover-header-text-color, )}.kbq-popover__content{color:var(--kbq-popover-content-text-color, )}.kbq-popover__header{font-size:var(--kbq-popover-font-header-font-size, 18px);font-weight:var(--kbq-popover-font-header-font-weight, 600);line-height:var(--kbq-popover-font-header-line-height, 26px);font-family:var(--kbq-popover-font-header-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-header-text-transform, );font-feature-settings:var(--kbq-popover-font-header-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-popover-font-header-letter-spacing, normal)}.kbq-popover__content{font-size:var(--kbq-popover-font-content-font-size, 14px);font-weight:var(--kbq-popover-font-content-font-weight, normal);line-height:var(--kbq-popover-font-content-line-height, 20px);font-family:var(--kbq-popover-font-content-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-popover-font-content-text-transform, );font-feature-settings:var(--kbq-popover-font-content-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-popover-font-content-letter-spacing, -.006em)}\n", ".kbq-popover{--kbq-button-size-border-radius: var(--kbq-size-s);--kbq-popover-size-container-width-small: 200px;--kbq-popover-size-container-width-medium: 400px;--kbq-popover-size-container-width-large: 640px;--kbq-popover-size-container-border-radius: var(--kbq-size-m);--kbq-popover-size-container-max-height: 480px;--kbq-popover-size-close-button-width: 32px;--kbq-popover-size-close-button-margin-right: -16px;--kbq-popover-size-close-button-margin-top: -10px;--kbq-popover-size-header-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-header-padding-top: var(--kbq-size-l);--kbq-popover-size-header-padding-bottom: var(--kbq-size-xs);--kbq-popover-size-content-padding-top: var(--kbq-size-xxl);--kbq-popover-size-content-padding-bottom: var(--kbq-size-3xl);--kbq-popover-size-content-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-size-content-padding-with-header-top: var(--kbq-size-s);--kbq-popover-size-content-padding-with-footer-bottom: var(--kbq-size-s);--kbq-popover-size-footer-padding-vertical: var(--kbq-size-l);--kbq-popover-size-footer-padding-horizontal: var(--kbq-size-xxl);--kbq-popover-font-header-font-size: var(--kbq-typography-subheading-font-size);--kbq-popover-font-header-line-height: var(--kbq-typography-subheading-line-height);--kbq-popover-font-header-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-popover-font-header-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-popover-font-header-font-family: var(--kbq-typography-subheading-font-family);--kbq-popover-font-header-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-popover-font-header-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-popover-font-content-font-size: var(--kbq-typography-text-normal-font-size);--kbq-popover-font-content-line-height: var(--kbq-typography-text-normal-line-height);--kbq-popover-font-content-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-popover-font-content-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-popover-font-content-font-family: var(--kbq-typography-text-normal-font-family);--kbq-popover-font-content-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-popover-font-content-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-popover-container-background: var(--kbq-background-card);--kbq-popover-container-box-shadow: var(--kbq-shadow-popup);--kbq-popover-header-text-color: var(--kbq-foreground-contrast);--kbq-popover-header-scroll-shadow: var(--kbq-shadow-overflow-normal-bottom);--kbq-popover-content-text-color: var(--kbq-foreground-contrast);--kbq-popover-footer-scroll-shadow: var(--kbq-shadow-overflow-normal-top)}\n"] }]
         }] });
@@ -397,10 +397,10 @@ class KbqPopoverConfirmTrigger extends KbqPopoverTrigger {
     getOverlayHandleComponentType() {
         return KbqPopoverConfirmComponent;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverConfirmTrigger, deps: [{ token: KBQ_POPOVER_CONFIRM_TEXT, optional: true }, { token: KBQ_POPOVER_CONFIRM_BUTTON_TEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqPopoverConfirmTrigger, selector: "[kbqPopoverConfirm]", inputs: { confirmText: ["kbqPopoverConfirmText", "confirmText"], confirmButtonText: ["kbqPopoverConfirmButtonText", "confirmButtonText"] }, outputs: { confirm: "confirm" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.kbq-popover_open": "isOpen" } }, exportAs: ["kbqPopoverConfirm"], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverConfirmTrigger, deps: [{ token: KBQ_POPOVER_CONFIRM_TEXT, optional: true }, { token: KBQ_POPOVER_CONFIRM_BUTTON_TEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqPopoverConfirmTrigger, selector: "[kbqPopoverConfirm]", inputs: { confirmText: ["kbqPopoverConfirmText", "confirmText"], confirmButtonText: ["kbqPopoverConfirmButtonText", "confirmButtonText"] }, outputs: { confirm: "confirm" }, host: { listeners: { "keydown": "handleKeydown($event)", "touchend": "handleTouchend()" }, properties: { "class.kbq-popover_open": "isOpen" } }, exportAs: ["kbqPopoverConfirm"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverConfirmTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverConfirmTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqPopoverConfirm]',
@@ -432,8 +432,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             }] } });
 class KbqPopoverModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverModule, declarations: [KbqPopoverComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverModule, declarations: [KbqPopoverComponent,
             KbqPopoverTrigger,
             KbqPopoverConfirmComponent,
             KbqPopoverConfirmTrigger], imports: [OverlayModule,
@@ -446,7 +446,7 @@ class KbqPopoverModule {
             KbqPopoverTrigger,
             KbqPopoverConfirmComponent,
             KbqPopoverConfirmTrigger] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverModule, providers: [
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverModule, providers: [
             KBQ_POPOVER_SCROLL_STRATEGY_FACTORY_PROVIDER,
             { provide: FocusTrapFactory, useClass: ConfigurableFocusTrapFactory }
         ], imports: [OverlayModule,
@@ -454,7 +454,7 @@ class KbqPopoverModule {
             A11yModule,
             KbqIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/koobiq-components-progress-bar.mjs CHANGED Viewed

@@ -15,10 +15,10 @@ class KbqProgressBarBase {
 /** @docs-private */
 const KbqProgressBarMixinBase = mixinColor(KbqProgressBarBase, KbqComponentColors.Theme);
 class KbqProgressBarText {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressBarText, selector: "[kbq-progress-bar-text]", host: { classAttribute: "kbq-progress-bar-text" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqProgressBarText, selector: "[kbq-progress-bar-text]", host: { classAttribute: "kbq-progress-bar-text" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-progress-bar-text]',
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }] });
 class KbqProgressBarCaption {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressBarCaption, selector: "[kbq-progress-bar-caption]", host: { classAttribute: "kbq-progress-bar-caption" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqProgressBarCaption, selector: "[kbq-progress-bar-caption]", host: { classAttribute: "kbq-progress-bar-caption" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarCaption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarCaption, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-progress-bar-caption]',
@@ -50,10 +50,10 @@ class KbqProgressBar extends KbqProgressBarMixinBase {
     get percentage() {
         return Math.max(MIN_PERCENT, Math.min(MAX_PERCENT, this.value));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqProgressBar, selector: "kbq-progress-bar", inputs: { color: "color", id: "id", value: "value", mode: "mode" }, host: { properties: { "attr.id": "id", "class.kbq-progress-bar_determinate": "mode === \"determinate\"", "class.kbq-progress-bar_indeterminate": "mode === \"indeterminate\"" }, classAttribute: "kbq-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<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", styles: ["@keyframes kbq-progress-bar-indeterminate{0%{width:25%;transform:translate(-150%)}to{width:40%;transform:translate(250%)}}.kbq-progress-bar{display:block;overflow:hidden}.kbq-progress-bar .kbq-progress-bar-text{margin-bottom:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar-caption{margin-top:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar__inner{overflow:hidden;height:var(--kbq-progress-bar-size-bar-height, 4px);border-radius:var(--kbq-progress-bar-size-container-border-radius, 2px)}.kbq-progress-bar .kbq-progress-bar__line{height:100%;transform-origin:top left;border-radius:var(--kbq-progress-bar-size-bar-border-radius, 2px)}.kbq-progress-bar.kbq-progress-bar_determinate .kbq-progress-bar__line{transition:width .3s}.kbq-progress-bar.kbq-progress-bar_indeterminate .kbq-progress-bar__line{animation:kbq-progress-bar-indeterminate 2.1s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-bar.kbq-theme .kbq-progress-bar__inner{background-color:var(--kbq-progress-bar-bar-background, )}.kbq-progress-bar.kbq-theme .kbq-progress-bar__line{background-color:var(--kbq-progress-bar-bar-foreground, )}.kbq-progress-bar-text{color:var(--kbq-progress-bar-text-color, )}.kbq-progress-bar-caption{color:var(--kbq-progress-bar-caption-color, )}.kbq-progress-bar-text{font-size:var(--kbq-progress-bar-font-label-font-size, 14px);font-weight:var(--kbq-progress-bar-font-label-font-weight, normal);line-height:var(--kbq-progress-bar-font-label-line-height, 20px);font-family:var(--kbq-progress-bar-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-label-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-label-letter-spacing, -.006em)}.kbq-progress-bar-caption{font-size:var(--kbq-progress-bar-font-caption-font-size, 12px);font-weight:var(--kbq-progress-bar-font-caption-font-weight, normal);line-height:var(--kbq-progress-bar-font-caption-line-height, 16px);font-family:var(--kbq-progress-bar-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-caption-letter-spacing, normal)}\n", ".kbq-progress-bar{--kbq-progress-bar-size-container-content-gap: var(--kbq-size-s);--kbq-progress-bar-size-container-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-size-bar-height: var(--kbq-size-xxs);--kbq-progress-bar-size-bar-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-bar-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-bar-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-bar-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-bar-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-bar-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-bar-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-bar-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-bar-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-bar-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-bar-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-bar-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-bar-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-bar-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqProgressBar, selector: "kbq-progress-bar", inputs: { color: "color", id: "id", value: "value", mode: "mode" }, host: { properties: { "attr.id": "id", "class.kbq-progress-bar_determinate": "mode === \"determinate\"", "class.kbq-progress-bar_indeterminate": "mode === \"indeterminate\"" }, classAttribute: "kbq-progress-bar" }, usesInheritance: true, ngImport: i0, template: "<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", styles: ["@keyframes kbq-progress-bar-indeterminate{0%{width:25%;transform:translate(-150%)}to{width:40%;transform:translate(250%)}}.kbq-progress-bar{display:block;overflow:hidden}.kbq-progress-bar .kbq-progress-bar-text{margin-bottom:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar-caption{margin-top:var(--kbq-progress-bar-size-container-content-gap, 8px)}.kbq-progress-bar .kbq-progress-bar__inner{overflow:hidden;height:var(--kbq-progress-bar-size-bar-height, 4px);border-radius:var(--kbq-progress-bar-size-container-border-radius, 2px)}.kbq-progress-bar .kbq-progress-bar__line{height:100%;transform-origin:top left;border-radius:var(--kbq-progress-bar-size-bar-border-radius, 2px)}.kbq-progress-bar.kbq-progress-bar_determinate .kbq-progress-bar__line{transition:width .3s}.kbq-progress-bar.kbq-progress-bar_indeterminate .kbq-progress-bar__line{animation:kbq-progress-bar-indeterminate 2.1s cubic-bezier(.455,.03,.515,.955) infinite}.kbq-progress-bar.kbq-theme .kbq-progress-bar__inner{background-color:var(--kbq-progress-bar-bar-background, )}.kbq-progress-bar.kbq-theme .kbq-progress-bar__line{background-color:var(--kbq-progress-bar-bar-foreground, )}.kbq-progress-bar-text{color:var(--kbq-progress-bar-text-color, )}.kbq-progress-bar-caption{color:var(--kbq-progress-bar-caption-color, )}.kbq-progress-bar-text{font-size:var(--kbq-progress-bar-font-label-font-size, 14px);font-weight:var(--kbq-progress-bar-font-label-font-weight, normal);line-height:var(--kbq-progress-bar-font-label-line-height, 20px);font-family:var(--kbq-progress-bar-font-label-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-label-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-label-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-label-letter-spacing, -.006em)}.kbq-progress-bar-caption{font-size:var(--kbq-progress-bar-font-caption-font-size, 12px);font-weight:var(--kbq-progress-bar-font-caption-font-weight, normal);line-height:var(--kbq-progress-bar-font-caption-line-height, 16px);font-family:var(--kbq-progress-bar-font-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-progress-bar-font-caption-text-transform, );font-feature-settings:var(--kbq-progress-bar-font-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-progress-bar-font-caption-letter-spacing, normal)}\n", ".kbq-progress-bar{--kbq-progress-bar-size-container-content-gap: var(--kbq-size-s);--kbq-progress-bar-size-container-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-size-bar-height: var(--kbq-size-xxs);--kbq-progress-bar-size-bar-border-radius: var(--kbq-size-3xs);--kbq-progress-bar-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-bar-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-bar-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-bar-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-bar-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-bar-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-bar-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-bar-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-bar-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-bar-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-bar-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-bar-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-bar-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-bar-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-bar-bar-background: var(--kbq-background-contrast-fade);--kbq-progress-bar-bar-foreground: var(--kbq-icon-theme);--kbq-progress-bar-text-color: var(--kbq-foreground-contrast);--kbq-progress-bar-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBar, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
                         '[attr.id]': 'id',
@@ -70,15 +70,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             }] } });
 class KbqProgressBarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, declarations: [KbqProgressBar,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarModule, declarations: [KbqProgressBar,
             KbqProgressBarText,
             KbqProgressBarCaption], imports: [PlatformModule], exports: [KbqProgressBar,
             KbqProgressBarText,
             KbqProgressBarCaption] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, imports: [PlatformModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarModule, imports: [PlatformModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/koobiq-components-progress-spinner.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ let id = 0;
 const MIN_PERCENT = 0;
 const MAX_PERCENT = 100;
 class KbqProgressSpinnerText {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressSpinnerText, selector: "[kbq-progress-spinner-text]", host: { classAttribute: "kbq-progress-spinner-text" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqProgressSpinnerText, selector: "[kbq-progress-spinner-text]", host: { classAttribute: "kbq-progress-spinner-text" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-progress-spinner-text]',
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }] });
 class KbqProgressSpinnerCaption {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqProgressSpinnerCaption, selector: "[kbq-progress-spinner-caption]", host: { classAttribute: "kbq-progress-spinner-caption" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqProgressSpinnerCaption, selector: "[kbq-progress-spinner-caption]", host: { classAttribute: "kbq-progress-spinner-caption" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerCaption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerCaption, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-progress-spinner-caption]',
@@ -65,10 +65,10 @@ class KbqProgressSpinner extends KbqProgressSpinnerMixinBase {
     get dashOffsetPercent() {
         return `${MAX_DASH_ARRAY - this.percentage * MAX_DASH_ARRAY}%`;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", 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: var(--kbq-size-l);--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-compact-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-size-big-size: var(--kbq-size-5xl);--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-big-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-spinner-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-spinner-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-spinner-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-spinner-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-spinner-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-spinner-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-spinner-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-spinner-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-spinner-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-spinner-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-spinner-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-spinner-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-spinner-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinner, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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: var(--kbq-size-l);--kbq-progress-spinner-size-compact-stroke-width: 2px;--kbq-progress-spinner-size-compact-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-compact-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-size-big-size: var(--kbq-size-5xl);--kbq-progress-spinner-size-big-stroke-width: 3px;--kbq-progress-spinner-size-big-content-gap-vertical: var(--kbq-size-3xs);--kbq-progress-spinner-size-big-content-gap-horizontal: var(--kbq-size-s);--kbq-progress-spinner-font-label-font-size: var(--kbq-typography-text-normal-font-size);--kbq-progress-spinner-font-label-line-height: var(--kbq-typography-text-normal-line-height);--kbq-progress-spinner-font-label-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-progress-spinner-font-label-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-progress-spinner-font-label-font-family: var(--kbq-typography-text-normal-font-family);--kbq-progress-spinner-font-label-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-progress-spinner-font-label-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings);--kbq-progress-spinner-font-caption-font-size: var(--kbq-typography-text-compact-font-size);--kbq-progress-spinner-font-caption-line-height: var(--kbq-typography-text-compact-line-height);--kbq-progress-spinner-font-caption-letter-spacing: var(--kbq-typography-text-compact-letter-spacing);--kbq-progress-spinner-font-caption-font-weight: var(--kbq-typography-text-compact-font-weight);--kbq-progress-spinner-font-caption-font-family: var(--kbq-typography-text-compact-font-family);--kbq-progress-spinner-font-caption-text-transform: var(--kbq-typography-text-compact-text-transform);--kbq-progress-spinner-font-caption-font-feature-settings: var(--kbq-typography-text-compact-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-progress-spinner-circle-background: var(--kbq-icon-theme);--kbq-progress-spinner-text-color: var(--kbq-foreground-contrast);--kbq-progress-spinner-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinner, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinner, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-progress-spinner', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
                         class: 'kbq-progress-spinner',
@@ -87,16 +87,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             }] } });
 class KbqProgressSpinnerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, declarations: [KbqProgressSpinner,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerModule, declarations: [KbqProgressSpinner,
             KbqProgressSpinnerText,
             KbqProgressSpinnerCaption], imports: [PlatformModule,
             NgStyle], exports: [KbqProgressSpinner,
             KbqProgressSpinnerText,
             KbqProgressSpinnerCaption] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, imports: [PlatformModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerModule, imports: [PlatformModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqProgressSpinnerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqProgressSpinnerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [