@koobiq/components 16.0.0-beta.9 → 17.0.0-beta.1

package/core/selection/pseudo-checkbox/pseudo-checkbox.scss

@@ -8,9 +8,12 @@ $tokens: meta.module-variables(tokens) !default;
 
 .kbq-pseudo-checkbox {
     position: relative;
-    display: inline-block;
+    display: inline-flex;
     box-sizing: border-box;
 
+    align-items: center;
+    justify-content: center;
+
     width: var(--kbq-checkbox-size-normal-width, map.get($tokens, checkbox-size-normal-width));
     height: var(--kbq-checkbox-size-normal-width, map.get($tokens, checkbox-size-normal-width));
 
@@ -28,14 +31,6 @@ $tokens: meta.module-variables(tokens) !default;
     & .kbq-checkbox-checkmark,
     & .kbq-checkbox-mixedmark {
         display: none;
-
-        position: absolute;
-        top: calc(
-            -1 * var(--kbq-checkbox-size-normal-border-width, #{map.get($tokens, checkbox-size-normal-border-width)})
-        );
-        left: calc(
-            -1 * var(--kbq-checkbox-size-normal-border-width, #{map.get($tokens, checkbox-size-normal-border-width)})
-        );
     }
 
     &.kbq-pseudo-checkbox-checked,
@@ -68,10 +63,4 @@ $tokens: meta.module-variables(tokens) !default;
         radius: var(--kbq-checkbox-size-big-border-radius, map.get($tokens, checkbox-size-big-border-radius));
         width: var(--kbq-checkbox-size-big-border-width, map.get($tokens, checkbox-size-big-border-width));
     }
-
-    & .kbq-checkbox-checkmark,
-    & .kbq-checkbox-mixedmark {
-        top: calc(-1 * var(--kbq-checkbox-size-big-border-width, #{map.get($tokens, checkbox-size-big-border-width)}));
-        left: calc(-1 * var(--kbq-checkbox-size-big-border-width, #{map.get($tokens, checkbox-size-big-border-width)}));
-    }
 }

package/core/styles/_variables.scss

@@ -7,4 +7,4 @@ $z-index-picker: 1050;
 $z-index-dropdown: 1050;
 $z-index-tooltip: 1060;
 $z-index-toast: 1070;
-$z-index-loader-overlay: 1000;
+$z-index-loader-overlay: 10;

package/core/styles/common/_select.scss

@@ -50,7 +50,8 @@ $tokens: meta.module-variables(tokens) !default;
         );
     }
 
-    .kbq-select__trigger.kbq-select__trigger_single {
+    .kbq-select__trigger.kbq-select__trigger_single,
+    .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty {
         & .kbq-select__matcher {
             $padding-vertical: map.get($tokens, select-size-single-padding-vertical);
 

package/core/styles/theming/_components-theming.scss

@@ -28,6 +28,12 @@
     $badge: (
         filled: (
             fade-off: (
+                theme: (
+                    color: map-get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-color'),
+                    background: map-get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-background'),
+                    caption: map-get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-caption'),
+                    icon: map-get($tokens, 'badge-#{$scheme}-filled-fade-off-theme-icon')
+                ),
                 success: (
                     color: map-get($tokens, 'badge-#{$scheme}-filled-fade-off-success-color'),
                     background: map-get($tokens, 'badge-#{$scheme}-filled-fade-off-success-background'),
@@ -352,6 +358,7 @@
             default: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-theme-default-border'),
                 color: map-get($tokens, 'checkbox-#{$scheme}-theme-default-color'),
+                text: map-get($tokens, 'checkbox-#{$scheme}-theme-default-text'),
                 background: map-get($tokens, 'checkbox-#{$scheme}-theme-default-background'),
                 caption: map-get($tokens, 'checkbox-#{$scheme}-theme-default-caption')
             ),
@@ -380,6 +387,7 @@
             disabled: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-border'),
                 color: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-color'),
+                text: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-text'),
                 background: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-background'),
                 caption: map-get($tokens, 'checkbox-#{$scheme}-theme-states-disabled-caption')
             )
@@ -388,6 +396,7 @@
             default: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-error-default-border'),
                 color: map-get($tokens, 'checkbox-#{$scheme}-error-default-color'),
+                text: map-get($tokens, 'checkbox-#{$scheme}-error-default-text'),
                 background: map-get($tokens, 'checkbox-#{$scheme}-error-default-background'),
             ),
 
@@ -416,22 +425,48 @@
             disabled: (
                 border: map-get($tokens, 'checkbox-#{$scheme}-error-states-disabled-border'),
                 color: map-get($tokens, 'checkbox-#{$scheme}-error-states-disabled-color'),
+                text: map-get($tokens, 'checkbox-#{$scheme}-error-states-disabled-text'),
                 background: map-get($tokens, 'checkbox-#{$scheme}-error-states-disabled-background')
             )
         )
     );
 
     $code-block: (
-        main-background: map-get($tokens, 'code-block-#{$scheme}-background'),
-        actionbar-background: map-get($tokens, 'code-block-#{$scheme}-actionbar-background'),
-        border: map-get($tokens, 'code-block-#{$scheme}-border'),
-        main-background-less-contrast: map-get($tokens, 'code-block-#{$scheme}-decoration-less-contrast-background'),
-        line-numbers-color: map-get($tokens, 'code-block-#{$scheme}-line-numbers-color'),
-        main-code-color: map-get($tokens, 'code-block-#{$scheme}-color'),
-
-        actionbar: (
-            bg: map-get($tokens, 'code-block-#{$scheme}-actionbar-background'),
-            bg-less-contrast: map-get($tokens, 'code-block-#{$scheme}-decoration-less-contrast-actionbar-background'),
+        filled: (
+            container: (
+                background: map-get($tokens, 'code-block-#{$scheme}-filled-container-background'),
+                border: map-get($tokens, 'code-block-#{$scheme}-filled-container-border-color'),
+                shadow: map-get($tokens, 'code-block-#{$scheme}-filled-container-shadow')
+            ),
+            header: (
+                background: map-get($tokens, 'code-block-#{$scheme}-filled-header-background')
+            ),
+            actionbar: (
+                fade-gradient: map-get($tokens, 'code-block-#{$scheme}-filled-actionbar-fade-gradient'),
+                background: map-get($tokens, 'code-block-#{$scheme}-filled-actionbar-background')
+            ),
+            collapse: (
+                expanded-background: map-get($tokens, 'code-block-#{$scheme}-filled-collapse-expanded-background'),
+                collapsed-background: map-get($tokens, 'code-block-#{$scheme}-filled-collapse-collapsed-background')
+            )
+        ),
+        outline: (
+            container: (
+                background: map-get($tokens, 'code-block-#{$scheme}-outline-container-background'),
+                border: map-get($tokens, 'code-block-#{$scheme}-outline-container-border-color'),
+                shadow: map-get($tokens, 'code-block-#{$scheme}-outline-container-shadow')
+            ),
+            header: (
+                background: map-get($tokens, 'code-block-#{$scheme}-outline-header-background')
+            ),
+            actionbar: (
+                fade-gradient: map-get($tokens, 'code-block-#{$scheme}-outline-actionbar-fade-gradient'),
+                background: map-get($tokens, 'code-block-#{$scheme}-outline-actionbar-background')
+            ),
+            collapse: (
+                expanded-background: map-get($tokens, 'code-block-#{$scheme}-outline-collapse-expanded-background'),
+                collapsed-background: map-get($tokens, 'code-block-#{$scheme}-outline-collapse-collapsed-background')
+            )
         ),
 
         hljs: (
@@ -622,7 +657,7 @@
             border: map-get($tokens, 'form-field-#{$scheme}-states-disabled-border-color'),
             background: map-get($tokens, 'form-field-#{$scheme}-states-disabled-background'),
             placeholder: map-get($tokens, 'form-field-#{$scheme}-states-disabled-placeholder'),
-            text: map-get($tokens, 'form-field-#{$scheme}-states--disabled-text')
+            text: map-get($tokens, 'form-field-#{$scheme}-states-disabled-text')
         )
     );
 
@@ -630,17 +665,6 @@
         text: map-get($tokens, 'form-field-hint-#{$scheme}-text')
     );
 
-    $form-field-password-hint: (
-        text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-text-color'),
-        icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-text-color'),
-
-        state-invalid-text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-invalid-text-color'),
-        state-invalid-icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-invalid-icon-color'),
-
-        state-valid-text-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-valid-text-color'),
-        state-valid-icon-color: map-get($tokens, 'form-field-password-hint-#{$scheme}-states-valid-icon-color')
-    );
-
     $hint: (
         fill-text-on: (
             fade-contrast: (
@@ -1778,7 +1802,6 @@
         file-upload: $file-upload,
         form-field: $form-field,
         form-field-hint: $form-field-hint,
-        form-field-password-hint: $form-field-password-hint,
         hint: $hint,
         forms: $forms,
         icon: $icon,

package/core/styles/theming/_scrollbars-theme.scss

@@ -11,7 +11,9 @@
     );
 
     //firefox
-    scrollbar-width: auto;
+    @supports not selector(::-webkit-scrollbar) {
+        scrollbar-width: thin;
+    }
 
     // webkit
     &::-webkit-scrollbar,
@@ -30,6 +32,7 @@
             --kbq-scrollbar-size-thumb-inset-border-radius,
             map.get($tokens, scrollbar-size-thumb-border-radius)
         );
+        min-height: 20px;
     }
 
     &::-webkit-scrollbar-button,
@@ -46,7 +49,9 @@
         @include kbq-scrollbar(map.get($theme, tokens));
 
         // firefox
-        scrollbar-color: map.get($scrollbar, default) transparent;
+        @supports not selector(::-webkit-scrollbar) {
+            scrollbar-color: map.get($scrollbar, default) transparent;
+        }
 
         // webkit
         &::-webkit-scrollbar,

package/core/styles/theming/_theming.scss

@@ -84,6 +84,7 @@
     @return (
         bg: map.get($tokens, '#{$scheme}-background-bg'),
         bg-secondary: map.get($tokens, '#{$scheme}-background-bg-secondary'),
+        bg-tertiary: map.get($tokens, '#{$scheme}-background-bg-tertiary'),
         card: map.get($tokens, '#{$scheme}-background-card'),
         contrast: map.get($tokens, '#{$scheme}-background-contrast'),
         contrast-fade: map.get($tokens, '#{$scheme}-background-contrast-fade'),

package/core/styles/typography/_typography.scss

@@ -70,7 +70,8 @@
         italic-normal:           map.get($typography, italic-normal),
         italic-normal-strong:    map.get($typography, italic-normal-strong),
         italic-compact:          map.get($typography, italic-compact),
-        italic-compact-strong:   map.get($typography, italic-compact-strong)
+        italic-compact-strong:   map.get($typography, italic-compact-strong),
+        mono-codeblock:          map.get($typography, mono-codeblock)
     );
 
     @each $key, $level in $config {
@@ -197,6 +198,10 @@
         @include kbq-typography-level-to-styles($config, extra-small-text);
     }
 
+    .kbq-extra-small-text-strong {
+        @include kbq-typography-level-to-styles($config, extra-small-text-strong);
+    }
+
     // new
     .kbq-display-big {
         @include kbq-typography-level-to-styles($config, display-big);

package/dropdown/_dropdown-theme.scss

@@ -45,8 +45,7 @@
             }
         }
 
-        &.kbq-disabled,
-        &[disabled] {
+        &.kbq-disabled {
             @include kbq-dropdown-item-state(map.get($dropdown-item, disabled));
         }
     }

package/esm2022/alert/alert.component.mjs

@@ -3,10 +3,10 @@ import { KbqIconItem } from '@koobiq/components/icon';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class KbqAlertTitle {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlertTitle, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlertTitle, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-title]',
@@ -16,10 +16,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 }]
         }] });
 export class KbqAlertCloseButton {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlertCloseButton, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlertCloseButton, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-close-button]',
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 }]
         }] });
 export class KbqAlertControl {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlertControl, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlertControl, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-control]',
@@ -42,10 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 }]
         }] });
 export class KbqAlert {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: KbqAlert, selector: "kbq-alert", host: { properties: { "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 8px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", host: { properties: { "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div class=\"kbq-alert__icon\" *ngIf=\"iconItem\">\n    <ng-content select=\"[kbq-icon-item]\"></ng-content>\n</div>\n\n<div class=\"kbq-alert__content\">\n    <ng-content select=\"[kbq-alert-title]\"></ng-content>\n\n    <div class=\"kbq-alert__text\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"kbq-alert__controls\" *ngIf=\"control\">\n        <ng-content select=\"[kbq-alert-control]\"></ng-content>\n    </div>\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n    <ng-content select=\"[kbq-alert-close-button]\"></ng-content>\n</div>\n", styles: [".kbq-alert{display:flex;border-radius:var(--kbq-alert-size-container-border-radius, 12px);min-width:var(--kbq-alert-size-container-min-width, );min-height:calc(var(--kbq-alert-size-container-min-height, 48px) - var(--kbq-alert-size-container-padding-vertical, 16px) * 2);padding:var(--kbq-alert-size-container-padding-vertical, 16px) var(--kbq-alert-size-container-padding-horizontal, 20px)}.kbq-alert__icon{margin-right:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert__title{margin-bottom:var(--kbq-alert-size-container-content-gap-vertical, 4px)}.kbq-alert__controls{margin-top:var(--kbq-alert-size-container-content-gap-vertical, 4px);padding-top:var(--kbq-alert-size-button-stack-content-padding-top, 8px)}.kbq-alert__controls .kbq-button{margin-right:var(--kbq-alert-size-button-stack-content-content-gap-horizontal, 4px)}.kbq-alert__controls .kbq-link{margin-right:16px}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert__close-button{margin-left:var(--kbq-alert-size-container-content-gap-horizontal, 12px)}.kbq-alert_dismissible .kbq-alert__close-button{margin-top:var(--kbq-alert-size-close-button-margin-top, -8px);margin-right:var(--kbq-alert-size-close-button-margin-right, -12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-alert',

package/esm2022/alert/alert.module.mjs

@@ -5,8 +5,8 @@ import { NgModule } from '@angular/core';
 import { KbqAlert, KbqAlertCloseButton, KbqAlertControl, KbqAlertTitle } from './alert.component';
 import * as i0 from "@angular/core";
 export class KbqAlertModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, declarations: [KbqAlert,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertModule, declarations: [KbqAlert,
             KbqAlertTitle,
             KbqAlertCloseButton,
             KbqAlertControl], imports: [CommonModule,
@@ -15,11 +15,11 @@ export class KbqAlertModule {
             KbqAlertTitle,
             KbqAlertCloseButton,
             KbqAlertControl] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertModule, imports: [CommonModule,
             A11yModule,
             PlatformModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/autocomplete/autocomplete-origin.directive.mjs

@@ -8,14 +8,14 @@ export class KbqAutocompleteOrigin {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.5", type: KbqAutocompleteOrigin, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocompleteOrigin, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqAutocompleteOrigin, selector: "[kbqAutocompleteOrigin]", exportAs: ["kbqAutocompleteOrigin"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAutocompleteOrigin, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqAutocompleteOrigin]',
                     exportAs: 'kbqAutocompleteOrigin'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLW9yaWdpbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUtb3JpZ2luLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHdEQ7OztHQUdHO0FBS0gsTUFBTSxPQUFPLHFCQUFxQjtJQUM5QixZQUFtQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtJQUFHLENBQUM7aUlBRGpELHFCQUFxQjtxSEFBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSx1QkFBdUI7aUJBQ3BDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuLyoqXG4gKiBEaXJlY3RpdmUgYXBwbGllZCB0byBhbiBlbGVtZW50IHRvIG1ha2UgaXQgdXNhYmxlXG4gKiBhcyBhIGNvbm5lY3Rpb24gcG9pbnQgZm9yIGFuIGF1dG9jb21wbGV0ZSBwYW5lbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdba2JxQXV0b2NvbXBsZXRlT3JpZ2luXScsXG4gICAgZXhwb3J0QXM6ICdrYnFBdXRvY29tcGxldGVPcmlnaW4nXG59KVxuZXhwb3J0IGNsYXNzIEticUF1dG9jb21wbGV0ZU9yaWdpbiB7XG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxufVxuIl19