@koobiq/components 17.8.4 → 17.8.6

package/fesm2022/koobiq-components-risk-level.mjs

@@ -25,7 +25,7 @@ class KbqRiskLevel {
         this._riskLevelColor = value || KbqRiskLevelColors.FadeContrast;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRiskLevel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqRiskLevel, selector: "kbq-risk-level", inputs: { outline: "outline", riskLevelColor: "riskLevelColor" }, host: { properties: { "class.kbq-risk-level_filled": "!outline", "class.kbq-risk-level_outline": "outline", "class": "riskLevelColor" }, classAttribute: "kbq-risk-level" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-risk-level{box-sizing:border-box;display:inline-flex;text-align:center;border-style:solid;padding:var(--kbq-risk-level-size-padding-vertical, 2px) var(--kbq-risk-level-size-padding-horizontal, 8px);border-width:var(--kbq-risk-level-size-border-width, 1px);border-radius:var(--kbq-risk-level-size-border-radius, 4px)}.kbq-risk-level_filled.kbq-risk-level_fade-contrast{border:transparent;color:var(--kbq-risk-level-filled-fade-on-contrast-color, );background:var(--kbq-risk-level-filled-fade-on-contrast-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-success{border:transparent;color:var(--kbq-risk-level-filled-fade-on-success-color, );background:var(--kbq-risk-level-filled-fade-on-success-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-warning{border:transparent;color:var(--kbq-risk-level-filled-fade-on-warning-color, );background:var(--kbq-risk-level-filled-fade-on-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-error{border:transparent;color:var(--kbq-risk-level-filled-fade-on-error-color, );background:var(--kbq-risk-level-filled-fade-on-error-background, )}.kbq-risk-level_filled.kbq-risk-level_success{border:transparent;color:var(--kbq-risk-level-filled-fade-off-success-color, );background:var(--kbq-risk-level-filled-fade-off-success-background, )}.kbq-risk-level_filled.kbq-risk-level_warning{border:transparent;color:var(--kbq-risk-level-filled-fade-off-warning-color, );background:var(--kbq-risk-level-filled-fade-off-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_error{border:transparent;color:var(--kbq-risk-level-filled-fade-off-error-color, );background:var(--kbq-risk-level-filled-fade-off-error-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-contrast{border-color:var(--kbq-risk-level-outline-fade-on-contrast-border, );color:var(--kbq-risk-level-outline-fade-on-contrast-color, );background:var(--kbq-risk-level-outline-fade-on-contrast-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-success{border-color:var(--kbq-risk-level-outline-fade-on-success-border, );color:var(--kbq-risk-level-outline-fade-on-success-color, );background:var(--kbq-risk-level-outline-fade-on-success-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-warning{border-color:var(--kbq-risk-level-outline-fade-on-warning-border, );color:var(--kbq-risk-level-outline-fade-on-warning-color, );background:var(--kbq-risk-level-outline-fade-on-warning-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-error{border-color:var(--kbq-risk-level-outline-fade-on-error-border, );color:var(--kbq-risk-level-outline-fade-on-error-color, );background:var(--kbq-risk-level-outline-fade-on-error-background, )}.kbq-risk-level{font-size:var(--kbq-risk-level-font-text-font-size, 18px);font-weight:var(--kbq-risk-level-font-text-font-weight, 600);line-height:var(--kbq-risk-level-font-text-line-height, 26px);font-family:var(--kbq-risk-level-font-text-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-risk-level-font-text-text-transform, );font-feature-settings:var(--kbq-risk-level-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-risk-level-font-text-letter-spacing, normal)}\n", ".kbq-risk-level{--kbq-risk-level-size-padding-vertical: 2px;--kbq-risk-level-size-padding-horizontal: 8px;--kbq-risk-level-size-border-width: 1px;--kbq-risk-level-size-border-radius: 4px;--kbq-risk-level-font-text-font-size: 18px;--kbq-risk-level-font-text-line-height: 26px;--kbq-risk-level-font-text-letter-spacing: normal;--kbq-risk-level-font-text-font-weight: 600;--kbq-risk-level-font-text-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-risk-level-font-text-text-transform: null;--kbq-risk-level-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqRiskLevel, selector: "kbq-risk-level", inputs: { outline: "outline", riskLevelColor: "riskLevelColor" }, host: { properties: { "class.kbq-risk-level_filled": "!outline", "class.kbq-risk-level_outline": "outline", "class": "riskLevelColor" }, classAttribute: "kbq-risk-level" }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-risk-level{box-sizing:border-box;display:inline-flex;text-align:center;border-style:solid;padding:var(--kbq-risk-level-size-padding-vertical, 2px) var(--kbq-risk-level-size-padding-horizontal, 8px);border-width:var(--kbq-risk-level-size-border-width, 1px);border-radius:var(--kbq-risk-level-size-border-radius, 4px)}.kbq-risk-level_filled.kbq-risk-level_fade-contrast{border:transparent;color:var(--kbq-risk-level-filled-fade-on-contrast-color, );background:var(--kbq-risk-level-filled-fade-on-contrast-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-success{border:transparent;color:var(--kbq-risk-level-filled-fade-on-success-color, );background:var(--kbq-risk-level-filled-fade-on-success-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-warning{border:transparent;color:var(--kbq-risk-level-filled-fade-on-warning-color, );background:var(--kbq-risk-level-filled-fade-on-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-error{border:transparent;color:var(--kbq-risk-level-filled-fade-on-error-color, );background:var(--kbq-risk-level-filled-fade-on-error-background, )}.kbq-risk-level_filled.kbq-risk-level_success{border:transparent;color:var(--kbq-risk-level-filled-fade-off-success-color, );background:var(--kbq-risk-level-filled-fade-off-success-background, )}.kbq-risk-level_filled.kbq-risk-level_warning{border:transparent;color:var(--kbq-risk-level-filled-fade-off-warning-color, );background:var(--kbq-risk-level-filled-fade-off-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_error{border:transparent;color:var(--kbq-risk-level-filled-fade-off-error-color, );background:var(--kbq-risk-level-filled-fade-off-error-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-contrast{border-color:var(--kbq-risk-level-outline-fade-on-contrast-border, );color:var(--kbq-risk-level-outline-fade-on-contrast-color, );background:var(--kbq-risk-level-outline-fade-on-contrast-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-success{border-color:var(--kbq-risk-level-outline-fade-on-success-border, );color:var(--kbq-risk-level-outline-fade-on-success-color, );background:var(--kbq-risk-level-outline-fade-on-success-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-warning{border-color:var(--kbq-risk-level-outline-fade-on-warning-border, );color:var(--kbq-risk-level-outline-fade-on-warning-color, );background:var(--kbq-risk-level-outline-fade-on-warning-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-error{border-color:var(--kbq-risk-level-outline-fade-on-error-border, );color:var(--kbq-risk-level-outline-fade-on-error-color, );background:var(--kbq-risk-level-outline-fade-on-error-background, )}.kbq-risk-level{font-size:var(--kbq-risk-level-font-text-font-size, 18px);font-weight:var(--kbq-risk-level-font-text-font-weight, 600);line-height:var(--kbq-risk-level-font-text-line-height, 26px);font-family:var(--kbq-risk-level-font-text-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-risk-level-font-text-text-transform, );font-feature-settings:var(--kbq-risk-level-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-risk-level-font-text-letter-spacing, normal)}\n", ".kbq-risk-level{--kbq-risk-level-size-padding-vertical: 2px;--kbq-risk-level-size-padding-horizontal: 8px;--kbq-risk-level-size-border-width: 1px;--kbq-risk-level-size-border-radius: 4px;--kbq-risk-level-font-text-font-size: 18px;--kbq-risk-level-font-text-line-height: 26px;--kbq-risk-level-font-text-letter-spacing: normal;--kbq-risk-level-font-text-font-weight: 600;--kbq-risk-level-font-text-text-transform: null;--kbq-risk-level-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-risk-level-font-text-font-family: var(--kbq-typography-subheading-font-family)}:root{--kbq-typography-subheading-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqRiskLevel, decorators: [{
             type: Component,
@@ -34,7 +34,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                         '[class.kbq-risk-level_filled]': '!outline',
                         '[class.kbq-risk-level_outline]': 'outline',
                         '[class]': 'riskLevelColor'
-                    }, styles: [".kbq-risk-level{box-sizing:border-box;display:inline-flex;text-align:center;border-style:solid;padding:var(--kbq-risk-level-size-padding-vertical, 2px) var(--kbq-risk-level-size-padding-horizontal, 8px);border-width:var(--kbq-risk-level-size-border-width, 1px);border-radius:var(--kbq-risk-level-size-border-radius, 4px)}.kbq-risk-level_filled.kbq-risk-level_fade-contrast{border:transparent;color:var(--kbq-risk-level-filled-fade-on-contrast-color, );background:var(--kbq-risk-level-filled-fade-on-contrast-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-success{border:transparent;color:var(--kbq-risk-level-filled-fade-on-success-color, );background:var(--kbq-risk-level-filled-fade-on-success-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-warning{border:transparent;color:var(--kbq-risk-level-filled-fade-on-warning-color, );background:var(--kbq-risk-level-filled-fade-on-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-error{border:transparent;color:var(--kbq-risk-level-filled-fade-on-error-color, );background:var(--kbq-risk-level-filled-fade-on-error-background, )}.kbq-risk-level_filled.kbq-risk-level_success{border:transparent;color:var(--kbq-risk-level-filled-fade-off-success-color, );background:var(--kbq-risk-level-filled-fade-off-success-background, )}.kbq-risk-level_filled.kbq-risk-level_warning{border:transparent;color:var(--kbq-risk-level-filled-fade-off-warning-color, );background:var(--kbq-risk-level-filled-fade-off-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_error{border:transparent;color:var(--kbq-risk-level-filled-fade-off-error-color, );background:var(--kbq-risk-level-filled-fade-off-error-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-contrast{border-color:var(--kbq-risk-level-outline-fade-on-contrast-border, );color:var(--kbq-risk-level-outline-fade-on-contrast-color, );background:var(--kbq-risk-level-outline-fade-on-contrast-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-success{border-color:var(--kbq-risk-level-outline-fade-on-success-border, );color:var(--kbq-risk-level-outline-fade-on-success-color, );background:var(--kbq-risk-level-outline-fade-on-success-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-warning{border-color:var(--kbq-risk-level-outline-fade-on-warning-border, );color:var(--kbq-risk-level-outline-fade-on-warning-color, );background:var(--kbq-risk-level-outline-fade-on-warning-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-error{border-color:var(--kbq-risk-level-outline-fade-on-error-border, );color:var(--kbq-risk-level-outline-fade-on-error-color, );background:var(--kbq-risk-level-outline-fade-on-error-background, )}.kbq-risk-level{font-size:var(--kbq-risk-level-font-text-font-size, 18px);font-weight:var(--kbq-risk-level-font-text-font-weight, 600);line-height:var(--kbq-risk-level-font-text-line-height, 26px);font-family:var(--kbq-risk-level-font-text-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-risk-level-font-text-text-transform, );font-feature-settings:var(--kbq-risk-level-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-risk-level-font-text-letter-spacing, normal)}\n", ".kbq-risk-level{--kbq-risk-level-size-padding-vertical: 2px;--kbq-risk-level-size-padding-horizontal: 8px;--kbq-risk-level-size-border-width: 1px;--kbq-risk-level-size-border-radius: 4px;--kbq-risk-level-font-text-font-size: 18px;--kbq-risk-level-font-text-line-height: 26px;--kbq-risk-level-font-text-letter-spacing: normal;--kbq-risk-level-font-text-font-weight: 600;--kbq-risk-level-font-text-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-risk-level-font-text-text-transform: null;--kbq-risk-level-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%)}\n"] }]
+                    }, styles: [".kbq-risk-level{box-sizing:border-box;display:inline-flex;text-align:center;border-style:solid;padding:var(--kbq-risk-level-size-padding-vertical, 2px) var(--kbq-risk-level-size-padding-horizontal, 8px);border-width:var(--kbq-risk-level-size-border-width, 1px);border-radius:var(--kbq-risk-level-size-border-radius, 4px)}.kbq-risk-level_filled.kbq-risk-level_fade-contrast{border:transparent;color:var(--kbq-risk-level-filled-fade-on-contrast-color, );background:var(--kbq-risk-level-filled-fade-on-contrast-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-success{border:transparent;color:var(--kbq-risk-level-filled-fade-on-success-color, );background:var(--kbq-risk-level-filled-fade-on-success-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-warning{border:transparent;color:var(--kbq-risk-level-filled-fade-on-warning-color, );background:var(--kbq-risk-level-filled-fade-on-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_fade-error{border:transparent;color:var(--kbq-risk-level-filled-fade-on-error-color, );background:var(--kbq-risk-level-filled-fade-on-error-background, )}.kbq-risk-level_filled.kbq-risk-level_success{border:transparent;color:var(--kbq-risk-level-filled-fade-off-success-color, );background:var(--kbq-risk-level-filled-fade-off-success-background, )}.kbq-risk-level_filled.kbq-risk-level_warning{border:transparent;color:var(--kbq-risk-level-filled-fade-off-warning-color, );background:var(--kbq-risk-level-filled-fade-off-warning-background, )}.kbq-risk-level_filled.kbq-risk-level_error{border:transparent;color:var(--kbq-risk-level-filled-fade-off-error-color, );background:var(--kbq-risk-level-filled-fade-off-error-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-contrast{border-color:var(--kbq-risk-level-outline-fade-on-contrast-border, );color:var(--kbq-risk-level-outline-fade-on-contrast-color, );background:var(--kbq-risk-level-outline-fade-on-contrast-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-success{border-color:var(--kbq-risk-level-outline-fade-on-success-border, );color:var(--kbq-risk-level-outline-fade-on-success-color, );background:var(--kbq-risk-level-outline-fade-on-success-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-warning{border-color:var(--kbq-risk-level-outline-fade-on-warning-border, );color:var(--kbq-risk-level-outline-fade-on-warning-color, );background:var(--kbq-risk-level-outline-fade-on-warning-background, )}.kbq-risk-level_outline.kbq-risk-level_fade-error{border-color:var(--kbq-risk-level-outline-fade-on-error-border, );color:var(--kbq-risk-level-outline-fade-on-error-color, );background:var(--kbq-risk-level-outline-fade-on-error-background, )}.kbq-risk-level{font-size:var(--kbq-risk-level-font-text-font-size, 18px);font-weight:var(--kbq-risk-level-font-text-font-weight, 600);line-height:var(--kbq-risk-level-font-text-line-height, 26px);font-family:var(--kbq-risk-level-font-text-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-risk-level-font-text-text-transform, );font-feature-settings:var(--kbq-risk-level-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-risk-level-font-text-letter-spacing, normal)}\n", ".kbq-risk-level{--kbq-risk-level-size-padding-vertical: 2px;--kbq-risk-level-size-padding-horizontal: 8px;--kbq-risk-level-size-border-width: 1px;--kbq-risk-level-size-border-radius: 4px;--kbq-risk-level-font-text-font-size: 18px;--kbq-risk-level-font-text-line-height: 26px;--kbq-risk-level-font-text-letter-spacing: normal;--kbq-risk-level-font-text-font-weight: 600;--kbq-risk-level-font-text-text-transform: null;--kbq-risk-level-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-risk-level-font-text-font-family: var(--kbq-typography-subheading-font-family)}:root{--kbq-typography-subheading-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 15%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 33%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 40%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-risk-level-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-risk-level-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-risk-level-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-risk-level-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%);--kbq-risk-level-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-risk-level-filled-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-risk-level-filled-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-risk-level-filled-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-risk-level-filled-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-contrast-background: transparent;--kbq-risk-level-outline-fade-on-contrast-text: hsla(229, 15%, 80%, 100%);--kbq-risk-level-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-risk-level-outline-fade-on-success-background: transparent;--kbq-risk-level-outline-fade-on-success-text: hsla(104, 64%, 45%, 100%);--kbq-risk-level-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-risk-level-outline-fade-on-warning-background: transparent;--kbq-risk-level-outline-fade-on-warning-text: hsla(38, 100%, 60%, 100%);--kbq-risk-level-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-risk-level-outline-fade-on-error-background: transparent;--kbq-risk-level-outline-fade-on-error-text: hsla(7, 97%, 60%, 100%);--kbq-risk-level-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%)}\n"] }]
         }], propDecorators: { outline: [{
                 type: Input
             }], riskLevelColor: [{

package/fesm2022/koobiq-components-risk-level.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-risk-level.mjs","sources":["../../../packages/components/risk-level/risk-level.component.ts","../../../packages/components/risk-level/risk-level.module.ts","../../../packages/components/risk-level/koobiq-components-risk-level.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nexport enum KbqRiskLevelColors {\n    FadeContrast = 'fade-contrast',\n    FadeSuccess = 'fade-success',\n    FadeWarning = 'fade-warning',\n    FadeError = 'fade-error',\n\n    Success = 'success',\n    Warning = 'warning',\n    Error = 'error'\n}\n\n@Component({\n    selector: 'kbq-risk-level',\n    template: '<ng-content />',\n    styleUrls: ['risk-level.component.scss', 'risk-level-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-risk-level',\n        '[class.kbq-risk-level_filled]': '!outline',\n        '[class.kbq-risk-level_outline]': 'outline',\n        '[class]': 'riskLevelColor'\n    }\n})\nexport class KbqRiskLevel {\n    @Input() outline: boolean = false;\n\n    @Input()\n    get riskLevelColor(): string {\n        return `kbq-risk-level_${this._riskLevelColor}`;\n    }\n\n    set riskLevelColor(value: string | KbqRiskLevelColors) {\n        this._riskLevelColor = value || KbqRiskLevelColors.FadeContrast;\n    }\n\n    private _riskLevelColor: string | KbqRiskLevelColors = KbqRiskLevelColors.FadeContrast;\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqRiskLevel } from './risk-level.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule\n    ],\n    declarations: [KbqRiskLevel],\n    exports: [KbqRiskLevel]\n})\nexport class KbqRiskLevelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAEY,mBASX;AATD,CAAA,UAAY,kBAAkB,EAAA;AAC1B,IAAA,kBAAA,CAAA,cAAA,CAAA,GAAA,eAA8B,CAAA;AAC9B,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC5B,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC5B,IAAA,kBAAA,CAAA,WAAA,CAAA,GAAA,YAAwB,CAAA;AAExB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,kBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACnB,CAAC,EATW,kBAAkB,KAAlB,kBAAkB,GAS7B,EAAA,CAAA,CAAA,CAAA;MAeY,YAAY,CAAA;AAbzB,IAAA,WAAA,GAAA;QAca,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AAW1B,QAAA,IAAA,CAAA,eAAe,GAAgC,kBAAkB,CAAC,YAAY,CAAC;AAC1F,KAAA;AAVG,IAAA,IACI,cAAc,GAAA;AACd,QAAA,OAAO,CAAkB,eAAA,EAAA,IAAI,CAAC,eAAe,EAAE,CAAC;KACnD;IAED,IAAI,cAAc,CAAC,KAAkC,EAAA;QACjD,IAAI,CAAC,eAAe,GAAG,KAAK,IAAI,kBAAkB,CAAC,YAAY,CAAC;KACnE;iIAVQ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,qSAXX,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8tGAAA,EAAA,g6IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAbxB,SAAS;+BACI,gBAAgB,EAAA,QAAA,EAChB,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,+BAA+B,EAAE,UAAU;AAC3C,wBAAA,gCAAgC,EAAE,SAAS;AAC3C,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA,EAAA,MAAA,EAAA,CAAA,8tGAAA,EAAA,g6IAAA,CAAA,EAAA,CAAA;8BAGQ,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGF,cAAc,EAAA,CAAA;sBADjB,KAAK;;;MChBG,kBAAkB,CAAA;iIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,YAAY,CAAA,EAAA,OAAA,EAAA,CAHvB,UAAU;AACV,YAAA,cAAc,aAGR,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;AAEb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YANvB,UAAU;YACV,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKT,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,UAAU;wBACV,cAAc;AACjB,qBAAA;oBACD,YAAY,EAAE,CAAC,YAAY,CAAC;oBAC5B,OAAO,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"koobiq-components-risk-level.mjs","sources":["../../../packages/components/risk-level/risk-level.component.ts","../../../packages/components/risk-level/risk-level.module.ts","../../../packages/components/risk-level/koobiq-components-risk-level.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\n\nexport enum KbqRiskLevelColors {\n    FadeContrast = 'fade-contrast',\n    FadeSuccess = 'fade-success',\n    FadeWarning = 'fade-warning',\n    FadeError = 'fade-error',\n\n    Success = 'success',\n    Warning = 'warning',\n    Error = 'error'\n}\n\n@Component({\n    selector: 'kbq-risk-level',\n    template: '<ng-content />',\n    styleUrls: ['risk-level.component.scss', 'risk-level-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-risk-level',\n        '[class.kbq-risk-level_filled]': '!outline',\n        '[class.kbq-risk-level_outline]': 'outline',\n        '[class]': 'riskLevelColor'\n    }\n})\nexport class KbqRiskLevel {\n    @Input() outline: boolean = false;\n\n    @Input()\n    get riskLevelColor(): string {\n        return `kbq-risk-level_${this._riskLevelColor}`;\n    }\n\n    set riskLevelColor(value: string | KbqRiskLevelColors) {\n        this._riskLevelColor = value || KbqRiskLevelColors.FadeContrast;\n    }\n\n    private _riskLevelColor: string | KbqRiskLevelColors = KbqRiskLevelColors.FadeContrast;\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqRiskLevel } from './risk-level.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule\n    ],\n    declarations: [KbqRiskLevel],\n    exports: [KbqRiskLevel]\n})\nexport class KbqRiskLevelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;IAEY,mBASX;AATD,CAAA,UAAY,kBAAkB,EAAA;AAC1B,IAAA,kBAAA,CAAA,cAAA,CAAA,GAAA,eAA8B,CAAA;AAC9B,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC5B,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC5B,IAAA,kBAAA,CAAA,WAAA,CAAA,GAAA,YAAwB,CAAA;AAExB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,kBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACnB,CAAC,EATW,kBAAkB,KAAlB,kBAAkB,GAS7B,EAAA,CAAA,CAAA,CAAA;MAeY,YAAY,CAAA;AAbzB,IAAA,WAAA,GAAA;QAca,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AAW1B,QAAA,IAAA,CAAA,eAAe,GAAgC,kBAAkB,CAAC,YAAY,CAAC;AAC1F,KAAA;AAVG,IAAA,IACI,cAAc,GAAA;AACd,QAAA,OAAO,CAAkB,eAAA,EAAA,IAAI,CAAC,eAAe,EAAE,CAAC;KACnD;IAED,IAAI,cAAc,CAAC,KAAkC,EAAA;QACjD,IAAI,CAAC,eAAe,GAAG,KAAK,IAAI,kBAAkB,CAAC,YAAY,CAAC;KACnE;iIAVQ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,qSAXX,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8tGAAA,EAAA,4/IAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAWjB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAbxB,SAAS;+BACI,gBAAgB,EAAA,QAAA,EAChB,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,+BAA+B,EAAE,UAAU;AAC3C,wBAAA,gCAAgC,EAAE,SAAS;AAC3C,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA,EAAA,MAAA,EAAA,CAAA,8tGAAA,EAAA,4/IAAA,CAAA,EAAA,CAAA;8BAGQ,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGF,cAAc,EAAA,CAAA;sBADjB,KAAK;;;MChBG,kBAAkB,CAAA;iIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;kIAAlB,kBAAkB,EAAA,YAAA,EAAA,CAHZ,YAAY,CAAA,EAAA,OAAA,EAAA,CAHvB,UAAU;AACV,YAAA,cAAc,aAGR,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;AAEb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YANvB,UAAU;YACV,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKT,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,UAAU;wBACV,cAAc;AACjB,qBAAA;oBACD,YAAY,EAAE,CAAC,YAAY,CAAC;oBAC5B,OAAO,EAAE,CAAC,YAAY,CAAC;AAC1B,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/koobiq-components-select.mjs

@@ -1028,7 +1028,7 @@ class KbqSelect extends KbqSelectMixinBase {
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.0", type: KbqSelect, selector: "kbq-select", inputs: { disabled: "disabled", tabIndex: "tabIndex", hiddenItemsText: "hiddenItemsText", panelClass: "panelClass", backdropClass: "backdropClass", errorStateMatcher: "errorStateMatcher", sortComparator: "sortComparator", hasBackdrop: "hasBackdrop", placeholder: "placeholder", required: "required", multiple: "multiple", compareWith: "compareWith", value: "value", id: "id", hiddenItemsTextFormatter: "hiddenItemsTextFormatter" }, outputs: { openedChange: "openedChange", openedStream: "opened", closedStream: "closed", selectionChange: "selectionChange", valueChange: "valueChange" }, host: { listeners: { "click": "toggle()", "keydown": "handleKeydown($event)", "focus": "onFocus()", "blur": "onBlur()", "window:resize": "calculateHiddenItems()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null", "class.kbq-disabled": "disabled", "class.kbq-invalid": "errorState" }, classAttribute: "kbq-select" }, providers: [
             { provide: KbqFormFieldControl, useExisting: KbqSelect },
             { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqSelect }
-        ], queries: [{ propertyName: "footer", first: true, predicate: KbqSelectFooter, descendants: true, read: ElementRef }, { propertyName: "cdkVirtualForOf", first: true, predicate: CdkVirtualForOf, descendants: true }, { propertyName: "customTrigger", first: true, predicate: KbqSelectTrigger, descendants: true }, { propertyName: "customMatcher", first: true, predicate: KbqSelectMatcher, descendants: true }, { propertyName: "customTagTemplateRef", first: true, predicate: ["kbqSelectTagContent"], descendants: true, read: TemplateRef }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }, { propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true }, { propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "tags", predicate: KbqTag, descendants: true }], exportAs: ["kbqSelect"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <select\n        class=\"cdk-visually-hidden\"\n        [id]=\"id\"\n    ></select>\n\n    @if (!!customMatcher) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder || '\\u00A0' }}\n                </span>\n            }\n            @if (!empty) {\n                <span>\n                    @if (!!customTrigger) {\n                        <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                    } @else {\n                        <div class=\"kbq-select__match-container\">\n                            @if (multiple) {\n                                <div class=\"kbq-select__match-list\">\n                                    @if (!customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <kbq-tag\n                                                [class.kbq-error]=\"errorState\"\n                                                [disabled]=\"option.disabled || disabled\"\n                                                [selectable]=\"false\"\n                                            >\n                                                {{ option.viewValue }}\n                                                @if (!option.disabled && !disabled) {\n                                                    <i\n                                                        kbq-icon=\"mc-close-S_16\"\n                                                        kbqTagRemove\n                                                        (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                    ></i>\n                                                }\n                                            </kbq-tag>\n                                        }\n                                    }\n                                    @if (customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"$any(customTagTemplateRef)\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                            />\n                                        }\n                                    }\n                                </div>\n                            } @else {\n                                <span class=\"kbq-select__matcher-text\">\n                                    {{ triggerValue }}\n                                </span>\n                            }\n                            <div\n                                class=\"kbq-select__match-hidden-text\"\n                                [style.display]=\"hiddenItems > 0 ? 'block' : 'none'\"\n                            >\n                                {{ hiddenItemsTextFormatter(hiddenItemsText, hiddenItems) }}\n                            </div>\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (canShowCleaner) {\n                <div\n                    class=\"kbq-select__cleaner\"\n                    (click)=\"clearValue($event)\"\n                >\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i\n                    kbq-icon=\"mc-angle-down-S_16\"\n                    class=\"kbq-select__arrow\"\n                    [color]=\"'contrast-fade'\"\n                ></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPanelClass]=\"'kbq-select-overlay'\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content kbq-scrollbar\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-select,.kbq-select__panel{--kbq-size-xxs: 4px;--kbq-size-m: 12px;--kbq-option-size-horizontal-padding: 12px;--kbq-option-size-height: 32px;--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: 12px;--kbq-select-size-single-padding-right: 4px;--kbq-select-size-single-padding-vertical: 6px;--kbq-select-size-single-content-gap: 4px;--kbq-select-size-multiple-padding-left: 4px;--kbq-select-size-multiple-padding-right: 4px;--kbq-select-size-multiple-padding-vertical: 4px;--kbq-select-size-multiple-content-gap: 4px;--kbq-select-font-default-font-size: 14px;--kbq-select-font-default-line-height: 20px;--kbq-select-font-default-letter-spacing: -.006em;--kbq-select-font-default-font-weight: normal;--kbq-select-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-select-font-default-text-transform: null;--kbq-select-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-select-panel-size-border-radius: 8px;--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: 14px;--kbq-select-panel-font-default-line-height: 20px;--kbq-select-panel-font-default-letter-spacing: -.006em;--kbq-select-panel-font-default-font-weight: normal;--kbq-select-panel-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-select-panel-font-default-text-transform: null;--kbq-select-panel-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 15%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 6%, 12%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 80%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 22%, 100%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%)}\n"], dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i6.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "component", type: i7.KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: ["color", "selected", "value", "selectable", "removable", "tabindex", "disabled"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["kbqTag"] }, { kind: "directive", type: i7.KbqTagRemove, selector: "[kbqTagRemove]" }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+        ], queries: [{ propertyName: "footer", first: true, predicate: KbqSelectFooter, descendants: true, read: ElementRef }, { propertyName: "cdkVirtualForOf", first: true, predicate: CdkVirtualForOf, descendants: true }, { propertyName: "customTrigger", first: true, predicate: KbqSelectTrigger, descendants: true }, { propertyName: "customMatcher", first: true, predicate: KbqSelectMatcher, descendants: true }, { propertyName: "customTagTemplateRef", first: true, predicate: ["kbqSelectTagContent"], descendants: true, read: TemplateRef }, { propertyName: "cleaner", first: true, predicate: ["kbqSelectCleaner"], descendants: true, static: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true }, { propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true }, { propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "tags", predicate: KbqTag, descendants: true }], exportAs: ["kbqSelect"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <select\n        class=\"cdk-visually-hidden\"\n        [id]=\"id\"\n    ></select>\n\n    @if (!!customMatcher) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder || '\\u00A0' }}\n                </span>\n            }\n            @if (!empty) {\n                <span>\n                    @if (!!customTrigger) {\n                        <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                    } @else {\n                        <div class=\"kbq-select__match-container\">\n                            @if (multiple) {\n                                <div class=\"kbq-select__match-list\">\n                                    @if (!customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <kbq-tag\n                                                [class.kbq-error]=\"errorState\"\n                                                [disabled]=\"option.disabled || disabled\"\n                                                [selectable]=\"false\"\n                                            >\n                                                {{ option.viewValue }}\n                                                @if (!option.disabled && !disabled) {\n                                                    <i\n                                                        kbq-icon=\"mc-close-S_16\"\n                                                        kbqTagRemove\n                                                        (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                    ></i>\n                                                }\n                                            </kbq-tag>\n                                        }\n                                    }\n                                    @if (customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"$any(customTagTemplateRef)\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                            />\n                                        }\n                                    }\n                                </div>\n                            } @else {\n                                <span class=\"kbq-select__matcher-text\">\n                                    {{ triggerValue }}\n                                </span>\n                            }\n                            <div\n                                class=\"kbq-select__match-hidden-text\"\n                                [style.display]=\"hiddenItems > 0 ? 'block' : 'none'\"\n                            >\n                                {{ hiddenItemsTextFormatter(hiddenItemsText, hiddenItems) }}\n                            </div>\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (canShowCleaner) {\n                <div\n                    class=\"kbq-select__cleaner\"\n                    (click)=\"clearValue($event)\"\n                >\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i\n                    kbq-icon=\"mc-angle-down-S_16\"\n                    class=\"kbq-select__arrow\"\n                    [color]=\"'contrast-fade'\"\n                ></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPanelClass]=\"'kbq-select-overlay'\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content kbq-scrollbar\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-select,.kbq-select__panel{--kbq-size-xxs: 4px;--kbq-size-m: 12px;--kbq-option-size-horizontal-padding: 12px;--kbq-option-size-height: 32px;--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: 12px;--kbq-select-size-single-padding-right: 4px;--kbq-select-size-single-padding-vertical: 6px;--kbq-select-size-single-content-gap: 4px;--kbq-select-size-multiple-padding-left: 4px;--kbq-select-size-multiple-padding-right: 4px;--kbq-select-size-multiple-padding-vertical: 4px;--kbq-select-size-multiple-content-gap: 4px;--kbq-select-font-default-font-size: 14px;--kbq-select-font-default-line-height: 20px;--kbq-select-font-default-letter-spacing: -.006em;--kbq-select-font-default-font-weight: normal;--kbq-select-font-default-text-transform: null;--kbq-select-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-select-panel-size-border-radius: 8px;--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: 14px;--kbq-select-panel-font-default-line-height: 20px;--kbq-select-panel-font-default-letter-spacing: -.006em;--kbq-select-panel-font-default-font-weight: normal;--kbq-select-panel-font-default-text-transform: null;--kbq-select-panel-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-select-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 15%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 6%, 12%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 80%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 22%, 100%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%)}\n"], dependencies: [{ kind: "directive", type: i2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: i6.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "component", type: i7.KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: ["color", "selected", "value", "selectable", "removable", "tabindex", "disabled"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["kbqTag"] }, { kind: "directive", type: i7.KbqTagRemove, selector: "[kbqTagRemove]" }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             kbqSelectAnimations.transformPanel,
             kbqSelectAnimations.fadeInContent
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -1052,7 +1052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                     ], providers: [
                         { provide: KbqFormFieldControl, useExisting: KbqSelect },
                         { provide: KBQ_OPTION_PARENT_COMPONENT, useExisting: KbqSelect }
-                    ], template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <select\n        class=\"cdk-visually-hidden\"\n        [id]=\"id\"\n    ></select>\n\n    @if (!!customMatcher) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder || '\\u00A0' }}\n                </span>\n            }\n            @if (!empty) {\n                <span>\n                    @if (!!customTrigger) {\n                        <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                    } @else {\n                        <div class=\"kbq-select__match-container\">\n                            @if (multiple) {\n                                <div class=\"kbq-select__match-list\">\n                                    @if (!customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <kbq-tag\n                                                [class.kbq-error]=\"errorState\"\n                                                [disabled]=\"option.disabled || disabled\"\n                                                [selectable]=\"false\"\n                                            >\n                                                {{ option.viewValue }}\n                                                @if (!option.disabled && !disabled) {\n                                                    <i\n                                                        kbq-icon=\"mc-close-S_16\"\n                                                        kbqTagRemove\n                                                        (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                    ></i>\n                                                }\n                                            </kbq-tag>\n                                        }\n                                    }\n                                    @if (customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"$any(customTagTemplateRef)\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                            />\n                                        }\n                                    }\n                                </div>\n                            } @else {\n                                <span class=\"kbq-select__matcher-text\">\n                                    {{ triggerValue }}\n                                </span>\n                            }\n                            <div\n                                class=\"kbq-select__match-hidden-text\"\n                                [style.display]=\"hiddenItems > 0 ? 'block' : 'none'\"\n                            >\n                                {{ hiddenItemsTextFormatter(hiddenItemsText, hiddenItems) }}\n                            </div>\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (canShowCleaner) {\n                <div\n                    class=\"kbq-select__cleaner\"\n                    (click)=\"clearValue($event)\"\n                >\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i\n                    kbq-icon=\"mc-angle-down-S_16\"\n                    class=\"kbq-select__arrow\"\n                    [color]=\"'contrast-fade'\"\n                ></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPanelClass]=\"'kbq-select-overlay'\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content kbq-scrollbar\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-select,.kbq-select__panel{--kbq-size-xxs: 4px;--kbq-size-m: 12px;--kbq-option-size-horizontal-padding: 12px;--kbq-option-size-height: 32px;--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: 12px;--kbq-select-size-single-padding-right: 4px;--kbq-select-size-single-padding-vertical: 6px;--kbq-select-size-single-content-gap: 4px;--kbq-select-size-multiple-padding-left: 4px;--kbq-select-size-multiple-padding-right: 4px;--kbq-select-size-multiple-padding-vertical: 4px;--kbq-select-size-multiple-content-gap: 4px;--kbq-select-font-default-font-size: 14px;--kbq-select-font-default-line-height: 20px;--kbq-select-font-default-letter-spacing: -.006em;--kbq-select-font-default-font-weight: normal;--kbq-select-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-select-font-default-text-transform: null;--kbq-select-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-select-panel-size-border-radius: 8px;--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: 14px;--kbq-select-panel-font-default-line-height: 20px;--kbq-select-panel-font-default-letter-spacing: -.006em;--kbq-select-panel-font-default-font-weight: normal;--kbq-select-panel-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-select-panel-font-default-text-transform: null;--kbq-select-panel-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 15%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 6%, 12%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 80%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 22%, 100%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%)}\n"] }]
+                    ], template: "<div\n    #origin=\"cdkOverlayOrigin\"\n    #trigger\n    cdk-overlay-origin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    <select\n        class=\"cdk-visually-hidden\"\n        [id]=\"id\"\n    ></select>\n\n    @if (!!customMatcher) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder || '\\u00A0' }}\n                </span>\n            }\n            @if (!empty) {\n                <span>\n                    @if (!!customTrigger) {\n                        <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                    } @else {\n                        <div class=\"kbq-select__match-container\">\n                            @if (multiple) {\n                                <div class=\"kbq-select__match-list\">\n                                    @if (!customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <kbq-tag\n                                                [class.kbq-error]=\"errorState\"\n                                                [disabled]=\"option.disabled || disabled\"\n                                                [selectable]=\"false\"\n                                            >\n                                                {{ option.viewValue }}\n                                                @if (!option.disabled && !disabled) {\n                                                    <i\n                                                        kbq-icon=\"mc-close-S_16\"\n                                                        kbqTagRemove\n                                                        (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                    ></i>\n                                                }\n                                            </kbq-tag>\n                                        }\n                                    }\n                                    @if (customTagTemplateRef) {\n                                        @for (option of triggerValues; track option) {\n                                            <ng-container\n                                                [ngTemplateOutlet]=\"$any(customTagTemplateRef)\"\n                                                [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                            />\n                                        }\n                                    }\n                                </div>\n                            } @else {\n                                <span class=\"kbq-select__matcher-text\">\n                                    {{ triggerValue }}\n                                </span>\n                            }\n                            <div\n                                class=\"kbq-select__match-hidden-text\"\n                                [style.display]=\"hiddenItems > 0 ? 'block' : 'none'\"\n                            >\n                                {{ hiddenItemsTextFormatter(hiddenItemsText, hiddenItems) }}\n                            </div>\n                        </div>\n                    }\n                </span>\n            }\n\n            @if (canShowCleaner) {\n                <div\n                    class=\"kbq-select__cleaner\"\n                    (click)=\"clearValue($event)\"\n                >\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i\n                    kbq-icon=\"mc-angle-down-S_16\"\n                    class=\"kbq-select__arrow\"\n                    [color]=\"'contrast-fade'\"\n                ></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdk-connected-overlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\"\n    [cdkConnectedOverlayMinWidth]=\"triggerRect?.width!\"\n    [cdkConnectedOverlayOffsetY]=\"offsetY\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"origin\"\n    [cdkConnectedOverlayPanelClass]=\"'kbq-select-overlay'\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        class=\"kbq-select__panel {{ getPanelTheme() }}\"\n        [ngClass]=\"panelClass\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            class=\"kbq-select__content kbq-scrollbar\"\n            (@fadeInContent.done)=\"panelDoneAnimatingStream.next($event.toState)\"\n            [@fadeInContent]=\"'showing'\"\n        >\n            @if (isEmptySearchResult) {\n                <div class=\"kbq-select__no-options-message\">\n                    <ng-content select=\"[kbq-select-search-empty-result]\" />\n                </div>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__matcher{display:flex;align-items:center;width:100%;overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-form-field-size-border-width, 1px) * 2)}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-vertical, 6px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-single-padding-left, 12px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-right, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-vertical, 4px) - var(--kbq-form-field-size-border-width, 1px)) calc(var(--kbq-select-size-multiple-padding-left, 4px) - var(--kbq-form-field-size-border-width, 1px))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);max-height:calc(var(--kbq-form-field-size-height, 32px) - var(--kbq-select-size-multiple-padding-vertical, 4px) * 2);gap:var(--kbq-select-size-multiple-content-gap, 4px);margin-right:var(--kbq-select-size-multiple-content-gap, 4px)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{flex:0 0 70px;align-self:center;padding-left:4px;padding-right:var(--kbq-select-size-multiple-content-gap, 4px);text-align:right}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;padding:4px}.kbq-form-field-appearance-fill .kbq-select .kbq-select__arrow-wrapper,.kbq-form-field-appearance-standard .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-50%)}.kbq-form-field-appearance-outline .kbq-select .kbq-select__arrow-wrapper{transform:translateY(-25%)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, 8px)}.kbq-select__panel .kbq-optgroup-label,.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--kbq-option-size-height, 32px);cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, 12px);padding-right:var(--kbq-option-size-horizontal-padding, 12px);border:var(--kbq-option-size-border-width, 2px) solid transparent}.kbq-select__panel .kbq-select__search-container{border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{max-height:var(--kbq-select-panel-size-max-height, 256px);padding:4px 0;overflow:hidden auto}.kbq-select__panel .kbq-select__footer{display:flex;align-items:center;box-sizing:border-box;min-height:40px;border-top-width:1px;border-top-style:solid;padding:var(--kbq-size-xxs, 4px) var(--kbq-size-m, 12px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-form-field-type-select:not(.kbq-disabled) .kbq-form-field-flex{cursor:pointer}.kbq-select{color:var(--kbq-foreground-contrast, )}.kbq-select.ng-invalid{color:var(--kbq-error-default, )}.kbq-select.kbq-disabled{color:var(--kbq-foreground-text-disabled, )}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-foreground-text-disabled, )}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, )}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, )}.kbq-select__no-options-message{color:var(--kbq-foreground-text-less-contrast, )}.kbq-select{font-size:var(--kbq-select-font-default-font-size, 14px);font-weight:var(--kbq-select-font-default-font-weight, normal);line-height:var(--kbq-select-font-default-line-height, 20px);font-family:var(--kbq-select-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-font-default-text-transform, );font-feature-settings:var(--kbq-select-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-font-default-letter-spacing, -.006em)}.kbq-select__panel{font-size:var(--kbq-select-panel-font-default-font-size, 14px);font-weight:var(--kbq-select-panel-font-default-font-weight, normal);line-height:var(--kbq-select-panel-font-default-line-height, 20px);font-family:var(--kbq-select-panel-font-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-select-panel-font-default-text-transform, );font-feature-settings:var(--kbq-select-panel-font-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-select-panel-font-default-letter-spacing, -.006em)}\n", ".kbq-select,.kbq-select__panel{--kbq-size-xxs: 4px;--kbq-size-m: 12px;--kbq-option-size-horizontal-padding: 12px;--kbq-option-size-height: 32px;--kbq-option-size-border-width: 2px;--kbq-select-size-single-padding-left: 12px;--kbq-select-size-single-padding-right: 4px;--kbq-select-size-single-padding-vertical: 6px;--kbq-select-size-single-content-gap: 4px;--kbq-select-size-multiple-padding-left: 4px;--kbq-select-size-multiple-padding-right: 4px;--kbq-select-size-multiple-padding-vertical: 4px;--kbq-select-size-multiple-content-gap: 4px;--kbq-select-font-default-font-size: 14px;--kbq-select-font-default-line-height: 20px;--kbq-select-font-default-letter-spacing: -.006em;--kbq-select-font-default-font-weight: normal;--kbq-select-font-default-text-transform: null;--kbq-select-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-select-panel-size-border-radius: 8px;--kbq-select-panel-size-max-height: 256px;--kbq-select-panel-font-default-font-size: 14px;--kbq-select-panel-font-default-line-height: 20px;--kbq-select-panel-font-default-letter-spacing: -.006em;--kbq-select-panel-font-default-font-weight: normal;--kbq-select-panel-font-default-text-transform: null;--kbq-select-panel-font-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-select-font-default-font-family: var(--kbq-typography-text-normal-font-family);--kbq-select-panel-font-default-font-family: var(--kbq-typography-text-normal-font-family)}:root{--kbq-typography-text-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 15%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 6%, 12%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 100%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-error-default: hsla(7, 97%, 50%, 100%);--kbq-foreground-contrast: hsla(229, 15%, 80%, 100%);--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);--kbq-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);--kbq-foreground-text-less-contrast: hsla(229, 15%, 50%, 100%);--kbq-foreground-text-disabled: hsla(229, 15%, 70%, 100%);--kbq-divider-color: hsla(229, 15%, 22%, 100%);--kbq-select-panel-dropdown-background: hsla(229, 15%, 15%, 100%);--kbq-select-panel-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.ErrorStateMatcher }, { type: i0.ElementRef }, { type: i2.OverlayContainer }, { type: i3.Directionality, decorators: [{
                     type: Optional
                 }] }, { type: i4.NgForm, decorators: [{