@koobiq/components 17.8.5 → 18.1.0

package/fesm2022/koobiq-components-icon.mjs

@@ -1,9 +1,7 @@
 import * as i1 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, ViewEncapsulation, Attribute, Optional, Inject, Input, booleanAttribute, NgModule } from '@angular/core';
 import { mixinColor, KbqComponentColors, KBQ_FORM_FIELD_REF } from '@koobiq/components/core';
-import { PlatformModule } from '@angular/cdk/platform';
 
 /** @docs-private */
 class KbqIconBase {
@@ -50,15 +48,15 @@ class KbqIcon extends KbqIconMixinBase {
         }
         this.updateMaxHeight();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIcon, deps: [{ token: i0.ElementRef }, { token: 'kbq-icon', attribute: true }, { token: KBQ_FORM_FIELD_REF, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqIcon, selector: "[kbq-icon]", inputs: { color: "color", small: "small", autoColor: "autoColor" }, host: { properties: { "class.kbq-error": "color === \"error\" || hasError" }, classAttribute: "mc kbq-icon" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-icon-rotate_90{transform:rotate(90deg)}.kbq-icon-rotate_180{transform:rotate(180deg)}.kbq-icon-rotate_270{transform:rotate(270deg)}.kbq-icon-flip-h{transform:scaleY(-1)}.kbq-icon-flip-v{transform:scaleX(-1)}.kbq-icon-flip-vh{transform:scale(-1)}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-theme{color:var(--kbq-icon-theme-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast{color:var(--kbq-icon-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast-fade{color:var(--kbq-icon-fade-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-error{color:var(--kbq-icon-error-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-warning{color:var(--kbq-icon-warning-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-success{color:var(--kbq-icon-success-color, )}\n", ":where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-theme-color: hsla(216, 100%, 50%, 100%);--kbq-icon-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-icon-fade-contrast-color: hsla(229, 15%, 60%, 100%);--kbq-icon-error-color: hsla(7, 97%, 45%, 100%);--kbq-icon-success-color: hsla(104, 64%, 40%, 100%);--kbq-icon-warning-color: hsla(38, 100%, 42%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-theme-color: hsla(216, 100%, 65%, 100%);--kbq-icon-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-icon-fade-contrast-color: hsla(229, 15%, 45%, 100%);--kbq-icon-error-color: hsla(7, 97%, 60%, 100%);--kbq-icon-success-color: hsla(104, 64%, 45%, 100%);--kbq-icon-warning-color: hsla(38, 100%, 60%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIcon, deps: [{ token: i0.ElementRef }, { token: 'kbq-icon', attribute: true }, { token: KBQ_FORM_FIELD_REF, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqIcon, isStandalone: true, selector: "[kbq-icon]", inputs: { color: "color", small: "small", autoColor: "autoColor" }, host: { properties: { "class.kbq-error": "color === \"error\" || hasError" }, classAttribute: "kbq kbq-icon" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-icon-rotate_90{transform:rotate(90deg)}.kbq-icon-rotate_180{transform:rotate(180deg)}.kbq-icon-rotate_270{transform:rotate(270deg)}.kbq-icon-flip-h{transform:scaleY(-1)}.kbq-icon-flip-v{transform:scaleX(-1)}.kbq-icon-flip-vh{transform:scale(-1)}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-theme{color:var(--kbq-icon-theme-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast{color:var(--kbq-icon-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast-fade{color:var(--kbq-icon-fade-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-error{color:var(--kbq-icon-error-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-warning{color:var(--kbq-icon-warning-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-success{color:var(--kbq-icon-success-color, )}\n", ":where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-theme-color: var(--kbq-icon-theme);--kbq-icon-contrast-color: var(--kbq-icon-contrast);--kbq-icon-fade-contrast-color: var(--kbq-icon-contrast-fade);--kbq-icon-error-color: var(--kbq-icon-error);--kbq-icon-success-color: var(--kbq-icon-success);--kbq-icon-warning-color: var(--kbq-icon-warning)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-theme-color: var(--kbq-icon-theme);--kbq-icon-contrast-color: var(--kbq-icon-contrast);--kbq-icon-fade-contrast-color: var(--kbq-icon-contrast-fade);--kbq-icon-error-color: var(--kbq-icon-error);--kbq-icon-success-color: var(--kbq-icon-success);--kbq-icon-warning-color: var(--kbq-icon-warning)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIcon, decorators: [{
             type: Component,
-            args: [{ selector: '[kbq-icon]', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
-                        class: 'mc kbq-icon',
+            args: [{ standalone: true, selector: '[kbq-icon]', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
+                        class: 'kbq kbq-icon',
                         '[class.kbq-error]': 'color === "error" || hasError'
-                    }, styles: [".kbq-icon-rotate_90{transform:rotate(90deg)}.kbq-icon-rotate_180{transform:rotate(180deg)}.kbq-icon-rotate_270{transform:rotate(270deg)}.kbq-icon-flip-h{transform:scaleY(-1)}.kbq-icon-flip-v{transform:scaleX(-1)}.kbq-icon-flip-vh{transform:scale(-1)}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-theme{color:var(--kbq-icon-theme-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast{color:var(--kbq-icon-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast-fade{color:var(--kbq-icon-fade-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-error{color:var(--kbq-icon-error-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-warning{color:var(--kbq-icon-warning-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-success{color:var(--kbq-icon-success-color, )}\n", ":where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-theme-color: hsla(216, 100%, 50%, 100%);--kbq-icon-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-icon-fade-contrast-color: hsla(229, 15%, 60%, 100%);--kbq-icon-error-color: hsla(7, 97%, 45%, 100%);--kbq-icon-success-color: hsla(104, 64%, 40%, 100%);--kbq-icon-warning-color: hsla(38, 100%, 42%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-theme-color: hsla(216, 100%, 65%, 100%);--kbq-icon-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-icon-fade-contrast-color: hsla(229, 15%, 45%, 100%);--kbq-icon-error-color: hsla(7, 97%, 60%, 100%);--kbq-icon-success-color: hsla(104, 64%, 45%, 100%);--kbq-icon-warning-color: hsla(38, 100%, 60%, 100%)}\n"] }]
+                    }, styles: [".kbq-icon-rotate_90{transform:rotate(90deg)}.kbq-icon-rotate_180{transform:rotate(180deg)}.kbq-icon-rotate_270{transform:rotate(270deg)}.kbq-icon-flip-h{transform:scaleY(-1)}.kbq-icon-flip-v{transform:scaleX(-1)}.kbq-icon-flip-vh{transform:scale(-1)}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-theme{color:var(--kbq-icon-theme-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast{color:var(--kbq-icon-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-contrast-fade{color:var(--kbq-icon-fade-contrast-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-error{color:var(--kbq-icon-error-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-warning{color:var(--kbq-icon-warning-color, )}.kbq-icon:not(.kbq-icon-button,.kbq-icon-item).kbq-success{color:var(--kbq-icon-success-color, )}\n", ":where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-theme-color: var(--kbq-icon-theme);--kbq-icon-contrast-color: var(--kbq-icon-contrast);--kbq-icon-fade-contrast-color: var(--kbq-icon-contrast-fade);--kbq-icon-error-color: var(--kbq-icon-error);--kbq-icon-success-color: var(--kbq-icon-success);--kbq-icon-warning-color: var(--kbq-icon-warning)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-theme-color: var(--kbq-icon-theme);--kbq-icon-contrast-color: var(--kbq-icon-contrast);--kbq-icon-fade-contrast-color: var(--kbq-icon-contrast-fade);--kbq-icon-error-color: var(--kbq-icon-error);--kbq-icon-success-color: var(--kbq-icon-success);--kbq-icon-warning-color: var(--kbq-icon-warning)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['kbq-icon']
@@ -108,18 +106,18 @@ class KbqIconButton extends KbqIcon {
     stopFocusMonitor() {
         this.focusMonitor.stopMonitoring(this.getHostElement());
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconButton, deps: [{ token: i0.ElementRef }, { token: 'kbq-icon-button', attribute: true }, { token: KBQ_FORM_FIELD_REF, optional: true }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.2.0", type: KbqIconButton, selector: "[kbq-icon-button]", inputs: { color: "color", small: "small", tabindex: "tabindex", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.tabindex": "tabindex", "attr.disabled": "disabled", "class.kbq-disabled": "disabled", "class.kbq-icon-button_small": "small" }, classAttribute: "mc kbq-icon kbq-icon-button" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-icon-button{padding:var(--kbq-icon-button-size-normal-vertical-padding, 0) var(--kbq-icon-button-size-normal-horizontal-padding, 0)}.kbq-icon-button:not(.kbq-disabled){cursor:pointer}.kbq-icon-button.kbq-icon-button_small{padding:var(--kbq-icon-button-size-small-vertical-padding, 4px) var(--kbq-icon-button-size-small-horizontal-padding, 4px)}.kbq-icon-button:focus{outline:none}.kbq-icon-button.kbq-theme{color:var(--kbq-icon-button-theme-default, )}.kbq-icon-button.kbq-theme:active,.kbq-icon-button.kbq-theme.kbq-active{color:var(--kbq-icon-button-theme-states-active, )}.kbq-icon-button.kbq-theme:not(.kbq-disabled):hover{color:var(--kbq-icon-button-theme-states-hover, )}.kbq-icon-button.kbq-theme.kbq-disabled{color:var(--kbq-icon-button-theme-states-disabled, )}.kbq-icon-button.kbq-contrast{color:var(--kbq-icon-button-contrast-default, )}.kbq-icon-button.kbq-contrast:active,.kbq-icon-button.kbq-contrast.kbq-active{color:var(--kbq-icon-button-contrast-states-active, )}.kbq-icon-button.kbq-contrast:not(.kbq-disabled):hover{color:var(--kbq-icon-button-contrast-states-hover, )}.kbq-icon-button.kbq-contrast.kbq-disabled{color:var(--kbq-icon-button-contrast-states-disabled, )}.kbq-icon-button.kbq-contrast-fade{color:var(--kbq-icon-button-fade-contrast-default, )}.kbq-icon-button.kbq-contrast-fade:active,.kbq-icon-button.kbq-contrast-fade.kbq-active{color:var(--kbq-icon-button-fade-contrast-states-active, )}.kbq-icon-button.kbq-contrast-fade:not(.kbq-disabled):hover{color:var(--kbq-icon-button-fade-contrast-states-hover, )}.kbq-icon-button.kbq-contrast-fade.kbq-disabled{color:var(--kbq-icon-button-fade-contrast-states-disabled, )}.kbq-icon-button.kbq-error{color:var(--kbq-icon-button-error-default, )}.kbq-icon-button.kbq-error:active,.kbq-icon-button.kbq-error.kbq-active{color:var(--kbq-icon-button-error-states-active, )}.kbq-icon-button.kbq-error:not(.kbq-disabled):hover{color:var(--kbq-icon-button-error-states-hover, )}.kbq-icon-button.kbq-error.kbq-disabled{color:var(--kbq-icon-button-error-states-disabled, )}.kbq-icon-button.kbq-success{color:var(--kbq-icon-button-success-default, )}.kbq-icon-button.kbq-success:active,.kbq-icon-button.kbq-success.kbq-active{color:var(--kbq-icon-button-success-states-active, )}.kbq-icon-button.kbq-success:not(.kbq-disabled):hover{color:var(--kbq-icon-button-success-states-hover, )}.kbq-icon-button.kbq-success.kbq-disabled{color:var(--kbq-icon-button-success-states-disabled, )}.kbq-icon-button.kbq-warning{color:var(--kbq-icon-button-warning-default, )}.kbq-icon-button.kbq-warning:active,.kbq-icon-button.kbq-warning.kbq-active{color:var(--kbq-icon-button-warning-states-active, )}.kbq-icon-button.kbq-warning:not(.kbq-disabled):hover{color:var(--kbq-icon-button-warning-states-hover, )}.kbq-icon-button.kbq-warning.kbq-disabled{color:var(--kbq-icon-button-warning-states-disabled, )}.kbq-icon-button.cdk-keyboard-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-focused-color, ),0 0 .1px 1px var(--kbq-states-focused-color, )}\n", ".kbq-icon-button{--kbq-icon-button-size-horizontal-padding: 8px;--kbq-icon-button-size-left-icon-padding: 6px;--kbq-icon-button-size-normal-horizontal-padding: 0;--kbq-icon-button-size-normal-vertical-padding: 0;--kbq-icon-button-size-small-horizontal-padding: 4px;--kbq-icon-button-size-small-vertical-padding: 4px}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-icon-button-theme-default: hsla(216, 100%, 50%, 100%);--kbq-icon-button-theme-states-hover: hsla(216, 100%, 45%, 100%);--kbq-icon-button-theme-states-active: hsla(216, 100%, 40%, 100%);--kbq-icon-button-theme-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-contrast-default: hsla(229, 15%, 15%, 100%);--kbq-icon-button-contrast-states-hover: hsla(229, 15%, 10%, 100%);--kbq-icon-button-contrast-states-active: hsla(229, 15%, 10%, 100%);--kbq-icon-button-contrast-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-fade-contrast-default: hsla(229, 15%, 60%, 100%);--kbq-icon-button-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%);--kbq-icon-button-fade-contrast-states-active: hsla(229, 15%, 40%, 100%);--kbq-icon-button-fade-contrast-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-error-default: hsla(7, 97%, 45%, 100%);--kbq-icon-button-error-states-hover: hsla(7, 97%, 45%, 100%);--kbq-icon-button-error-states-active: hsla(7, 97%, 40%, 100%);--kbq-icon-button-error-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-success-default: hsla(104, 64%, 40%, 100%);--kbq-icon-button-success-states-hover: hsla(104, 64%, 40%, 100%);--kbq-icon-button-success-states-active: hsla(104, 64%, 30%, 100%);--kbq-icon-button-success-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-warning-default: hsla(38, 100%, 42%, 100%);--kbq-icon-button-warning-states-hover: hsla(38, 100%, 45%, 100%);--kbq-icon-button-warning-states-active: hsla(38, 100%, 42%, 100%);--kbq-icon-button-warning-states-disabled: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-icon-button-theme-default: hsla(216, 100%, 65%, 100%);--kbq-icon-button-theme-states-hover: hsla(216, 100%, 45%, 100%);--kbq-icon-button-theme-states-active: hsla(216, 100%, 40%, 100%);--kbq-icon-button-theme-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-contrast-default: hsla(229, 15%, 80%, 100%);--kbq-icon-button-contrast-states-hover: hsla(229, 15%, 90%, 100%);--kbq-icon-button-contrast-states-active: hsla(229, 15%, 80%, 100%);--kbq-icon-button-contrast-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-fade-contrast-default: hsla(229, 15%, 45%, 100%);--kbq-icon-button-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%);--kbq-icon-button-fade-contrast-states-active: hsla(229, 15%, 40%, 100%);--kbq-icon-button-fade-contrast-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-error-default: hsla(7, 97%, 60%, 100%);--kbq-icon-button-error-states-hover: hsla(7, 97%, 50%, 100%);--kbq-icon-button-error-states-active: hsla(7, 97%, 40%, 100%);--kbq-icon-button-error-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-success-default: hsla(104, 64%, 45%, 100%);--kbq-icon-button-success-states-hover: hsla(104, 64%, 40%, 100%);--kbq-icon-button-success-states-active: hsla(104, 64%, 30%, 100%);--kbq-icon-button-success-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-warning-default: hsla(38, 100%, 60%, 100%);--kbq-icon-button-warning-states-hover: hsla(38, 100%, 45%, 100%);--kbq-icon-button-warning-states-active: hsla(38, 100%, 42%, 100%);--kbq-icon-button-warning-states-disabled: hsla(229, 15%, 30%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconButton, deps: [{ token: i0.ElementRef }, { token: 'kbq-icon-button', attribute: true }, { token: KBQ_FORM_FIELD_REF, optional: true }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.6", type: KbqIconButton, isStandalone: true, selector: "[kbq-icon-button]", inputs: { color: "color", small: "small", tabindex: "tabindex", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.tabindex": "tabindex", "attr.disabled": "disabled", "class.kbq-disabled": "disabled", "class.kbq-icon-button_small": "small" }, classAttribute: "kbq kbq-icon kbq-icon-button" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-icon-button{padding:var(--kbq-icon-button-size-normal-vertical-padding, 0) var(--kbq-icon-button-size-normal-horizontal-padding, 0)}.kbq-icon-button:not(.kbq-disabled){cursor:pointer}.kbq-icon-button.kbq-icon-button_small{padding:var(--kbq-icon-button-size-small-vertical-padding, 4px) var(--kbq-icon-button-size-small-horizontal-padding, 4px)}.kbq-icon-button:focus{outline:none}.kbq-icon-button.kbq-theme{color:var(--kbq-icon-button-theme-default, )}.kbq-icon-button.kbq-theme:active,.kbq-icon-button.kbq-theme.kbq-active{color:var(--kbq-icon-button-theme-states-active, )}.kbq-icon-button.kbq-theme:not(.kbq-disabled):hover{color:var(--kbq-icon-button-theme-states-hover, )}.kbq-icon-button.kbq-theme.kbq-disabled{color:var(--kbq-icon-button-theme-states-disabled, )}.kbq-icon-button.kbq-contrast{color:var(--kbq-icon-button-contrast-default, )}.kbq-icon-button.kbq-contrast:active,.kbq-icon-button.kbq-contrast.kbq-active{color:var(--kbq-icon-button-contrast-states-active, )}.kbq-icon-button.kbq-contrast:not(.kbq-disabled):hover{color:var(--kbq-icon-button-contrast-states-hover, )}.kbq-icon-button.kbq-contrast.kbq-disabled{color:var(--kbq-icon-button-contrast-states-disabled, )}.kbq-icon-button.kbq-contrast-fade{color:var(--kbq-icon-button-fade-contrast-default, )}.kbq-icon-button.kbq-contrast-fade:active,.kbq-icon-button.kbq-contrast-fade.kbq-active{color:var(--kbq-icon-button-fade-contrast-states-active, )}.kbq-icon-button.kbq-contrast-fade:not(.kbq-disabled):hover{color:var(--kbq-icon-button-fade-contrast-states-hover, )}.kbq-icon-button.kbq-contrast-fade.kbq-disabled{color:var(--kbq-icon-button-fade-contrast-states-disabled, )}.kbq-icon-button.kbq-error{color:var(--kbq-icon-button-error-default, )}.kbq-icon-button.kbq-error:active,.kbq-icon-button.kbq-error.kbq-active{color:var(--kbq-icon-button-error-states-active, )}.kbq-icon-button.kbq-error:not(.kbq-disabled):hover{color:var(--kbq-icon-button-error-states-hover, )}.kbq-icon-button.kbq-error.kbq-disabled{color:var(--kbq-icon-button-error-states-disabled, )}.kbq-icon-button.kbq-success{color:var(--kbq-icon-button-success-default, )}.kbq-icon-button.kbq-success:active,.kbq-icon-button.kbq-success.kbq-active{color:var(--kbq-icon-button-success-states-active, )}.kbq-icon-button.kbq-success:not(.kbq-disabled):hover{color:var(--kbq-icon-button-success-states-hover, )}.kbq-icon-button.kbq-success.kbq-disabled{color:var(--kbq-icon-button-success-states-disabled, )}.kbq-icon-button.kbq-warning{color:var(--kbq-icon-button-warning-default, )}.kbq-icon-button.kbq-warning:active,.kbq-icon-button.kbq-warning.kbq-active{color:var(--kbq-icon-button-warning-states-active, )}.kbq-icon-button.kbq-warning:not(.kbq-disabled):hover{color:var(--kbq-icon-button-warning-states-hover, )}.kbq-icon-button.kbq-warning.kbq-disabled{color:var(--kbq-icon-button-warning-states-disabled, )}.kbq-icon-button.cdk-keyboard-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-focused-color, ),0 0 .1px 1px var(--kbq-states-focused-color, )}\n", ".kbq-icon-button{--kbq-icon-button-size-horizontal-padding: var(--kbq-size-s);--kbq-icon-button-size-left-icon-padding: var(--kbq-size-xs);--kbq-icon-button-size-normal-horizontal-padding: 0;--kbq-icon-button-size-normal-vertical-padding: 0;--kbq-icon-button-size-small-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-small-vertical-padding: var(--kbq-size-xxs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-button-theme-default: var(--kbq-icon-theme);--kbq-icon-button-theme-states-hover: var(--kbq-states-icon-theme-hover);--kbq-icon-button-theme-states-active: var(--kbq-states-icon-theme-active);--kbq-icon-button-theme-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-contrast-default: var(--kbq-icon-contrast);--kbq-icon-button-contrast-states-hover: var(--kbq-states-icon-contrast-hover);--kbq-icon-button-contrast-states-active: var(--kbq-states-icon-contrast-active);--kbq-icon-button-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-fade-contrast-default: var(--kbq-icon-contrast-fade);--kbq-icon-button-fade-contrast-states-hover: var(--kbq-states-icon-contrast-fade-hover);--kbq-icon-button-fade-contrast-states-active: var(--kbq-states-icon-contrast-fade-active);--kbq-icon-button-fade-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-error-default: var(--kbq-icon-error);--kbq-icon-button-error-states-hover: var(--kbq-states-icon-error-hover);--kbq-icon-button-error-states-active: var(--kbq-states-icon-error-active);--kbq-icon-button-error-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-success-default: var(--kbq-icon-success);--kbq-icon-button-success-states-hover: var(--kbq-states-icon-success-hover);--kbq-icon-button-success-states-active: var(--kbq-states-icon-success-active);--kbq-icon-button-success-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-warning-default: var(--kbq-icon-warning);--kbq-icon-button-warning-states-hover: var(--kbq-states-icon-warning-hover);--kbq-icon-button-warning-states-active: var(--kbq-states-icon-warning-active);--kbq-icon-button-warning-states-disabled: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-button-theme-default: var(--kbq-icon-theme);--kbq-icon-button-theme-states-hover: var(--kbq-states-icon-theme-hover);--kbq-icon-button-theme-states-active: var(--kbq-states-icon-theme-active);--kbq-icon-button-theme-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-contrast-default: var(--kbq-icon-contrast);--kbq-icon-button-contrast-states-hover: var(--kbq-states-icon-contrast-hover);--kbq-icon-button-contrast-states-active: var(--kbq-states-icon-contrast-active);--kbq-icon-button-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-fade-contrast-default: var(--kbq-icon-contrast-fade);--kbq-icon-button-fade-contrast-states-hover: var(--kbq-states-icon-contrast-fade-hover);--kbq-icon-button-fade-contrast-states-active: var(--kbq-states-icon-contrast-fade-active);--kbq-icon-button-fade-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-error-default: var(--kbq-icon-error);--kbq-icon-button-error-states-hover: var(--kbq-states-icon-error-hover);--kbq-icon-button-error-states-active: var(--kbq-states-icon-error-active);--kbq-icon-button-error-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-success-default: var(--kbq-icon-success);--kbq-icon-button-success-states-hover: var(--kbq-states-icon-success-hover);--kbq-icon-button-success-states-active: var(--kbq-states-icon-success-active);--kbq-icon-button-success-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-warning-default: var(--kbq-icon-warning);--kbq-icon-button-warning-states-hover: var(--kbq-states-icon-warning-hover);--kbq-icon-button-warning-states-active: var(--kbq-states-icon-warning-active);--kbq-icon-button-warning-states-disabled: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconButton, decorators: [{
             type: Component,
-            args: [{ selector: `[kbq-icon-button]`, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
-                        class: 'mc kbq-icon kbq-icon-button',
+            args: [{ standalone: true, selector: `[kbq-icon-button]`, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
+                        class: 'kbq kbq-icon kbq-icon-button',
                         '[attr.tabindex]': 'tabindex',
                         '[attr.disabled]': 'disabled',
                         '[class.kbq-disabled]': 'disabled',
                         '[class.kbq-icon-button_small]': 'small'
-                    }, styles: [".kbq-icon-button{padding:var(--kbq-icon-button-size-normal-vertical-padding, 0) var(--kbq-icon-button-size-normal-horizontal-padding, 0)}.kbq-icon-button:not(.kbq-disabled){cursor:pointer}.kbq-icon-button.kbq-icon-button_small{padding:var(--kbq-icon-button-size-small-vertical-padding, 4px) var(--kbq-icon-button-size-small-horizontal-padding, 4px)}.kbq-icon-button:focus{outline:none}.kbq-icon-button.kbq-theme{color:var(--kbq-icon-button-theme-default, )}.kbq-icon-button.kbq-theme:active,.kbq-icon-button.kbq-theme.kbq-active{color:var(--kbq-icon-button-theme-states-active, )}.kbq-icon-button.kbq-theme:not(.kbq-disabled):hover{color:var(--kbq-icon-button-theme-states-hover, )}.kbq-icon-button.kbq-theme.kbq-disabled{color:var(--kbq-icon-button-theme-states-disabled, )}.kbq-icon-button.kbq-contrast{color:var(--kbq-icon-button-contrast-default, )}.kbq-icon-button.kbq-contrast:active,.kbq-icon-button.kbq-contrast.kbq-active{color:var(--kbq-icon-button-contrast-states-active, )}.kbq-icon-button.kbq-contrast:not(.kbq-disabled):hover{color:var(--kbq-icon-button-contrast-states-hover, )}.kbq-icon-button.kbq-contrast.kbq-disabled{color:var(--kbq-icon-button-contrast-states-disabled, )}.kbq-icon-button.kbq-contrast-fade{color:var(--kbq-icon-button-fade-contrast-default, )}.kbq-icon-button.kbq-contrast-fade:active,.kbq-icon-button.kbq-contrast-fade.kbq-active{color:var(--kbq-icon-button-fade-contrast-states-active, )}.kbq-icon-button.kbq-contrast-fade:not(.kbq-disabled):hover{color:var(--kbq-icon-button-fade-contrast-states-hover, )}.kbq-icon-button.kbq-contrast-fade.kbq-disabled{color:var(--kbq-icon-button-fade-contrast-states-disabled, )}.kbq-icon-button.kbq-error{color:var(--kbq-icon-button-error-default, )}.kbq-icon-button.kbq-error:active,.kbq-icon-button.kbq-error.kbq-active{color:var(--kbq-icon-button-error-states-active, )}.kbq-icon-button.kbq-error:not(.kbq-disabled):hover{color:var(--kbq-icon-button-error-states-hover, )}.kbq-icon-button.kbq-error.kbq-disabled{color:var(--kbq-icon-button-error-states-disabled, )}.kbq-icon-button.kbq-success{color:var(--kbq-icon-button-success-default, )}.kbq-icon-button.kbq-success:active,.kbq-icon-button.kbq-success.kbq-active{color:var(--kbq-icon-button-success-states-active, )}.kbq-icon-button.kbq-success:not(.kbq-disabled):hover{color:var(--kbq-icon-button-success-states-hover, )}.kbq-icon-button.kbq-success.kbq-disabled{color:var(--kbq-icon-button-success-states-disabled, )}.kbq-icon-button.kbq-warning{color:var(--kbq-icon-button-warning-default, )}.kbq-icon-button.kbq-warning:active,.kbq-icon-button.kbq-warning.kbq-active{color:var(--kbq-icon-button-warning-states-active, )}.kbq-icon-button.kbq-warning:not(.kbq-disabled):hover{color:var(--kbq-icon-button-warning-states-hover, )}.kbq-icon-button.kbq-warning.kbq-disabled{color:var(--kbq-icon-button-warning-states-disabled, )}.kbq-icon-button.cdk-keyboard-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-focused-color, ),0 0 .1px 1px var(--kbq-states-focused-color, )}\n", ".kbq-icon-button{--kbq-icon-button-size-horizontal-padding: 8px;--kbq-icon-button-size-left-icon-padding: 6px;--kbq-icon-button-size-normal-horizontal-padding: 0;--kbq-icon-button-size-normal-vertical-padding: 0;--kbq-icon-button-size-small-horizontal-padding: 4px;--kbq-icon-button-size-small-vertical-padding: 4px}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-icon-button-theme-default: hsla(216, 100%, 50%, 100%);--kbq-icon-button-theme-states-hover: hsla(216, 100%, 45%, 100%);--kbq-icon-button-theme-states-active: hsla(216, 100%, 40%, 100%);--kbq-icon-button-theme-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-contrast-default: hsla(229, 15%, 15%, 100%);--kbq-icon-button-contrast-states-hover: hsla(229, 15%, 10%, 100%);--kbq-icon-button-contrast-states-active: hsla(229, 15%, 10%, 100%);--kbq-icon-button-contrast-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-fade-contrast-default: hsla(229, 15%, 60%, 100%);--kbq-icon-button-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%);--kbq-icon-button-fade-contrast-states-active: hsla(229, 15%, 40%, 100%);--kbq-icon-button-fade-contrast-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-error-default: hsla(7, 97%, 45%, 100%);--kbq-icon-button-error-states-hover: hsla(7, 97%, 45%, 100%);--kbq-icon-button-error-states-active: hsla(7, 97%, 40%, 100%);--kbq-icon-button-error-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-success-default: hsla(104, 64%, 40%, 100%);--kbq-icon-button-success-states-hover: hsla(104, 64%, 40%, 100%);--kbq-icon-button-success-states-active: hsla(104, 64%, 30%, 100%);--kbq-icon-button-success-states-disabled: hsla(229, 15%, 15%, 32%);--kbq-icon-button-warning-default: hsla(38, 100%, 42%, 100%);--kbq-icon-button-warning-states-hover: hsla(38, 100%, 45%, 100%);--kbq-icon-button-warning-states-active: hsla(38, 100%, 42%, 100%);--kbq-icon-button-warning-states-disabled: hsla(229, 15%, 15%, 32%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-states-focused-color: hsla(216, 100%, 50%, 100%);--kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);--kbq-icon-button-theme-default: hsla(216, 100%, 65%, 100%);--kbq-icon-button-theme-states-hover: hsla(216, 100%, 45%, 100%);--kbq-icon-button-theme-states-active: hsla(216, 100%, 40%, 100%);--kbq-icon-button-theme-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-contrast-default: hsla(229, 15%, 80%, 100%);--kbq-icon-button-contrast-states-hover: hsla(229, 15%, 90%, 100%);--kbq-icon-button-contrast-states-active: hsla(229, 15%, 80%, 100%);--kbq-icon-button-contrast-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-fade-contrast-default: hsla(229, 15%, 45%, 100%);--kbq-icon-button-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%);--kbq-icon-button-fade-contrast-states-active: hsla(229, 15%, 40%, 100%);--kbq-icon-button-fade-contrast-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-error-default: hsla(7, 97%, 60%, 100%);--kbq-icon-button-error-states-hover: hsla(7, 97%, 50%, 100%);--kbq-icon-button-error-states-active: hsla(7, 97%, 40%, 100%);--kbq-icon-button-error-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-success-default: hsla(104, 64%, 45%, 100%);--kbq-icon-button-success-states-hover: hsla(104, 64%, 40%, 100%);--kbq-icon-button-success-states-active: hsla(104, 64%, 30%, 100%);--kbq-icon-button-success-states-disabled: hsla(229, 15%, 30%, 100%);--kbq-icon-button-warning-default: hsla(38, 100%, 60%, 100%);--kbq-icon-button-warning-states-hover: hsla(38, 100%, 45%, 100%);--kbq-icon-button-warning-states-active: hsla(38, 100%, 42%, 100%);--kbq-icon-button-warning-states-disabled: hsla(229, 15%, 30%, 100%)}\n"] }]
+                    }, styles: [".kbq-icon-button{padding:var(--kbq-icon-button-size-normal-vertical-padding, 0) var(--kbq-icon-button-size-normal-horizontal-padding, 0)}.kbq-icon-button:not(.kbq-disabled){cursor:pointer}.kbq-icon-button.kbq-icon-button_small{padding:var(--kbq-icon-button-size-small-vertical-padding, 4px) var(--kbq-icon-button-size-small-horizontal-padding, 4px)}.kbq-icon-button:focus{outline:none}.kbq-icon-button.kbq-theme{color:var(--kbq-icon-button-theme-default, )}.kbq-icon-button.kbq-theme:active,.kbq-icon-button.kbq-theme.kbq-active{color:var(--kbq-icon-button-theme-states-active, )}.kbq-icon-button.kbq-theme:not(.kbq-disabled):hover{color:var(--kbq-icon-button-theme-states-hover, )}.kbq-icon-button.kbq-theme.kbq-disabled{color:var(--kbq-icon-button-theme-states-disabled, )}.kbq-icon-button.kbq-contrast{color:var(--kbq-icon-button-contrast-default, )}.kbq-icon-button.kbq-contrast:active,.kbq-icon-button.kbq-contrast.kbq-active{color:var(--kbq-icon-button-contrast-states-active, )}.kbq-icon-button.kbq-contrast:not(.kbq-disabled):hover{color:var(--kbq-icon-button-contrast-states-hover, )}.kbq-icon-button.kbq-contrast.kbq-disabled{color:var(--kbq-icon-button-contrast-states-disabled, )}.kbq-icon-button.kbq-contrast-fade{color:var(--kbq-icon-button-fade-contrast-default, )}.kbq-icon-button.kbq-contrast-fade:active,.kbq-icon-button.kbq-contrast-fade.kbq-active{color:var(--kbq-icon-button-fade-contrast-states-active, )}.kbq-icon-button.kbq-contrast-fade:not(.kbq-disabled):hover{color:var(--kbq-icon-button-fade-contrast-states-hover, )}.kbq-icon-button.kbq-contrast-fade.kbq-disabled{color:var(--kbq-icon-button-fade-contrast-states-disabled, )}.kbq-icon-button.kbq-error{color:var(--kbq-icon-button-error-default, )}.kbq-icon-button.kbq-error:active,.kbq-icon-button.kbq-error.kbq-active{color:var(--kbq-icon-button-error-states-active, )}.kbq-icon-button.kbq-error:not(.kbq-disabled):hover{color:var(--kbq-icon-button-error-states-hover, )}.kbq-icon-button.kbq-error.kbq-disabled{color:var(--kbq-icon-button-error-states-disabled, )}.kbq-icon-button.kbq-success{color:var(--kbq-icon-button-success-default, )}.kbq-icon-button.kbq-success:active,.kbq-icon-button.kbq-success.kbq-active{color:var(--kbq-icon-button-success-states-active, )}.kbq-icon-button.kbq-success:not(.kbq-disabled):hover{color:var(--kbq-icon-button-success-states-hover, )}.kbq-icon-button.kbq-success.kbq-disabled{color:var(--kbq-icon-button-success-states-disabled, )}.kbq-icon-button.kbq-warning{color:var(--kbq-icon-button-warning-default, )}.kbq-icon-button.kbq-warning:active,.kbq-icon-button.kbq-warning.kbq-active{color:var(--kbq-icon-button-warning-states-active, )}.kbq-icon-button.kbq-warning:not(.kbq-disabled):hover{color:var(--kbq-icon-button-warning-states-hover, )}.kbq-icon-button.kbq-warning.kbq-disabled{color:var(--kbq-icon-button-warning-states-disabled, )}.kbq-icon-button.cdk-keyboard-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-focused-color, ),0 0 .1px 1px var(--kbq-states-focused-color, )}\n", ".kbq-icon-button{--kbq-icon-button-size-horizontal-padding: var(--kbq-size-s);--kbq-icon-button-size-left-icon-padding: var(--kbq-size-xs);--kbq-icon-button-size-normal-horizontal-padding: 0;--kbq-icon-button-size-normal-vertical-padding: 0;--kbq-icon-button-size-small-horizontal-padding: var(--kbq-size-xxs);--kbq-icon-button-size-small-vertical-padding: var(--kbq-size-xxs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-button-theme-default: var(--kbq-icon-theme);--kbq-icon-button-theme-states-hover: var(--kbq-states-icon-theme-hover);--kbq-icon-button-theme-states-active: var(--kbq-states-icon-theme-active);--kbq-icon-button-theme-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-contrast-default: var(--kbq-icon-contrast);--kbq-icon-button-contrast-states-hover: var(--kbq-states-icon-contrast-hover);--kbq-icon-button-contrast-states-active: var(--kbq-states-icon-contrast-active);--kbq-icon-button-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-fade-contrast-default: var(--kbq-icon-contrast-fade);--kbq-icon-button-fade-contrast-states-hover: var(--kbq-states-icon-contrast-fade-hover);--kbq-icon-button-fade-contrast-states-active: var(--kbq-states-icon-contrast-fade-active);--kbq-icon-button-fade-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-error-default: var(--kbq-icon-error);--kbq-icon-button-error-states-hover: var(--kbq-states-icon-error-hover);--kbq-icon-button-error-states-active: var(--kbq-states-icon-error-active);--kbq-icon-button-error-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-success-default: var(--kbq-icon-success);--kbq-icon-button-success-states-hover: var(--kbq-states-icon-success-hover);--kbq-icon-button-success-states-active: var(--kbq-states-icon-success-active);--kbq-icon-button-success-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-warning-default: var(--kbq-icon-warning);--kbq-icon-button-warning-states-hover: var(--kbq-states-icon-warning-hover);--kbq-icon-button-warning-states-active: var(--kbq-states-icon-warning-active);--kbq-icon-button-warning-states-disabled: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-button-theme-default: var(--kbq-icon-theme);--kbq-icon-button-theme-states-hover: var(--kbq-states-icon-theme-hover);--kbq-icon-button-theme-states-active: var(--kbq-states-icon-theme-active);--kbq-icon-button-theme-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-contrast-default: var(--kbq-icon-contrast);--kbq-icon-button-contrast-states-hover: var(--kbq-states-icon-contrast-hover);--kbq-icon-button-contrast-states-active: var(--kbq-states-icon-contrast-active);--kbq-icon-button-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-fade-contrast-default: var(--kbq-icon-contrast-fade);--kbq-icon-button-fade-contrast-states-hover: var(--kbq-states-icon-contrast-fade-hover);--kbq-icon-button-fade-contrast-states-active: var(--kbq-states-icon-contrast-fade-active);--kbq-icon-button-fade-contrast-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-error-default: var(--kbq-icon-error);--kbq-icon-button-error-states-hover: var(--kbq-states-icon-error-hover);--kbq-icon-button-error-states-active: var(--kbq-states-icon-error-active);--kbq-icon-button-error-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-success-default: var(--kbq-icon-success);--kbq-icon-button-success-states-hover: var(--kbq-states-icon-success-hover);--kbq-icon-button-success-states-active: var(--kbq-states-icon-success-active);--kbq-icon-button-success-states-disabled: var(--kbq-states-icon-disabled);--kbq-icon-button-warning-default: var(--kbq-icon-warning);--kbq-icon-button-warning-states-hover: var(--kbq-states-icon-warning-hover);--kbq-icon-button-warning-states-active: var(--kbq-states-icon-warning-active);--kbq-icon-button-warning-states-disabled: var(--kbq-states-icon-disabled)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['kbq-icon-button']
@@ -145,18 +143,18 @@ class KbqIconItem extends KbqIcon {
         this.fade = false;
         this.big = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconItem, deps: [{ token: i0.ElementRef }, { token: 'kbq-icon-item', attribute: true }, { token: KBQ_FORM_FIELD_REF, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqIconItem, selector: "[kbq-icon-item]", inputs: { color: "color", fade: "fade", big: "big" }, host: { properties: { "class.kbq-icon-item_normal": "!big", "class.kbq-icon-item_big": "big", "class.kbq-icon-item_fade-off": "!fade", "class.kbq-icon-item_fade-on": "fade" }, classAttribute: "mc kbq-icon kbq-icon-item kbq-icon-item_filled" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-icon-item{box-sizing:border-box;border-radius:50%}.kbq-icon-item.kbq-icon-item_normal{padding:var(--kbq-icon-item-size-normal-vertical-padding, 8px) var(--kbq-icon-item-size-normal-horizontal-padding, 8px)}.kbq-icon-item.kbq-icon-item_big{padding:var(--kbq-icon-item-size-big-vertical-padding, 16px) var(--kbq-icon-item-size-big-horizontal-padding, 16px)}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-theme{color:var(--kbq-icon-item-filled-fade-off-theme-color, );background:var(--kbq-icon-item-filled-fade-off-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-contrast{color:var(--kbq-icon-item-filled-fade-off-contrast-color, );background:var(--kbq-icon-item-filled-fade-off-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-error{color:var(--kbq-icon-item-filled-fade-off-error-color, );background:var(--kbq-icon-item-filled-fade-off-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-warning{color:var(--kbq-icon-item-filled-fade-off-warning-color, );background:var(--kbq-icon-item-filled-fade-off-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-success{color:var(--kbq-icon-item-filled-fade-off-success-color, );background:var(--kbq-icon-item-filled-fade-off-success-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-theme{color:var(--kbq-icon-item-filled-fade-on-theme-color, );background:var(--kbq-icon-item-filled-fade-on-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-contrast{color:var(--kbq-icon-item-filled-fade-on-contrast-color, );background:var(--kbq-icon-item-filled-fade-on-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-error{color:var(--kbq-icon-item-filled-fade-on-error-color, );background:var(--kbq-icon-item-filled-fade-on-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-warning{color:var(--kbq-icon-item-filled-fade-on-warning-color, );background:var(--kbq-icon-item-filled-fade-on-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-success{color:var(--kbq-icon-item-filled-fade-on-success-color, );background:var(--kbq-icon-item-filled-fade-on-success-background, )}\n", ".kbq-icon-item{--kbq-icon-item-size-normal-horizontal-padding: 8px;--kbq-icon-item-size-normal-vertical-padding: 8px;--kbq-icon-item-size-big-horizontal-padding: 16px;--kbq-icon-item-size-big-vertical-padding: 16px}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-item-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-icon-item-filled-fade-off-contrast-color: hsla(229, 15%, 100%, 100%);--kbq-icon-item-filled-fade-off-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-icon-item-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-icon-item-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-icon-item-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-icon-item-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-icon-item-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-icon-item-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-icon-item-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-icon-item-filled-fade-on-error-color: hsla(7, 97%, 45%, 100%);--kbq-icon-item-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-icon-item-filled-fade-on-warning-color: hsla(38, 100%, 42%, 100%);--kbq-icon-item-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-icon-item-filled-fade-on-success-color: hsla(104, 64%, 40%, 100%);--kbq-icon-item-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-item-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-icon-item-filled-fade-off-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-icon-item-filled-fade-off-contrast-background: hsla(229, 15%, 90%, 100%);--kbq-icon-item-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-icon-item-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-icon-item-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-icon-item-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-icon-item-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-icon-item-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-icon-item-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-icon-item-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-icon-item-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-icon-item-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-icon-item-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-icon-item-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-icon-item-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconItem, deps: [{ token: i0.ElementRef }, { token: 'kbq-icon-item', attribute: true }, { token: KBQ_FORM_FIELD_REF, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqIconItem, isStandalone: true, selector: "[kbq-icon-item]", inputs: { color: "color", fade: "fade", big: "big" }, host: { properties: { "class.kbq-icon-item_normal": "!big", "class.kbq-icon-item_big": "big", "class.kbq-icon-item_fade-off": "!fade", "class.kbq-icon-item_fade-on": "fade" }, classAttribute: "kbq kbq-icon kbq-icon-item kbq-icon-item_filled" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-icon-item{box-sizing:border-box;border-radius:50%}.kbq-icon-item.kbq-icon-item_normal{padding:var(--kbq-icon-item-size-normal-vertical-padding, 8px) var(--kbq-icon-item-size-normal-horizontal-padding, 8px)}.kbq-icon-item.kbq-icon-item_big{padding:var(--kbq-icon-item-size-big-vertical-padding, 16px) var(--kbq-icon-item-size-big-horizontal-padding, 16px)}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-theme{color:var(--kbq-icon-item-filled-fade-off-theme-color, );background:var(--kbq-icon-item-filled-fade-off-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-contrast{color:var(--kbq-icon-item-filled-fade-off-contrast-color, );background:var(--kbq-icon-item-filled-fade-off-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-error{color:var(--kbq-icon-item-filled-fade-off-error-color, );background:var(--kbq-icon-item-filled-fade-off-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-warning{color:var(--kbq-icon-item-filled-fade-off-warning-color, );background:var(--kbq-icon-item-filled-fade-off-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-success{color:var(--kbq-icon-item-filled-fade-off-success-color, );background:var(--kbq-icon-item-filled-fade-off-success-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-theme{color:var(--kbq-icon-item-filled-fade-on-theme-color, );background:var(--kbq-icon-item-filled-fade-on-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-contrast{color:var(--kbq-icon-item-filled-fade-on-contrast-color, );background:var(--kbq-icon-item-filled-fade-on-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-error{color:var(--kbq-icon-item-filled-fade-on-error-color, );background:var(--kbq-icon-item-filled-fade-on-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-warning{color:var(--kbq-icon-item-filled-fade-on-warning-color, );background:var(--kbq-icon-item-filled-fade-on-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-success{color:var(--kbq-icon-item-filled-fade-on-success-color, );background:var(--kbq-icon-item-filled-fade-on-success-background, )}\n", ".kbq-icon-item{--kbq-icon-item-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-icon-item-size-normal-vertical-padding: var(--kbq-size-s);--kbq-icon-item-size-big-horizontal-padding: var(--kbq-size-l);--kbq-icon-item-size-big-vertical-padding: var(--kbq-size-l)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-item-filled-fade-off-theme-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-icon-item-filled-fade-off-contrast-color: var(--kbq-icon-on-contrast);--kbq-icon-item-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-icon-item-filled-fade-off-error-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-error-background: var(--kbq-background-error);--kbq-icon-item-filled-fade-off-warning-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-icon-item-filled-fade-off-success-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-success-background: var(--kbq-background-success);--kbq-icon-item-filled-fade-on-theme-color: var(--kbq-icon-theme);--kbq-icon-item-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-icon-item-filled-fade-on-contrast-color: var(--kbq-icon-contrast);--kbq-icon-item-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-icon-item-filled-fade-on-error-color: var(--kbq-icon-error);--kbq-icon-item-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-icon-item-filled-fade-on-warning-color: var(--kbq-icon-warning);--kbq-icon-item-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-icon-item-filled-fade-on-success-color: var(--kbq-icon-success);--kbq-icon-item-filled-fade-on-success-background: var(--kbq-background-success-fade)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-item-filled-fade-off-theme-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-icon-item-filled-fade-off-contrast-color: var(--kbq-icon-on-contrast);--kbq-icon-item-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-icon-item-filled-fade-off-error-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-error-background: var(--kbq-background-error);--kbq-icon-item-filled-fade-off-warning-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-icon-item-filled-fade-off-success-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-success-background: var(--kbq-background-success);--kbq-icon-item-filled-fade-on-theme-color: var(--kbq-icon-theme);--kbq-icon-item-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-icon-item-filled-fade-on-contrast-color: var(--kbq-icon-contrast);--kbq-icon-item-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-icon-item-filled-fade-on-error-color: var(--kbq-icon-error);--kbq-icon-item-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-icon-item-filled-fade-on-warning-color: var(--kbq-icon-warning);--kbq-icon-item-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-icon-item-filled-fade-on-success-color: var(--kbq-icon-success);--kbq-icon-item-filled-fade-on-success-background: var(--kbq-background-success-fade)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconItem, decorators: [{
             type: Component,
-            args: [{ selector: `[kbq-icon-item]`, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
-                        class: 'mc kbq-icon kbq-icon-item kbq-icon-item_filled',
+            args: [{ standalone: true, selector: `[kbq-icon-item]`, template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['color'], host: {
+                        class: 'kbq kbq-icon kbq-icon-item kbq-icon-item_filled',
                         '[class.kbq-icon-item_normal]': '!big',
                         '[class.kbq-icon-item_big]': 'big',
                         '[class.kbq-icon-item_fade-off]': '!fade',
                         '[class.kbq-icon-item_fade-on]': 'fade'
-                    }, styles: [".kbq-icon-item{box-sizing:border-box;border-radius:50%}.kbq-icon-item.kbq-icon-item_normal{padding:var(--kbq-icon-item-size-normal-vertical-padding, 8px) var(--kbq-icon-item-size-normal-horizontal-padding, 8px)}.kbq-icon-item.kbq-icon-item_big{padding:var(--kbq-icon-item-size-big-vertical-padding, 16px) var(--kbq-icon-item-size-big-horizontal-padding, 16px)}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-theme{color:var(--kbq-icon-item-filled-fade-off-theme-color, );background:var(--kbq-icon-item-filled-fade-off-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-contrast{color:var(--kbq-icon-item-filled-fade-off-contrast-color, );background:var(--kbq-icon-item-filled-fade-off-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-error{color:var(--kbq-icon-item-filled-fade-off-error-color, );background:var(--kbq-icon-item-filled-fade-off-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-warning{color:var(--kbq-icon-item-filled-fade-off-warning-color, );background:var(--kbq-icon-item-filled-fade-off-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-success{color:var(--kbq-icon-item-filled-fade-off-success-color, );background:var(--kbq-icon-item-filled-fade-off-success-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-theme{color:var(--kbq-icon-item-filled-fade-on-theme-color, );background:var(--kbq-icon-item-filled-fade-on-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-contrast{color:var(--kbq-icon-item-filled-fade-on-contrast-color, );background:var(--kbq-icon-item-filled-fade-on-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-error{color:var(--kbq-icon-item-filled-fade-on-error-color, );background:var(--kbq-icon-item-filled-fade-on-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-warning{color:var(--kbq-icon-item-filled-fade-on-warning-color, );background:var(--kbq-icon-item-filled-fade-on-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-success{color:var(--kbq-icon-item-filled-fade-on-success-color, );background:var(--kbq-icon-item-filled-fade-on-success-background, )}\n", ".kbq-icon-item{--kbq-icon-item-size-normal-horizontal-padding: 8px;--kbq-icon-item-size-normal-vertical-padding: 8px;--kbq-icon-item-size-big-horizontal-padding: 16px;--kbq-icon-item-size-big-vertical-padding: 16px}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-item-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-icon-item-filled-fade-off-contrast-color: hsla(229, 15%, 100%, 100%);--kbq-icon-item-filled-fade-off-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-icon-item-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-icon-item-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-icon-item-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-icon-item-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-icon-item-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-icon-item-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-icon-item-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-icon-item-filled-fade-on-error-color: hsla(7, 97%, 45%, 100%);--kbq-icon-item-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-icon-item-filled-fade-on-warning-color: hsla(38, 100%, 42%, 100%);--kbq-icon-item-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-icon-item-filled-fade-on-success-color: hsla(104, 64%, 40%, 100%);--kbq-icon-item-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-item-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-icon-item-filled-fade-off-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-icon-item-filled-fade-off-contrast-background: hsla(229, 15%, 90%, 100%);--kbq-icon-item-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-icon-item-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-icon-item-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-icon-item-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-icon-item-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-icon-item-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-icon-item-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-icon-item-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-icon-item-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-icon-item-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-icon-item-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-icon-item-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-icon-item-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-icon-item-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%)}\n"] }]
+                    }, styles: [".kbq-icon-item{box-sizing:border-box;border-radius:50%}.kbq-icon-item.kbq-icon-item_normal{padding:var(--kbq-icon-item-size-normal-vertical-padding, 8px) var(--kbq-icon-item-size-normal-horizontal-padding, 8px)}.kbq-icon-item.kbq-icon-item_big{padding:var(--kbq-icon-item-size-big-vertical-padding, 16px) var(--kbq-icon-item-size-big-horizontal-padding, 16px)}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-theme{color:var(--kbq-icon-item-filled-fade-off-theme-color, );background:var(--kbq-icon-item-filled-fade-off-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-contrast{color:var(--kbq-icon-item-filled-fade-off-contrast-color, );background:var(--kbq-icon-item-filled-fade-off-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-error{color:var(--kbq-icon-item-filled-fade-off-error-color, );background:var(--kbq-icon-item-filled-fade-off-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-warning{color:var(--kbq-icon-item-filled-fade-off-warning-color, );background:var(--kbq-icon-item-filled-fade-off-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-off.kbq-success{color:var(--kbq-icon-item-filled-fade-off-success-color, );background:var(--kbq-icon-item-filled-fade-off-success-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-theme{color:var(--kbq-icon-item-filled-fade-on-theme-color, );background:var(--kbq-icon-item-filled-fade-on-theme-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-contrast{color:var(--kbq-icon-item-filled-fade-on-contrast-color, );background:var(--kbq-icon-item-filled-fade-on-contrast-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-error{color:var(--kbq-icon-item-filled-fade-on-error-color, );background:var(--kbq-icon-item-filled-fade-on-error-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-warning{color:var(--kbq-icon-item-filled-fade-on-warning-color, );background:var(--kbq-icon-item-filled-fade-on-warning-background, )}.kbq-icon-item.kbq-icon-item_filled.kbq-icon-item_fade-on.kbq-success{color:var(--kbq-icon-item-filled-fade-on-success-color, );background:var(--kbq-icon-item-filled-fade-on-success-background, )}\n", ".kbq-icon-item{--kbq-icon-item-size-normal-horizontal-padding: var(--kbq-size-s);--kbq-icon-item-size-normal-vertical-padding: var(--kbq-size-s);--kbq-icon-item-size-big-horizontal-padding: var(--kbq-size-l);--kbq-icon-item-size-big-vertical-padding: var(--kbq-size-l)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-icon-item-filled-fade-off-theme-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-icon-item-filled-fade-off-contrast-color: var(--kbq-icon-on-contrast);--kbq-icon-item-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-icon-item-filled-fade-off-error-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-error-background: var(--kbq-background-error);--kbq-icon-item-filled-fade-off-warning-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-icon-item-filled-fade-off-success-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-success-background: var(--kbq-background-success);--kbq-icon-item-filled-fade-on-theme-color: var(--kbq-icon-theme);--kbq-icon-item-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-icon-item-filled-fade-on-contrast-color: var(--kbq-icon-contrast);--kbq-icon-item-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-icon-item-filled-fade-on-error-color: var(--kbq-icon-error);--kbq-icon-item-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-icon-item-filled-fade-on-warning-color: var(--kbq-icon-warning);--kbq-icon-item-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-icon-item-filled-fade-on-success-color: var(--kbq-icon-success);--kbq-icon-item-filled-fade-on-success-background: var(--kbq-background-success-fade)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-icon-item-filled-fade-off-theme-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-theme-background: var(--kbq-background-theme);--kbq-icon-item-filled-fade-off-contrast-color: var(--kbq-icon-on-contrast);--kbq-icon-item-filled-fade-off-contrast-background: var(--kbq-background-contrast);--kbq-icon-item-filled-fade-off-error-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-error-background: var(--kbq-background-error);--kbq-icon-item-filled-fade-off-warning-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-warning-background: var(--kbq-background-warning);--kbq-icon-item-filled-fade-off-success-color: var(--kbq-icon-white);--kbq-icon-item-filled-fade-off-success-background: var(--kbq-background-success);--kbq-icon-item-filled-fade-on-theme-color: var(--kbq-icon-theme);--kbq-icon-item-filled-fade-on-theme-background: var(--kbq-background-theme-fade);--kbq-icon-item-filled-fade-on-contrast-color: var(--kbq-icon-contrast);--kbq-icon-item-filled-fade-on-contrast-background: var(--kbq-background-contrast-fade);--kbq-icon-item-filled-fade-on-error-color: var(--kbq-icon-error);--kbq-icon-item-filled-fade-on-error-background: var(--kbq-background-error-fade);--kbq-icon-item-filled-fade-on-warning-color: var(--kbq-icon-warning);--kbq-icon-item-filled-fade-on-warning-background: var(--kbq-background-warning-fade);--kbq-icon-item-filled-fade-on-success-color: var(--kbq-icon-success);--kbq-icon-item-filled-fade-on-success-background: var(--kbq-background-success-fade)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['kbq-icon-item']
@@ -171,34 +169,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                 type: Input
             }] } });
 
+const COMPONENTS = [
+    KbqIcon,
+    KbqIconButton,
+    KbqIconItem
+];
 class KbqIconModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqIconModule, declarations: [KbqIcon,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqIconModule, imports: [KbqIcon,
             KbqIconButton,
-            KbqIconItem], imports: [A11yModule,
-            PlatformModule], exports: [KbqIcon,
+            KbqIconItem], exports: [KbqIcon,
             KbqIconButton,
             KbqIconItem] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconModule, imports: [A11yModule,
-            PlatformModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqIconModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        A11yModule,
-                        PlatformModule
-                    ],
-                    exports: [
-                        KbqIcon,
-                        KbqIconButton,
-                        KbqIconItem
-                    ],
-                    declarations: [
-                        KbqIcon,
-                        KbqIconButton,
-                        KbqIconItem
-                    ]
+                    imports: COMPONENTS,
+                    exports: COMPONENTS
                 }]
         }] });
 

package/fesm2022/koobiq-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-icon.mjs","sources":["../../../packages/components/icon/icon.component.ts","../../../packages/components/icon/icon-button.component.ts","../../../packages/components/icon/icon-item.component.ts","../../../packages/components/icon/icon.module.ts","../../../packages/components/icon/koobiq-components-icon.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    CanColor,\n    CanColorCtor,\n    KBQ_FORM_FIELD_REF,\n    KbqComponentColors,\n    KbqFormFieldRef,\n    mixinColor\n} from '@koobiq/components/core';\n\n/** @docs-private */\nexport class KbqIconBase {\n    constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqIconMixinBase: CanColorCtor & typeof KbqIconBase = mixinColor(\n    KbqIconBase,\n    KbqComponentColors.ContrastFade\n);\n\n@Component({\n    selector: '[kbq-icon]',\n    template: '<ng-content />',\n    styleUrls: ['icon.scss', 'icon-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'mc kbq-icon',\n        '[class.kbq-error]': 'color === \"error\" || hasError'\n    }\n})\nexport class KbqIcon extends KbqIconMixinBase implements CanColor, AfterContentInit {\n    @Input() small = false;\n    @Input() autoColor = false;\n\n    hasError: boolean = false;\n\n    protected name = 'KbqIcon';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon') protected iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) protected formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef);\n\n        if (iconName) {\n            this.getHostElement().classList.add(iconName);\n        }\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    updateMaxHeight() {\n        if (this.name !== 'KbqIcon') {\n            return;\n        }\n\n        const size = parseInt(this.iconName?.split('_')[1]);\n\n        if (size) {\n            this.getHostElement().style.maxHeight = `${size}px`;\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.autoColor) {\n            this.formField.control?.stateChanges.subscribe(this.updateState);\n\n            this.updateState();\n        }\n\n        this.updateMaxHeight();\n    }\n\n    private updateState = () => {\n        this.hasError = this.formField.shouldForward('invalid');\n\n        this.changeDetectorRef.markForCheck();\n    };\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    Attribute,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    selector: `[kbq-icon-button]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-button.scss', 'icon-button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'mc kbq-icon kbq-icon-button',\n\n        '[attr.tabindex]': 'tabindex',\n        '[attr.disabled]': 'disabled',\n\n        '[class.kbq-disabled]': 'disabled',\n        '[class.kbq-icon-button_small]': 'small'\n    }\n})\nexport class KbqIconButton extends KbqIcon implements OnDestroy, CanColor {\n    @Input() small = false;\n\n    @Input()\n    get tabindex() {\n        return this.disabled ? null : this._tabindex;\n    }\n\n    set tabindex(value: any) {\n        this._tabindex = value;\n    }\n\n    private _tabindex = 0;\n\n    /** Whether the button is disabled. */\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        if (this._disabled !== value) {\n            this._disabled = value;\n\n            this._disabled ? this.stopFocusMonitor() : this.runFocusMonitor();\n        }\n    }\n\n    private _disabled: boolean;\n\n    override name = 'KbqIconButton';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-button') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef,\n        private focusMonitor: FocusMonitor\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n\n        this.runFocusMonitor();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.getHostElement(), true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.getHostElement());\n    }\n}\n","import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    selector: `[kbq-icon-item]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-item.scss', 'icon-item-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'mc kbq-icon kbq-icon-item kbq-icon-item_filled',\n        '[class.kbq-icon-item_normal]': '!big',\n        '[class.kbq-icon-item_big]': 'big',\n        '[class.kbq-icon-item_fade-off]': '!fade',\n        '[class.kbq-icon-item_fade-on]': 'fade'\n    }\n})\nexport class KbqIconItem extends KbqIcon implements CanColor {\n    override name = 'KbqIconItem';\n\n    @Input() fade: boolean = false;\n    @Input() big: boolean = false;\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-item') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqIconButton } from './icon-button.component';\nimport { KbqIconItem } from './icon-item.component';\nimport { KbqIcon } from './icon.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule\n    ],\n    exports: [\n        KbqIcon,\n        KbqIconButton,\n        KbqIconItem\n    ],\n    declarations: [\n        KbqIcon,\n        KbqIconButton,\n        KbqIconItem\n    ]\n})\nexport class KbqIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-icon.mjs","sources":["../../../packages/components/icon/icon.component.ts","../../../packages/components/icon/icon-button.component.ts","../../../packages/components/icon/icon-item.component.ts","../../../packages/components/icon/icon.module.ts","../../../packages/components/icon/koobiq-components-icon.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    CanColor,\n    CanColorCtor,\n    KBQ_FORM_FIELD_REF,\n    KbqComponentColors,\n    KbqFormFieldRef,\n    mixinColor\n} from '@koobiq/components/core';\n\n/** @docs-private */\nexport class KbqIconBase {\n    constructor(public elementRef: ElementRef) {}\n}\n\n/** @docs-private */\nexport const KbqIconMixinBase: CanColorCtor & typeof KbqIconBase = mixinColor(\n    KbqIconBase,\n    KbqComponentColors.ContrastFade\n);\n\n@Component({\n    standalone: true,\n    selector: '[kbq-icon]',\n    template: '<ng-content />',\n    styleUrls: ['icon.scss', 'icon-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon',\n        '[class.kbq-error]': 'color === \"error\" || hasError'\n    }\n})\nexport class KbqIcon extends KbqIconMixinBase implements CanColor, AfterContentInit {\n    @Input() small = false;\n    @Input() autoColor = false;\n\n    hasError: boolean = false;\n\n    protected name = 'KbqIcon';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon') protected iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) protected formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef);\n\n        if (iconName) {\n            this.getHostElement().classList.add(iconName);\n        }\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    updateMaxHeight() {\n        if (this.name !== 'KbqIcon') {\n            return;\n        }\n\n        const size = parseInt(this.iconName?.split('_')[1]);\n\n        if (size) {\n            this.getHostElement().style.maxHeight = `${size}px`;\n        }\n    }\n\n    ngAfterContentInit(): void {\n        if (this.autoColor) {\n            this.formField.control?.stateChanges.subscribe(this.updateState);\n\n            this.updateState();\n        }\n\n        this.updateMaxHeight();\n    }\n\n    private updateState = () => {\n        this.hasError = this.formField.shouldForward('invalid');\n\n        this.changeDetectorRef.markForCheck();\n    };\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    Attribute,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    standalone: true,\n    selector: `[kbq-icon-button]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-button.scss', 'icon-button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon kbq-icon-button',\n\n        '[attr.tabindex]': 'tabindex',\n        '[attr.disabled]': 'disabled',\n\n        '[class.kbq-disabled]': 'disabled',\n        '[class.kbq-icon-button_small]': 'small'\n    }\n})\nexport class KbqIconButton extends KbqIcon implements OnDestroy, CanColor {\n    @Input() small = false;\n\n    @Input()\n    get tabindex() {\n        return this.disabled ? null : this._tabindex;\n    }\n\n    set tabindex(value: any) {\n        this._tabindex = value;\n    }\n\n    private _tabindex = 0;\n\n    /** Whether the button is disabled. */\n    @Input({ transform: booleanAttribute })\n    get disabled(): boolean {\n        return this._disabled;\n    }\n\n    set disabled(value: boolean) {\n        if (this._disabled !== value) {\n            this._disabled = value;\n\n            this._disabled ? this.stopFocusMonitor() : this.runFocusMonitor();\n        }\n    }\n\n    private _disabled: boolean;\n\n    override name = 'KbqIconButton';\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-button') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef,\n        private focusMonitor: FocusMonitor\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n\n        this.runFocusMonitor();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.getHostElement(), true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.getHostElement());\n    }\n}\n","import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Inject,\n    Input,\n    Optional,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanColor, KBQ_FORM_FIELD_REF, KbqFormFieldRef } from '@koobiq/components/core';\nimport { KbqIcon } from './icon.component';\n\n@Component({\n    standalone: true,\n    selector: `[kbq-icon-item]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-item.scss', 'icon-item-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['color'],\n    host: {\n        class: 'kbq kbq-icon kbq-icon-item kbq-icon-item_filled',\n        '[class.kbq-icon-item_normal]': '!big',\n        '[class.kbq-icon-item_big]': 'big',\n        '[class.kbq-icon-item_fade-off]': '!fade',\n        '[class.kbq-icon-item_fade-on]': 'fade'\n    }\n})\nexport class KbqIconItem extends KbqIcon implements CanColor {\n    override name = 'KbqIconItem';\n\n    @Input() fade: boolean = false;\n    @Input() big: boolean = false;\n\n    constructor(\n        elementRef: ElementRef,\n        @Attribute('kbq-icon-item') iconName: string,\n        @Optional() @Inject(KBQ_FORM_FIELD_REF) formField: KbqFormFieldRef,\n        protected changeDetectorRef: ChangeDetectorRef\n    ) {\n        super(elementRef, iconName, formField, changeDetectorRef);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIconButton } from './icon-button.component';\nimport { KbqIconItem } from './icon-item.component';\nimport { KbqIcon } from './icon.component';\n\nconst COMPONENTS = [\n    KbqIcon,\n    KbqIconButton,\n    KbqIconItem\n];\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-input.mjs

@@ -331,10 +331,10 @@ class KbqNumberInput {
         }
         return numberOutput;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqNumberInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'step', attribute: true }, { token: 'big-step', attribute: true }, { token: 'min', attribute: true }, { token: 'max', attribute: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqNumberInput, selector: "input[kbqNumberInput]", inputs: { bigStep: "bigStep", step: "step", min: "min", max: "max", withThousandSeparator: "withThousandSeparator", startFormattingFrom: "startFormattingFrom", value: "value", disabled: "disabled" }, host: { listeners: { "blur": "focusChanged(false)", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, providers: [KBQ_NUMBER_INPUT_VALUE_ACCESSOR], exportAs: ["kbqNumericalInput"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqNumberInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'step', attribute: true }, { token: 'big-step', attribute: true }, { token: 'min', attribute: true }, { token: 'max', attribute: true }, { token: KBQ_LOCALE_SERVICE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqNumberInput, selector: "input[kbqNumberInput]", inputs: { bigStep: "bigStep", step: "step", min: "min", max: "max", withThousandSeparator: "withThousandSeparator", startFormattingFrom: "startFormattingFrom", value: "value", disabled: "disabled" }, host: { listeners: { "blur": "focusChanged(false)", "focus": "focusChanged(true)", "paste": "onPaste($event)", "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, providers: [KBQ_NUMBER_INPUT_VALUE_ACCESSOR], exportAs: ["kbqNumericalInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqNumberInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqNumberInput, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[kbqNumberInput]`,
@@ -593,15 +593,15 @@ class KbqInput extends KbqInputMixinBase {
         const validity = this.elementRef.nativeElement.validity;
         return validity?.badInput;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInput, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: KbqNumberInput, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: KBQ_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqInput, selector: "input[kbqInput],input[kbqNumberInput]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", type: "type", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)" }, properties: { "attr.id": "id", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "kbq-input" }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInput, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: KbqNumberInput, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: KBQ_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqInput, selector: "input[kbqInput],input[kbqNumberInput]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", type: "type", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)" }, properties: { "attr.id": "id", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "kbq-input" }, providers: [
             {
                 provide: KbqFormFieldControl,
                 useExisting: KbqInput
             }
         ], exportAs: ["kbqInput"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInput, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[kbqInput],input[kbqNumberInput]`,
@@ -659,10 +659,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                 type: Input
             }] } });
 class KbqInputMono {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputMono, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqInputMono, selector: "input[kbqInputMonospace]", host: { classAttribute: "kbq-input_monospace" }, exportAs: ["KbqInputMonospace"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputMono, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqInputMono, selector: "input[kbqInputMonospace]", host: { classAttribute: "kbq-input_monospace" }, exportAs: ["KbqInputMonospace"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputMono, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputMono, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[kbqInputMonospace]',
@@ -698,10 +698,10 @@ class MinValidator {
     createValidator() {
         this.validator = Validators.min(parseInt(this.min, 10));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: MinValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: MinValidator, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "min ? min : null" } }, providers: [MIN_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MinValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: MinValidator, selector: "[min][formControlName],[min][formControl],[min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "min ? min : null" } }, providers: [MIN_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: MinValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MinValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[min][formControlName],[min][formControl],[min][ngModel]',
@@ -740,10 +740,10 @@ class MaxValidator {
     createValidator() {
         this.validator = Validators.max(parseInt(this.max, 10));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: MaxValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: MaxValidator, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "max ? max : null" } }, providers: [MAX_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MaxValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: MaxValidator, selector: "[max][formControlName],[max][formControl],[max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "max ? max : null" } }, providers: [MAX_VALIDATOR], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: MaxValidator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MaxValidator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[max][formControlName],[max][formControl],[max][ngModel]',
@@ -921,15 +921,15 @@ class KbqInputPassword extends KbqInputMixinBase {
         // The `validity` property won't be present on platform-server.
         return this.elementRef.nativeElement.validity?.badInput;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputPassword, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: KBQ_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0", type: KbqInputPassword, selector: "input[kbqInputPassword]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "onInput()" }, properties: { "attr.id": "id", "attr.type": "elementType", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "kbq-input kbq-input-password" }, providers: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputPassword, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.NgForm, optional: true }, { token: i1.FormGroupDirective, optional: true }, { token: i3.ErrorStateMatcher }, { token: KBQ_INPUT_VALUE_ACCESSOR, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqInputPassword, selector: "input[kbqInputPassword]", inputs: { errorStateMatcher: "errorStateMatcher", placeholder: "placeholder", disabled: "disabled", id: "id", required: "required", value: "value" }, host: { listeners: { "blur": "onBlur()", "focus": "focusChanged(true)", "input": "onInput()" }, properties: { "attr.id": "id", "attr.type": "elementType", "attr.placeholder": "placeholder", "attr.disabled": "disabled || null", "required": "required" }, classAttribute: "kbq-input kbq-input-password" }, providers: [
             {
                 provide: KbqFormFieldControl,
                 useExisting: KbqInputPassword
             }
         ], exportAs: ["kbqInputPassword"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputPassword, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputPassword, decorators: [{
             type: Directive,
             args: [{
                     selector: `input[kbqInputPassword]`,
@@ -984,8 +984,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
             }] } });
 
 class KbqInputModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqInputModule, declarations: [KbqInput,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqInputModule, declarations: [KbqInput,
             KbqNumberInput,
             KbqInputPassword,
             KbqInputMono,
@@ -999,12 +999,12 @@ class KbqInputModule {
             KbqInputMono,
             MinValidator,
             MaxValidator] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputModule, imports: [A11yModule,
             KbqCommonModule,
             FormsModule,
             KbqIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/koobiq-components-link.mjs

@@ -58,10 +58,10 @@ class KbqLink extends KbqLinkMixinBase {
             this.printUrl = this._print || this.getHostElement().href?.replace(baseURLRegex, '');
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqLink, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.0", type: KbqLink, selector: "[kbq-link]", inputs: { tabIndex: "tabIndex", disabled: ["disabled", "disabled", booleanAttribute], pseudo: ["pseudo", "pseudo", booleanAttribute], noUnderline: ["noUnderline", "noUnderline", booleanAttribute], big: ["big", "big", booleanAttribute], compact: ["compact", "compact", booleanAttribute], useVisited: ["useVisited", "useVisited", booleanAttribute], print: "print" }, host: { properties: { "class.kbq-link_no-underline": "noUnderline", "class.kbq-link_use-visited": "useVisited", "class.kbq-link_big": "big", "class.kbq-link_compact": "compact", "class.kbq-link_pseudo": "pseudo", "class.kbq-link_print": "printMode", "class.kbq-text-only": "!hasIcon", "class.kbq-text-with-icon": "hasIcon", "class.kbq-disabled": "disabled || null", "attr.disabled": "disabled || null", "attr.tabindex": "tabIndex", "attr.print": "printUrl" }, classAttribute: "kbq-link" }, queries: [{ propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }], exportAs: ["kbqLink"], usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLink, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.6", type: KbqLink, selector: "[kbq-link]", inputs: { tabIndex: "tabIndex", disabled: ["disabled", "disabled", booleanAttribute], pseudo: ["pseudo", "pseudo", booleanAttribute], noUnderline: ["noUnderline", "noUnderline", booleanAttribute], big: ["big", "big", booleanAttribute], compact: ["compact", "compact", booleanAttribute], useVisited: ["useVisited", "useVisited", booleanAttribute], print: "print" }, host: { properties: { "class.kbq-link_no-underline": "noUnderline", "class.kbq-link_use-visited": "useVisited", "class.kbq-link_big": "big", "class.kbq-link_compact": "compact", "class.kbq-link_pseudo": "pseudo", "class.kbq-link_print": "printMode", "class.kbq-text-only": "!hasIcon", "class.kbq-text-with-icon": "hasIcon", "class.kbq-disabled": "disabled || null", "attr.disabled": "disabled || null", "attr.tabindex": "tabIndex", "attr.print": "printUrl" }, classAttribute: "kbq-link" }, queries: [{ propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }], exportAs: ["kbqLink"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLink, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-link]',
@@ -109,11 +109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
             }] } });
 
 class KbqLinkModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0", ngImport: i0, type: KbqLinkModule, declarations: [KbqLink], imports: [A11yModule], exports: [KbqLink] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqLinkModule, imports: [A11yModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqLinkModule, declarations: [KbqLink], imports: [A11yModule], exports: [KbqLink] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLinkModule, imports: [A11yModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [