@koobiq/components 21.0.1 → 21.1.0

package/fesm2022/koobiq-components-core.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { QueryList, InjectionToken, inject, ANIMATION_MODULE_TYPE, DestroyRef, MAX_ANIMATION_TIMEOUT, PLATFORM_ID, afterNextRender, ElementRef, signal, forwardRef, model, computed, untracked, Directive, linkedSignal, input, ChangeDetectorRef, LOCALE_ID, isDevMode, Injectable, Type, effect, EnvironmentInjector, numberAttribute, Renderer2, Injector, runInInjectionContext, NgModule, Pipe, contentChildren, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, EventEmitter, viewChild, ApplicationRef, TemplateRef, NgZone, ViewContainerRef, isWritableSignal, REQUEST, RendererFactory2, output, Version } from '@angular/core';
+import { QueryList, InjectionToken, inject, ANIMATION_MODULE_TYPE, DestroyRef, MAX_ANIMATION_TIMEOUT, PLATFORM_ID, afterNextRender, ElementRef, signal, forwardRef, model, computed, untracked, Directive, linkedSignal, input, ChangeDetectorRef, LOCALE_ID, isDevMode, Injectable, Type, effect, EnvironmentInjector, numberAttribute, Renderer2, Injector, runInInjectionContext, NgModule, Pipe, contentChildren, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, EventEmitter, viewChild, ApplicationRef, TemplateRef, RendererStyleFlags2, NgZone, ViewContainerRef, isWritableSignal, REQUEST, RendererFactory2, output, Version } from '@angular/core';
 import { Subject, Subscription, BehaviorSubject, defer, distinctUntilChanged, switchMap, EMPTY, asyncScheduler, of, timer, merge, fromEvent, map as map$1, Observable } from 'rxjs';
 import { tap, debounceTime, filter, map, distinctUntilChanged as distinctUntilChanged$1, delay } from 'rxjs/operators';
 import { _getEventTarget, _getFocusedElementPierceShadowDom, Platform, _getShadowRoot } from '@angular/cdk/platform';
@@ -18,131 +18,252 @@ import { Directionality } from '@angular/cdk/bidi';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 
+/** @docs-private */
 const MAC_ENTER = 3;
+/** @docs-private */
 const BACKSPACE = 8;
+/** @docs-private */
 const TAB = 9;
+/** @docs-private */
 const NUM_CENTER = 12;
+/** @docs-private */
 const ENTER = 13;
+/** @docs-private */
 const SHIFT = 16;
+/** @docs-private */
 const CONTROL = 17;
+/** @docs-private */
 const ALT = 18;
+/** @docs-private */
 const PAUSE = 19;
+/** @docs-private */
 const CAPS_LOCK = 20;
+/** @docs-private */
 const ESCAPE = 27;
+/** @docs-private */
 const SPACE = 32;
+/** @docs-private */
 const PAGE_UP = 33;
+/** @docs-private */
 const PAGE_DOWN = 34;
+/** @docs-private */
 const END = 35;
+/** @docs-private */
 const HOME = 36;
+/** @docs-private */
 const LEFT_ARROW = 37;
+/** @docs-private */
 const UP_ARROW = 38;
+/** @docs-private */
 const RIGHT_ARROW = 39;
+/** @docs-private */
 const DOWN_ARROW = 40;
+/** @docs-private */
 const PLUS_SIGN = 43;
+/** @docs-private */
 const PRINT_SCREEN = 44;
+/** @docs-private */
 const INSERT = 45;
+/** @docs-private */
 const DELETE = 46;
+/** @docs-private */
 const ZERO = 48;
+/** @docs-private */
 const ONE = 49;
+/** @docs-private */
 const TWO = 50;
+/** @docs-private */
 const THREE = 51;
+/** @docs-private */
 const FOUR = 52;
+/** @docs-private */
 const FIVE = 53;
+/** @docs-private */
 const SIX = 54;
+/** @docs-private */
 const SEVEN = 55;
+/** @docs-private */
 const EIGHT = 56;
+/** @docs-private */
 const NINE = 57;
+/** @docs-private */
 const FF_SEMICOLON = 59; // Firefox (Gecko) fires this for semicolon instead of 186
+/** @docs-private */
 const FF_EQUALS = 61; // Firefox (Gecko) fires this for equals instead of 187
+/** @docs-private */
 const QUESTION_MARK = 63;
+/** @docs-private */
 const AT_SIGN = 64;
+/** @docs-private */
 const A = 65;
+/** @docs-private */
 const B = 66;
+/** @docs-private */
 const C = 67;
+/** @docs-private */
 const D = 68;
+/** @docs-private */
 const E = 69;
+/** @docs-private */
 const F = 70;
+/** @docs-private */
 const G = 71;
+/** @docs-private */
 const H = 72;
+/** @docs-private */
 const I = 73;
+/** @docs-private */
 const J = 74;
+/** @docs-private */
 const K = 75;
+/** @docs-private */
 const L = 76;
+/** @docs-private */
 const M = 77;
+/** @docs-private */
 const N = 78;
+/** @docs-private */
 const O = 79;
+/** @docs-private */
 const P = 80;
+/** @docs-private */
 const Q = 81;
+/** @docs-private */
 const R = 82;
+/** @docs-private */
 const S = 83;
+/** @docs-private */
 const T = 84;
+/** @docs-private */
 const U = 85;
+/** @docs-private */
 const V = 86;
+/** @docs-private */
 const W = 87;
+/** @docs-private */
 const X = 88;
+/** @docs-private */
 const Y = 89;
+/** @docs-private */
 const Z = 90;
+/** @docs-private */
 const META = 91; // WIN_KEY_LEFT
+/** @docs-private */
 const MAC_WK_CMD_LEFT = 91;
+/** @docs-private */
 const MAC_WK_CMD_RIGHT = 93;
+/** @docs-private */
 const CONTEXT_MENU = 93;
+/** @docs-private */
 const NUMPAD_ZERO = 96;
+/** @docs-private */
 const NUMPAD_ONE = 97;
+/** @docs-private */
 const NUMPAD_TWO = 98;
+/** @docs-private */
 const NUMPAD_THREE = 99;
+/** @docs-private */
 const NUMPAD_FOUR = 100;
+/** @docs-private */
 const NUMPAD_FIVE = 101;
+/** @docs-private */
 const NUMPAD_SIX = 102;
+/** @docs-private */
 const NUMPAD_SEVEN = 103;
+/** @docs-private */
 const NUMPAD_EIGHT = 104;
+/** @docs-private */
 const NUMPAD_NINE = 105;
+/** @docs-private */
 const NUMPAD_MULTIPLY = 106;
+/** @docs-private */
 const NUMPAD_PLUS = 107;
+/** @docs-private */
 const NUMPAD_MINUS = 109;
+/** @docs-private */
 const NUMPAD_PERIOD = 110;
+/** @docs-private */
 const NUMPAD_DIVIDE = 111;
+/** @docs-private */
 const F1 = 112;
+/** @docs-private */
 const F2 = 113;
+/** @docs-private */
 const F3 = 114;
+/** @docs-private */
 const F4 = 115;
+/** @docs-private */
 const F5 = 116;
+/** @docs-private */
 const F6 = 117;
+/** @docs-private */
 const F7 = 118;
+/** @docs-private */
 const F8 = 119;
+/** @docs-private */
 const F9 = 120;
+/** @docs-private */
 const F10 = 121;
+/** @docs-private */
 const F11 = 122;
+/** @docs-private */
 const F12 = 123;
+/** @docs-private */
 const NUM_LOCK = 144;
+/** @docs-private */
 const SCROLL_LOCK = 145;
+/** @docs-private */
 const FIRST_MEDIA = 166;
+/** @docs-private */
 const FF_MINUS = 173;
+/** @docs-private */
 const MUTE = 173; // Firefox (Gecko) fires 181 for MUTE
+/** @docs-private */
 const VOLUME_DOWN = 174; // Firefox (Gecko) fires 182 for VOLUME_DOWN
+/** @docs-private */
 const VOLUME_UP = 175; // Firefox (Gecko) fires 183 for VOLUME_UP
+/** @docs-private */
 const FF_MUTE = 181;
+/** @docs-private */
 const FF_VOLUME_DOWN = 182;
+/** @docs-private */
 const LAST_MEDIA = 183;
+/** @docs-private */
 const FF_VOLUME_UP = 183;
+/** @docs-private */
 const SEMICOLON = 186; // Firefox (Gecko) fires 59 for SEMICOLON
+/** @docs-private */
 const EQUALS = 187; // Firefox (Gecko) fires 61 for EQUALS
+/** @docs-private */
 const COMMA = 188;
+/** @docs-private */
 const DASH = 189; // Firefox (Gecko) fires 173 for DASH/MINUS
+/** @docs-private */
 const PERIOD = 190;
+/** @docs-private */
 const SLASH = 191;
+/** @docs-private */
 const APOSTROPHE = 192;
+/** @docs-private */
 const TILDE = 192;
+/** @docs-private */
 const OPEN_SQUARE_BRACKET = 219;
+/** @docs-private */
 const BACKSLASH = 220;
+/** @docs-private */
 const CLOSE_SQUARE_BRACKET = 221;
+/** @docs-private */
 const SINGLE_QUOTE = 222;
+/** @docs-private */
 const MAC_META = 224;
+/** @docs-private */
 function hasModifierKey(event, ...modifiers) {
     if (modifiers.length) {
         return modifiers.some((modifier) => event[modifier]);
     }
     return event.altKey || event.shiftKey || event.ctrlKey || event.metaKey;
 }
+/** @docs-private */
 function isControl(event) {
     const keyCode = event.keyCode;
     switch (keyCode) {
@@ -154,41 +275,56 @@ function isControl(event) {
             return event.metaKey;
     }
 }
+/** @docs-private */
 function isNumberKey({ keyCode }) {
     return keyCode >= ZERO && keyCode <= NINE;
 }
+/** @docs-private */
 function isNumpadKey({ keyCode }) {
     return keyCode >= NUMPAD_ZERO && keyCode <= NUMPAD_NINE;
 }
+/** @docs-private */
 function isLetterKey({ keyCode }) {
     return keyCode >= A && keyCode <= Z;
 }
+/** @docs-private */
 function isFunctionKey({ keyCode }) {
     return keyCode >= F1 && keyCode <= F12;
 }
+/** @docs-private */
 function isVerticalMovement({ keyCode }) {
     return [UP_ARROW, DOWN_ARROW, PAGE_DOWN, PAGE_UP, HOME, END].includes(keyCode);
 }
+/** @docs-private */
 function isHorizontalMovement({ keyCode }) {
     return [LEFT_ARROW, RIGHT_ARROW, BACKSPACE, DELETE].includes(keyCode);
 }
+/** @docs-private */
 function isSelectAll(event) {
     return (event.ctrlKey || event.metaKey) && event.keyCode === A;
 }
+/** @docs-private */
 function isCopy(event) {
     return (event.ctrlKey || event.metaKey) && event.keyCode === C;
 }
+/** @docs-private */
 function isInput$1(event) {
     const target = _getEventTarget(event);
     return !!target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA');
 }
+/** @docs-private */
 function isLeftBracket(event) {
     return event.code === 'BracketLeft';
 }
+/** @docs-private */
 function isRightBracket(event) {
     return event.code === 'BracketRight';
 }
-/** @deprecated Use {@link isNumberKey}, which checks the same keys. Will be removed in 22.0.0. */
+/**
+ * @deprecated Use {@link isNumberKey}, which checks the same keys. Will be removed in 22.0.0.
+ *
+ * @docs-private
+ */
 function isDigit({ keyCode }) {
     return [ZERO, ONE, TWO, THREE, FOUR, FIVE, SIX, SEVEN, EIGHT, NINE].includes(keyCode);
 }
@@ -5217,12 +5353,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                 }]
         }] });
 class KbqRelativeLongDatePipe extends BaseLocaleAwareFormatterPipe {
-    transform(value) {
-        return super.transform(value);
+    transform(value, options) {
+        return super.transform(value, options);
     }
-    format(value) {
+    format(value, options) {
         const date = toValidDate(this.adapter, value);
-        return date ? this.formatter.relativeLongDate(date) : '';
+        return date ? this.formatter.relativeLongDate(date, options) : '';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqRelativeLongDatePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
     /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqRelativeLongDatePipe, isStandalone: true, name: "kbqRelativeLongDate", pure: false }); }
@@ -5235,12 +5371,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                 }]
         }] });
 class KbqRelativeShortDatePipe extends BaseLocaleAwareFormatterPipe {
-    transform(value) {
-        return super.transform(value);
+    transform(value, options) {
+        return super.transform(value, options);
     }
-    format(value) {
+    format(value, options) {
         const date = toValidDate(this.adapter, value);
-        return date ? this.formatter.relativeShortDate(date) : '';
+        return date ? this.formatter.relativeShortDate(date, options) : '';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqRelativeShortDatePipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
     /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqRelativeShortDatePipe, isStandalone: true, name: "kbqRelativeShortDate", pure: false }); }
@@ -6693,7 +6829,7 @@ class KbqOptionActionComponent {
         /**
          * Value of the `disabled` and `aria-disabled` attributes.
          *
-         * @internal
+         * @docs-private
          */
         this.disabledAttribute = computed(() => this.disabled() || null, ...(ngDevMode ? [{ debugName: "disabledAttribute" }] : /* istanbul ignore next */ []));
         this.hasFocus = false;
@@ -6892,7 +7028,7 @@ function resolveMultipleMode(value) {
     if (checkboxAliases.includes(value)) {
         return MultipleMode.CHECKBOX;
     }
-    if (!singleAliases.includes(value) && (typeof ngDevMode === 'undefined' || ngDevMode)) {
+    if (!singleAliases.includes(value) && isDevMode()) {
         // eslint-disable-next-line no-console
         console.warn(`Unsupported \`multiple\` value ${JSON.stringify(value)}, falling back to single selection. ` +
             `Expected ${modes.map((mode) => `"${mode}"`).join(', ')}, an empty value or a boolean. ` +
@@ -6921,7 +7057,7 @@ class KbqPseudoCheckbox extends KbqColorDirective {
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPseudoCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: KbqPseudoCheckbox, isStandalone: true, selector: "kbq-pseudo-checkbox", inputs: { big: { classPropertyName: "big", publicName: "big", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-pseudo-checkbox_big": "big()", "class.kbq-indeterminate": "state() === \"indeterminate\"", "class.kbq-checked": "state() === true || state() === \"checked\"", "class.kbq-disabled": "disabled()" }, classAttribute: "kbq-pseudo-checkbox" }, usesInheritance: true, ngImport: i0, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;border-radius:var(--kbq-checkbox-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-normal-border-radius) * 1.85,var(--kbq-checkbox-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-normal-border-radius) * 2)}}.kbq-pseudo-checkbox{cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-width:var(--kbq-checkbox-size-big-border-width);border-radius:var(--kbq-checkbox-size-big-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-big-border-radius) * 1.85,var(--kbq-checkbox-size-big-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-big-border-radius) * 2)}}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: KbqPseudoCheckbox, isStandalone: true, selector: "kbq-pseudo-checkbox", inputs: { big: { classPropertyName: "big", publicName: "big", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-pseudo-checkbox_big": "big()", "class.kbq-indeterminate": "state() === \"indeterminate\"", "class.kbq-checked": "state() === true || state() === \"checked\"", "class.kbq-disabled": "disabled()" }, classAttribute: "kbq-pseudo-checkbox" }, usesInheritance: true, ngImport: i0, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;border-radius:var(--kbq-checkbox-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-normal-border-radius) * 1.85,var(--kbq-checkbox-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-normal-border-radius) * 2)}}.kbq-pseudo-checkbox{cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-width:var(--kbq-checkbox-size-big-border-width);border-radius:var(--kbq-checkbox-size-big-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-big-border-radius) * 1.85,var(--kbq-checkbox-size-big-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-big-border-radius) * 2)}}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqPseudoCheckbox, decorators: [{
             type: Component,
@@ -6931,7 +7067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                         '[class.kbq-indeterminate]': 'state() === "indeterminate"',
                         '[class.kbq-checked]': 'state() === true || state() === "checked"',
                         '[class.kbq-disabled]': 'disabled()'
-                    }, preserveWhitespaces: false, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;border-radius:var(--kbq-checkbox-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-normal-border-radius) * 1.85,var(--kbq-checkbox-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-normal-border-radius) * 2)}}.kbq-pseudo-checkbox{cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-width:var(--kbq-checkbox-size-big-border-width);border-radius:var(--kbq-checkbox-size-big-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-big-border-radius) * 1.85,var(--kbq-checkbox-size-big-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-big-border-radius) * 2)}}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-default-caption: var(--kbq-foreground-contrast-secondary);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"] }]
+                    }, preserveWhitespaces: false, template: "<i class=\"kbq-checkbox-checkmark kbq kbq-check-s_16\"></i>\n<i class=\"kbq-checkbox-mixedmark kbq kbq-minus-s_16\"></i>\n", styles: [".kbq-pseudo-checkbox{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--kbq-checkbox-size-normal-width);height:var(--kbq-checkbox-size-normal-width);border-width:var(--kbq-checkbox-size-normal-border-width);border-style:solid;border-radius:var(--kbq-checkbox-size-normal-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-normal-border-radius) * 1.85,var(--kbq-checkbox-size-normal-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-normal-border-radius) * 2)}}.kbq-pseudo-checkbox{cursor:pointer;vertical-align:middle;flex-shrink:0}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{display:none}.kbq-pseudo-checkbox.kbq-checked .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-indeterminate .kbq-checkbox-mixedmark{display:inline-block}.kbq-pseudo-checkbox.kbq-disabled{cursor:default}.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{width:var(--kbq-checkbox-size-big-width);height:var(--kbq-checkbox-size-big-width);border-width:var(--kbq-checkbox-size-big-border-width);border-radius:var(--kbq-checkbox-size-big-border-radius)}@supports (corner-shape: squircle){.kbq-pseudo-checkbox.kbq-pseudo-checkbox_big{corner-shape:squircle;border-radius:clamp(var(--kbq-checkbox-size-big-border-radius) * 1.85,var(--kbq-checkbox-size-big-border-radius) * 2.3 - 3.6px,var(--kbq-checkbox-size-big-border-radius) * 2)}}.kbq-pseudo-checkbox{border-color:var(--kbq-checkbox-theme-default-border);background:var(--kbq-checkbox-theme-default-background)}.kbq-pseudo-checkbox .kbq-checkbox-checkmark,.kbq-pseudo-checkbox .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-default-color)}.kbq-pseudo-checkbox.kbq-checked,.kbq-pseudo-checkbox.kbq-indeterminate{border-color:var(--kbq-checkbox-theme-states-checked-border);background:var(--kbq-checkbox-theme-states-checked-background)}.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-theme-states-disabled-color)}.kbq-pseudo-checkbox.kbq-disabled{border-color:var(--kbq-checkbox-theme-states-disabled-border);background:var(--kbq-checkbox-theme-states-disabled-background)}.kbq-pseudo-checkbox.kbq-error{border-color:var(--kbq-checkbox-error-default-border);background:var(--kbq-checkbox-error-default-background)}.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-default-color)}.kbq-pseudo-checkbox.kbq-error.kbq-checked,.kbq-pseudo-checkbox.kbq-error.kbq-indeterminate{border-color:var(--kbq-checkbox-error-states-checked-border);background:var(--kbq-checkbox-error-states-checked-background)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-checkmark,.kbq-pseudo-checkbox.kbq-error.kbq-disabled .kbq-checkbox-mixedmark{color:var(--kbq-checkbox-error-states-disabled-color)}.kbq-pseudo-checkbox.kbq-error.kbq-disabled{border-color:var(--kbq-checkbox-error-states-disabled-border);background:var(--kbq-checkbox-error-states-disabled-background)}\n", ".kbq-pseudo-checkbox{--kbq-checkbox-size-normal-width: var(--kbq-size-l);--kbq-checkbox-size-normal-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-normal-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-normal-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-normal-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-normal-top: var(--kbq-size-3xs);--kbq-checkbox-size-big-width: var(--kbq-size-l);--kbq-checkbox-size-big-border-width: var(--kbq-size-border-width);--kbq-checkbox-size-big-border-radius: var(--kbq-size-xxs);--kbq-checkbox-size-big-horizontal-content-padding: var(--kbq-size-s);--kbq-checkbox-size-big-vertical-content-padding: var(--kbq-size-3xs);--kbq-checkbox-size-big-top: var(--kbq-size-xxs);--kbq-checkbox-theme-default-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-default-color: var(--kbq-icon-white);--kbq-checkbox-theme-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-theme-default-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-hover-border: var(--kbq-line-contrast-fade);--kbq-checkbox-theme-states-hover-background: var(--kbq-states-background-transparent-hover);--kbq-checkbox-theme-states-checked-border: transparent;--kbq-checkbox-theme-states-checked-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-hover-border: transparent;--kbq-checkbox-theme-states-checked-hover-background: var(--kbq-states-background-theme-hover);--kbq-checkbox-theme-states-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-focused-background: var(--kbq-background-bg);--kbq-checkbox-theme-states-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-border: var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-checked-focused-background: var(--kbq-background-theme);--kbq-checkbox-theme-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-theme);--kbq-checkbox-theme-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-theme-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-theme-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-theme-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-theme-states-disabled-caption: var(--kbq-states-icon-disabled);--kbq-checkbox-error-default-border: var(--kbq-line-error);--kbq-checkbox-error-default-color: var(--kbq-icon-white);--kbq-checkbox-error-default-text: var(--kbq-foreground-contrast);--kbq-checkbox-error-default-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-hover-border: var(--kbq-line-error);--kbq-checkbox-error-states-hover-background: var(--kbq-states-background-error-fade-hover);--kbq-checkbox-error-states-checked-border: transparent;--kbq-checkbox-error-states-checked-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-hover-border: transparent;--kbq-checkbox-error-states-checked-hover-background: var(--kbq-states-background-error-hover);--kbq-checkbox-error-states-focused-border: var(--kbq-line-error);--kbq-checkbox-error-states-focused-background: var(--kbq-background-error-less);--kbq-checkbox-error-states-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-border: var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-checked-focused-background: var(--kbq-background-error);--kbq-checkbox-error-states-checked-focused-outline: 1px solid var(--kbq-states-line-focus-error);--kbq-checkbox-error-states-disabled-border: var(--kbq-states-line-disabled);--kbq-checkbox-error-states-disabled-color: var(--kbq-states-icon-disabled);--kbq-checkbox-error-states-disabled-text: var(--kbq-states-foreground-disabled);--kbq-checkbox-error-states-disabled-background: var(--kbq-states-background-disabled);--kbq-checkbox-error-states-disabled-caption: var(--kbq-states-icon-disabled)}\n"] }]
         }], propDecorators: { big: [{ type: i0.Input, args: [{ isSignal: true, alias: "big", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class KbqPseudoCheckboxModule {
@@ -7127,7 +7263,7 @@ class KbqOption extends KbqOptionBase {
         /**
          * Value of `aria-disabled`: the same as `disabled`, but a signal of its own, since `kbq-disabled` reads that one.
          *
-         * @internal
+         * @docs-private
          */
         this.ariaDisabled = computed(() => this.disabled, ...(ngDevMode ? [{ debugName: "ariaDisabled" }] : /* istanbul ignore next */ []));
         this.tabIndex = computed(() => (this.disabled ? '-1' : '0'), ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
@@ -7796,7 +7932,7 @@ class KbqOverlayLayer {
         this.registry = inject(KbqOverlayLayerRegistry);
         this.document = inject(DOCUMENT);
         this.container = null;
-        /** @internal */
+        /** @docs-private */
         this.host = kbqInjectNativeElement();
         this.registry.register(this);
     }
@@ -7809,7 +7945,7 @@ class KbqOverlayLayer {
      * Created with the first panel, so an element that never opens one is left untouched. Lives inside the host to
      * share its stacking context with a bar rendered in the same scrolling viewport.
      *
-     * @internal
+     * @docs-private
      */
     getContainerElement() {
         if (!this.container) {
@@ -7852,16 +7988,18 @@ const kbqIsElementOrigin = (origin) => origin instanceof CdkOverlayOrigin ||
     !!origin.nativeElement ||
     'getBoundingClientRect' in origin;
 /** Resolves a Koobiq origin into the value a connected position strategy accepts. */
-const kbqResolveOverlayOrigin = (origin) => origin instanceof CdkOverlayOrigin ? origin.elementRef : origin;
-/** Size of an overlay origin, for the offsets that keep an arrow pointing at an anchor narrower than itself. */
+const kbqResolveOverlayOrigin = (origin) => (origin instanceof CdkOverlayOrigin ? origin.elementRef : origin);
+/** Rectangle of an overlay origin in viewport coordinates, for measurements and arrow alignment. */
 const kbqGetOverlayOriginSize = (origin) => {
     const resolved = kbqResolveOverlayOrigin(origin);
     const element = resolved.nativeElement ?? resolved;
     // Duck typing rather than `instanceof Element`, which is not defined on the server.
-    if ('getBoundingClientRect' in element)
-        return element.getBoundingClientRect();
-    const { width, height } = element;
-    return { width, height };
+    if ('getBoundingClientRect' in element) {
+        const { left, top, width, height } = element.getBoundingClientRect();
+        return { x: left, y: top, width, height };
+    }
+    const { x, y, width = 0, height = 0 } = element;
+    return { x, y, width, height };
 };
 
 /** @internal */
@@ -8413,7 +8551,7 @@ class KbqShadowDomOverlayContainer extends OverlayContainer {
     /**
      * CDK lifecycle hook — overridden to relocate the container into a shadow root.
      *
-     * @internal
+     * @docs-private
      */
     _createContainer() {
         // Let CDK create the container (and run its test-environment cleanup). It is appended to `document.body`.
@@ -8620,6 +8758,43 @@ class EmptyFocusTrapStrategy {
     allowFocus() { }
 }
 
+/**
+ * Calculates the translation that points a pop-up arrow at a viewport point, clamped to the panel's arrow inset.
+ *
+ * @param placement - Resolved CSS placement of the panel.
+ * @param panelRect - Panel rectangle in viewport coordinates.
+ * @param point - Target point in viewport coordinates.
+ * @param arrowCenterInset - Distance from a panel edge to the arrow center, in pixels.
+ */
+const kbqGetPopUpArrowShift = (placement, panelRect, point, arrowCenterInset) => {
+    const horizontal = placement === 'top' ||
+        placement === 'bottom' ||
+        placement.startsWith('top-') ||
+        placement.startsWith('bottom-');
+    const vertical = placement === 'left' ||
+        placement === 'right' ||
+        placement.startsWith('left-') ||
+        placement.startsWith('right-');
+    if (!horizontal && !vertical)
+        return { x: 0, y: 0 };
+    const axis = horizontal ? 'x' : 'y';
+    const panelStart = horizontal ? panelRect.left : panelRect.top;
+    const panelEnd = horizontal ? panelRect.right : panelRect.bottom;
+    const panelCenter = (panelStart + panelEnd) / 2;
+    const alignedToStart = horizontal ? placement.endsWith('-left') : placement.endsWith('-top');
+    const alignedToEnd = horizontal ? placement.endsWith('-right') : placement.endsWith('-bottom');
+    const defaultCenter = alignedToStart
+        ? panelStart + arrowCenterInset
+        : alignedToEnd
+            ? panelEnd - arrowCenterInset
+            : panelCenter;
+    const min = panelStart + arrowCenterInset;
+    const max = panelEnd - arrowCenterInset;
+    const pointCenter = min > max ? panelCenter : Math.min(Math.max(point[axis], min), max);
+    const shift = pointCenter - defaultCenter;
+    return { x: horizontal ? shift : 0, y: vertical ? shift : 0 };
+};
+
 class KbqPopUp {
     constructor() {
         this.renderer = inject(Renderer2);
@@ -8637,6 +8812,12 @@ class KbqPopUp {
         /** Whether the pointer is over the pop-up. */
         this.hovered = this.hoveredState.asReadonly();
         this.classMapState = signal({}, ...(ngDevMode ? [{ debugName: "classMapState" }] : /* istanbul ignore next */ []));
+        /** Whether the arrow points at the origin center while the panel keeps its placement. Defaults to `false`. */
+        this.arrowCentered = false;
+        /** Distance from a panel edge to the arrow center, in pixels. Defaults to `0`. */
+        this.arrowCenterInset = 0;
+        this.resolvedPlacement = 'top';
+        this.appliedArrowShift = null;
         this.visibilityState = signal(PopUpVisibility.Initial, ...(ngDevMode ? [{ debugName: "visibilityState" }] : /* istanbul ignore next */ []));
         this.visibleChange = new EventEmitter();
         /** Subject for notifying that the tooltip has been hidden from the view */
@@ -8728,6 +8909,7 @@ class KbqPopUp {
         return this.visibility === PopUpVisibility.Visible;
     }
     updateClassMap(placement, customClass, classMap) {
+        this.resolvedPlacement = placement;
         // `customClass` may be a whitespace-separated list of class names; expand it into
         // individual keys so the native `[class]` binding (which doesn't tokenise object keys)
         // applies each class correctly.
@@ -8754,6 +8936,57 @@ class KbqPopUp {
     detectChanges() {
         this.changeDetectorRef.detectChanges();
     }
+    /** Updates arrow geometry after the connected overlay applies a position. @docs-private */
+    updateArrowPosition() {
+        const element = this.elementRef?.nativeElement;
+        if (!element)
+            return;
+        const point = this.trigger?.getArrowPoint();
+        if (!point || !this.arrow || this.trigger.stickToWindow) {
+            this.resetArrowShift();
+            return;
+        }
+        const panelRect = this.getPanelViewportRect(element);
+        // Not laid out (detached or `display: none`): a stale shift is as wrong as a made-up one.
+        if (!panelRect) {
+            this.resetArrowShift();
+            return;
+        }
+        const shift = kbqGetPopUpArrowShift(this.resolvedPlacement, panelRect, point, this.arrowCenterInset);
+        const nextShift = { x: `${shift.x}px`, y: `${shift.y}px` };
+        if (this.appliedArrowShift?.x === nextShift.x && this.appliedArrowShift.y === nextShift.y)
+            return;
+        this.renderer.setStyle(element, `--${this.prefix}-arrow-shift-x`, nextShift.x, RendererStyleFlags2.DashCase);
+        this.renderer.setStyle(element, `--${this.prefix}-arrow-shift-y`, nextShift.y, RendererStyleFlags2.DashCase);
+        this.appliedArrowShift = nextShift;
+    }
+    /**
+     * Border box of the panel in viewport coordinates. `getBoundingClientRect` reflects the entrance
+     * `scale(...)` transform — an empty box at `scale(0)` — while the `offset*` reads describe the laid-out
+     * panel regardless of transforms; measuring the transformed box makes the arrow jump whenever this runs
+     * between attach and the end of the show animation.
+     */
+    getPanelViewportRect(element) {
+        const { offsetWidth, offsetHeight } = element;
+        if (!offsetWidth || !offsetHeight)
+            return null;
+        const offsetParent = element.offsetParent;
+        if (!offsetParent)
+            return null;
+        const parentRect = offsetParent.getBoundingClientRect();
+        return new DOMRect(parentRect.left + element.offsetLeft, parentRect.top + element.offsetTop, offsetWidth, offsetHeight);
+    }
+    /** Removes the arrow shift written earlier, if any. */
+    resetArrowShift() {
+        if (!this.appliedArrowShift)
+            return;
+        const element = this.elementRef?.nativeElement;
+        if (!element)
+            return;
+        this.renderer.removeStyle(element, `--${this.prefix}-arrow-shift-x`, RendererStyleFlags2.DashCase);
+        this.renderer.removeStyle(element, `--${this.prefix}-arrow-shift-y`, RendererStyleFlags2.DashCase);
+        this.appliedArrowShift = null;
+    }
     /**
      * Called once the pop-up has animated in. Only the entrance animates: `hide()` emits `onHideSubject`
      * synchronously and `KbqPopUpTrigger` detaches the overlay in the same call stack.
@@ -8965,6 +9198,8 @@ class KbqPopUpTrigger {
          * @docs-private
          */
         this.leaveDelay = 0;
+        /** Whether the arrow points at the origin center while the panel keeps its placement. Defaults to `false`. */
+        this.arrowCentered = false;
         /**
          * Current resolved placement of the pop-up.
          *
@@ -9003,6 +9238,8 @@ class KbqPopUpTrigger {
          * @docs-private
          */
         this.origin = null;
+        /** Origin currently applied to the position strategy; `null` follows the configured origin or host. */
+        this.activeOrigin = null;
         /**
          * Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger
          *
@@ -9068,6 +9305,7 @@ class KbqPopUpTrigger {
             // `stickToWindow` pop-up on its window edge. No-op when `stickToWindow` is unset.
             this.instance.setStickPosition();
             this.instance.detectChanges();
+            this.instance.updateArrowPosition();
         };
         /** Binds a single event listener to the pop-up's native element. */
         this.addEventListener = (listener, event) => {
@@ -9273,7 +9511,7 @@ class KbqPopUpTrigger {
      * Re-evaluates the delayed hide of `hideWithTimeout` after the pointer has entered or left the trigger or the
      * pop-up. Called by the pop-up, a separate class.
      *
-     * @internal
+     * @docs-private
      */
     handleHoverChange() {
         if (!this.hoverHideArmed)
@@ -9313,7 +9551,7 @@ class KbqPopUpTrigger {
         // Create connected position strategy that listens for scroll events to reposition.
         this.strategy = this.overlay
             .position()
-            .flexibleConnectedTo(this.getResolvedOrigin())
+            .flexibleConnectedTo(this.getActiveOrigin())
             .withTransformOriginOn(this.originSelector)
             .withFlexibleDimensions(false)
             .withPositions([...EXTENDED_OVERLAY_POSITIONS])
@@ -9335,7 +9573,7 @@ class KbqPopUpTrigger {
      * @docs-private
      */
     resetOrigin() {
-        this.strategy.setOrigin(this.getResolvedOrigin());
+        this.setOrigin(null);
     }
     /**
      * Positions the pop-up against `origin` — an element, or a rectangle in viewport coordinates such as the one
@@ -9347,12 +9585,10 @@ class KbqPopUpTrigger {
      */
     updateOrigin(origin) {
         this.origin = origin;
-        if (!this.strategy)
-            return;
         // Told to the strategy even while the pop-up is closed: the overlay is created once and reused, so an
         // origin bound between two opens would otherwise never reach it.
-        this.strategy.setOrigin(this.getResolvedOrigin());
-        if (!this.overlayRef?.hasAttached())
+        this.setOrigin(this.getResolvedOrigin());
+        if (!this.strategy || !this.overlayRef?.hasAttached())
             return;
         // Through `updatePosition()`, because the new positions it applies clear the position locked in by
         // `withLockedPosition()`. Re-applying the last position instead would keep the pop-up on the placement
@@ -9360,6 +9596,21 @@ class KbqPopUpTrigger {
         this.updatePosition();
         this.overlayRef.updatePosition();
     }
+    /** Sets and records the origin applied to the position strategy. @docs-private */
+    setOrigin(origin) {
+        this.activeOrigin = origin;
+        if (this.strategy) {
+            this.strategy.setOrigin(origin ?? this.getResolvedOrigin());
+        }
+    }
+    /**
+     * The origin currently applied to the position strategy, or the configured origin while none was set.
+     *
+     * @docs-private
+     */
+    getActiveOrigin() {
+        return this.activeOrigin ?? this.getResolvedOrigin();
+    }
     /**
      * The origin the position strategy is connected to.
      *
@@ -9390,7 +9641,10 @@ class KbqPopUpTrigger {
         }
         if (this.trigger.includes(PopUpTriggers.Keydown)) {
             this.listeners.set('keydown', (event) => {
-                if (event instanceof KeyboardEvent && [ENTER, SPACE].includes(event.keyCode)) {
+                // With a click listener, a native button activates itself for Enter/Space. Opening here as well
+                // can make CDK treat that click as outside the panel that the timer just opened and close it again.
+                const opensNatively = this.getNativeElement().tagName === 'BUTTON' && this.trigger.includes(PopUpTriggers.Click);
+                if (event instanceof KeyboardEvent && [ENTER, SPACE].includes(event.keyCode) && !opensNatively) {
                     // Recorded the way `createListener` does it for every other trigger. Without it the show
                     // is still attributed to whichever event ran last, and a stale `focus` there makes the
                     // tooltip's keyboard-origin gate swallow the show outright. The event itself carries the
@@ -9456,6 +9710,15 @@ class KbqPopUpTrigger {
     getNativeElement() {
         return this.externalNativeElement || this.elementRef.nativeElement;
     }
+    /** Point the arrow should follow, or `null` when trigger-centered arrows are disabled. @docs-private */
+    getArrowPoint() {
+        return this.arrowCentered ? this.getOriginCenter() : null;
+    }
+    /** Center of the active origin in viewport coordinates. @docs-private */
+    getOriginCenter() {
+        const { x, y, width, height } = kbqGetOverlayOriginSize(this.getActiveOrigin());
+        return { x: x + width / 2, y: y + height / 2 };
+    }
     /**
      * Sets an external element to anchor and measure the pop-up against instead of the host element.
      *
@@ -9485,12 +9748,12 @@ class KbqPopUpTrigger {
     }
     /**
      * Size of what the pop-up is positioned against: a corner placement shifts the pop-up so that its arrow still
-     * points at an anchor narrower than the arrow's inset. The host element by default.
+     * points at an anchor narrower than the arrow's inset. The active origin by default.
      *
      * @docs-private
      */
     getAnchorSize() {
-        return this.origin ? kbqGetOverlayOriginSize(this.origin) : this.getNativeElement().getBoundingClientRect();
+        return kbqGetOverlayOriginSize(this.getActiveOrigin());
     }
     /**
      * Maps a priority placement value (or array of values) to the matching connected position pairs.
@@ -9549,9 +9812,9 @@ class KbqPopUpTrigger {
             }
         ];
     }
-    /** Remembers the last mouse event on `mouseenter`, used for cursor-relative positioning. */
+    /** Remembers the last mouse event used for cursor-relative positioning. */
     saveMouseEvent(event) {
-        if (this.triggerName === 'mouseenter') {
+        if (this.triggerName === 'mouseenter' || this.triggerName === 'click') {
             this.mouseEvent = event;
         }
     }
@@ -11443,7 +11706,7 @@ const validationTooltipShowDelay = 10;
  */
 const validationTooltipHideDelay = 3000;
 
-const VERSION = new Version('21.0.1+sha-0669acc');
+const VERSION = new Version('21.1.0+sha-a4febdd');
 
 /**
  * Generated bundle index. Do not edit.