@koobiq/components 19.5.0 → 19.7.0

package/fesm2022/koobiq-components-ellipsis-center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-ellipsis-center.mjs","sources":["../../../packages/components/ellipsis-center/ellipsis-center.directive.ts","../../../packages/components/ellipsis-center/koobiq-components-ellipsis-center.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Directive,\n    inject,\n    Input,\n    NgModule,\n    numberAttribute,\n    OnDestroy,\n    OnInit,\n    Renderer2\n} from '@angular/core';\nimport { KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nconst MIN_VISIBLE_LENGTH = 50;\n\n@Directive({\n    selector: '[kbqEllipsisCenter]',\n    host: {\n        class: 'kbq-ellipsis-center',\n        '(window:resize)': 'resizeStream.next($event)'\n    }\n})\nexport class KbqEllipsisCenterDirective extends KbqTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {\n    private renderer: Renderer2 = inject(Renderer2);\n    private cdr: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    @Input() set kbqEllipsisCenter(value: string) {\n        this._kbqEllipsisCenter = value;\n        this.refresh();\n        // check the view to properly calculate text-start and text-end on text initialized\n        this.cdr.detectChanges();\n    }\n\n    @Input() minVisibleLength: number = MIN_VISIBLE_LENGTH;\n\n    @Input() charWidth = 7;\n\n    /**\n     * Debounce time (ms) for resize events before recalculating ellipsis position.\n     * @default 50\n     */\n    @Input({ transform: numberAttribute }) debounceInterval: number = 50;\n\n    /** @docs-private */\n    readonly resizeStream = new Subject<Event>();\n\n    private _kbqEllipsisCenter: string;\n\n    private resizeSubscription = Subscription.EMPTY;\n\n    override ngOnInit(): void {\n        super.ngOnInit();\n        this.content = this._kbqEllipsisCenter;\n        this.refresh();\n    }\n\n    ngAfterViewInit(): void {\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.debounceInterval))\n            .subscribe(() => this.refresh());\n    }\n\n    ngOnDestroy() {\n        super.ngOnDestroy();\n        this.resizeSubscription.unsubscribe();\n    }\n\n    /**\n     * Updates the displayed text with center ellipsis truncation based on container width.\n     * Recreates start/end span elements, measures available space, and adjusts text accordingly.\n     * @docs-private\n     */\n    refresh(): void {\n        let start = '';\n        let end = '';\n\n        this.content = this._kbqEllipsisCenter;\n\n        const [dataTextStart, dataTextEnd] = [\n            'kbq-ellipsis-center_data-text-start',\n            'kbq-ellipsis-center_data-text-end'\n        ].map((querySelector) => {\n            const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n\n            if (element) {\n                this.renderer.removeChild(this.elementRef.nativeElement, element);\n            }\n\n            const newElement = this.renderer.createElement('span');\n\n            this.renderer.addClass(newElement, querySelector);\n\n            return newElement;\n        });\n\n        this.renderer.appendChild(dataTextStart, this.renderer.createText(this._kbqEllipsisCenter));\n        this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n        setTimeout(() => {\n            this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;\n\n            if (this.disabled) {\n                start = '';\n                end = this._kbqEllipsisCenter;\n            } else {\n                const averageCharWidth = this.charWidth;\n                const lastCharsLength = Math.round(this.elementRef.nativeElement.clientWidth / 2 / averageCharWidth);\n                const sliceIndex: number = Math.round(this._kbqEllipsisCenter.length - lastCharsLength);\n\n                start = this._kbqEllipsisCenter.slice(0, sliceIndex);\n                end = this._kbqEllipsisCenter.slice(sliceIndex);\n            }\n\n            dataTextStart.innerText = start;\n            dataTextEnd.innerText = end;\n\n            this.cdr.markForCheck();\n        });\n\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n    }\n}\n\n@NgModule({\n    imports: [KbqEllipsisCenterDirective],\n    exports: [KbqEllipsisCenterDirective]\n})\nexport class KbqEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAgBA,MAAM,kBAAkB,GAAG,EAAE;AASvB,MAAO,0BAA2B,SAAQ,iBAAiB,CAAA;AAPjE,IAAA,WAAA,GAAA;;AAQY,QAAA,IAAA,CAAA,QAAQ,GAAc,MAAM,CAAC,SAAS,CAAC;AACvC,QAAA,IAAA,CAAA,GAAG,GAAsB,MAAM,CAAC,iBAAiB,CAAC;QASjD,IAAA,CAAA,gBAAgB,GAAW,kBAAkB;QAE7C,IAAA,CAAA,SAAS,GAAG,CAAC;AAEtB;;;AAGG;QACoC,IAAA,CAAA,gBAAgB,GAAW,EAAE;;AAG3D,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAS;AAIpC,QAAA,IAAA,CAAA,kBAAkB,GAAG,YAAY,CAAC,KAAK;AAyElD,IAAA;IA/FG,IAAa,iBAAiB,CAAC,KAAa,EAAA;AACxC,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;QAC/B,IAAI,CAAC,OAAO,EAAE;;AAEd,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;IAC5B;IAmBS,QAAQ,GAAA;QACb,KAAK,CAAC,QAAQ,EAAE;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB;QACtC,IAAI,CAAC,OAAO,EAAE;IAClB;IAEA,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;AAC1B,aAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC;aACxC,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;IACxC;IAEA,WAAW,GAAA;QACP,KAAK,CAAC,WAAW,EAAE;AACnB,QAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE;IACzC;AAEA;;;;AAIG;IACH,OAAO,GAAA;QACH,IAAI,KAAK,GAAG,EAAE;QACd,IAAI,GAAG,GAAG,EAAE;AAEZ,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB;AAEtC,QAAA,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG;YACjC,qCAAqC;YACrC;AACH,SAAA,CAAC,GAAG,CAAC,CAAC,aAAa,KAAI;AACpB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,aAAa,CAAA,CAAE,CAAC;YAEhF,IAAI,OAAO,EAAE;AACT,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC;YACrE;YAEA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;YAEtD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC;AAEjD,YAAA,OAAO,UAAU;AACrB,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;AAC3F,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QACrE,UAAU,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW;AAErF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,KAAK,GAAG,EAAE;AACV,gBAAA,GAAG,GAAG,IAAI,CAAC,kBAAkB;YACjC;iBAAO;AACH,gBAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS;AACvC,gBAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,GAAG,gBAAgB,CAAC;AACpG,gBAAA,MAAM,UAAU,GAAW,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,eAAe,CAAC;gBAEvF,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;gBACpD,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,CAAC;YACnD;AAEA,YAAA,aAAa,CAAC,SAAS,GAAG,KAAK;AAC/B,YAAA,WAAW,CAAC,SAAS,GAAG,GAAG;AAE3B,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AAC3B,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,aAAa,CAAC;AACvE,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,WAAW,CAAC;IACzE;kIAlGS,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,kOAmBf,eAAe,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,2BAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAnB1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,qBAAqB;AAC5B,wBAAA,iBAAiB,EAAE;AACtB;AACJ,iBAAA;8BAKgB,iBAAiB,EAAA,CAAA;sBAA7B;gBAOQ,gBAAgB,EAAA,CAAA;sBAAxB;gBAEQ,SAAS,EAAA,CAAA;sBAAjB;gBAMsC,gBAAgB,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;MAsF5B,uBAAuB,CAAA;kIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mIAAvB,uBAAuB,EAAA,OAAA,EAAA,CAzGvB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAA1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;mIAyG1B,uBAAuB,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,0BAA0B;AACvC,iBAAA;;;ACjID;;AAEG;;;;"}
+{"version":3,"file":"koobiq-components-ellipsis-center.mjs","sources":["../../../packages/components/ellipsis-center/ellipsis-center.directive.ts","../../../packages/components/ellipsis-center/koobiq-components-ellipsis-center.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Directive,\n    inject,\n    Input,\n    NgModule,\n    numberAttribute,\n    OnDestroy,\n    OnInit\n} from '@angular/core';\nimport { KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nconst MIN_VISIBLE_LENGTH = 50;\n\n@Directive({\n    selector: '[kbqEllipsisCenter]',\n    host: {\n        class: 'kbq-ellipsis-center',\n        '(window:resize)': 'resizeStream.next($event)'\n    }\n})\nexport class KbqEllipsisCenterDirective extends KbqTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {\n    private cdr: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    @Input() set kbqEllipsisCenter(value: string) {\n        this._kbqEllipsisCenter = value;\n        this.refresh();\n        // check the view to properly calculate text-start and text-end on text initialized\n        this.cdr.detectChanges();\n    }\n\n    @Input() minVisibleLength: number = MIN_VISIBLE_LENGTH;\n\n    @Input() charWidth = 7;\n\n    /**\n     * Debounce time (ms) for resize events before recalculating ellipsis position.\n     * @default 50\n     */\n    @Input({ transform: numberAttribute }) debounceInterval: number = 50;\n\n    /** @docs-private */\n    readonly resizeStream = new Subject<Event>();\n\n    private _kbqEllipsisCenter: string;\n\n    private resizeSubscription = Subscription.EMPTY;\n\n    override ngOnInit(): void {\n        super.ngOnInit();\n        this.content = this._kbqEllipsisCenter;\n        this.refresh();\n    }\n\n    ngAfterViewInit(): void {\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.debounceInterval))\n            .subscribe(() => this.refresh());\n    }\n\n    ngOnDestroy() {\n        super.ngOnDestroy();\n        this.resizeSubscription.unsubscribe();\n    }\n\n    /**\n     * Updates the displayed text with center ellipsis truncation based on container width.\n     * Recreates start/end span elements, measures available space, and adjusts text accordingly.\n     * @docs-private\n     */\n    refresh(): void {\n        let start = '';\n        let end = '';\n\n        this.content = this._kbqEllipsisCenter;\n\n        const [dataTextStart, dataTextEnd] = [\n            'kbq-ellipsis-center_data-text-start',\n            'kbq-ellipsis-center_data-text-end'\n        ].map((querySelector) => {\n            const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n\n            if (element) {\n                this.renderer.removeChild(this.elementRef.nativeElement, element);\n            }\n\n            const newElement = this.renderer.createElement('span');\n\n            this.renderer.addClass(newElement, querySelector);\n\n            return newElement;\n        });\n\n        this.renderer.appendChild(dataTextStart, this.renderer.createText(this._kbqEllipsisCenter));\n        this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n        setTimeout(() => {\n            this.disabled = this.elementRef.nativeElement.clientWidth > dataTextStart.scrollWidth;\n\n            if (this.disabled) {\n                start = '';\n                end = this._kbqEllipsisCenter;\n            } else {\n                const averageCharWidth = this.charWidth;\n                const lastCharsLength = Math.round(this.elementRef.nativeElement.clientWidth / 2 / averageCharWidth);\n                const sliceIndex: number = Math.round(this._kbqEllipsisCenter.length - lastCharsLength);\n\n                start = this._kbqEllipsisCenter.slice(0, sliceIndex);\n                end = this._kbqEllipsisCenter.slice(sliceIndex);\n            }\n\n            dataTextStart.innerText = start;\n            dataTextEnd.innerText = end;\n\n            this.cdr.markForCheck();\n        });\n\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n    }\n}\n\n@NgModule({\n    imports: [KbqEllipsisCenterDirective],\n    exports: [KbqEllipsisCenterDirective]\n})\nexport class KbqEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-empty-state.mjs

@@ -14,10 +14,10 @@ class KbqEmptyStateIcon {
         }
         this.icon.color = 'error';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateIcon, deps: [{ token: i1.KbqIconItem, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqEmptyStateIcon, isStandalone: true, selector: "[kbq-empty-state-icon]", host: { classAttribute: "kbq-empty-state-icon" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateIcon, deps: [{ token: i1.KbqIconItem, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: KbqEmptyStateIcon, isStandalone: true, selector: "[kbq-empty-state-icon]", host: { classAttribute: "kbq-empty-state-icon" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-icon]',
@@ -29,10 +29,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                     type: Optional
                 }] }] });
 class KbqEmptyStateText {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqEmptyStateText, isStandalone: true, selector: "[kbq-empty-state-text]", host: { classAttribute: "kbq-empty-state-text" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: KbqEmptyStateText, isStandalone: true, selector: "[kbq-empty-state-text]", host: { classAttribute: "kbq-empty-state-text" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-text]',
@@ -42,10 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 }]
         }] });
 class KbqEmptyStateTitle {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqEmptyStateTitle, isStandalone: true, selector: "[kbq-empty-state-title]", host: { classAttribute: "kbq-empty-state-title" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: KbqEmptyStateTitle, isStandalone: true, selector: "[kbq-empty-state-title]", host: { classAttribute: "kbq-empty-state-title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-title]',
@@ -55,10 +55,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 }]
         }] });
 class KbqEmptyStateActions {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: KbqEmptyStateActions, isStandalone: true, selector: "[kbq-empty-state-actions]", host: { classAttribute: "kbq-empty-state-actions" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: KbqEmptyStateActions, isStandalone: true, selector: "[kbq-empty-state-actions]", host: { classAttribute: "kbq-empty-state-actions" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateActions, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-actions]',
@@ -84,10 +84,10 @@ class KbqEmptyState {
             this.icon.setErrorColor();
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: KbqEmptyState, isStandalone: true, selector: "kbq-empty-state", inputs: { errorColor: "errorColor", alignTop: "alignTop", size: "size" }, host: { properties: { "class": "emptyStateSizeClass", "class.kbq-empty-state_align-center": "!alignTop", "class.kbq-empty-state_align-top": "alignTop", "class.kbq-empty-state_normal-color": "!errorColor", "class.kbq-empty-state_error-color": "errorColor", "class.kbq-empty-state_has-icon": "!!icon" }, classAttribute: "kbq-empty-state" }, queries: [{ propertyName: "icon", first: true, predicate: KbqEmptyStateIcon, descendants: true }], ngImport: i0, template: "<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n", styles: [".kbq-empty-state{display:flex;flex-direction:column;align-items:center;flex:1}.kbq-empty-state.kbq-empty-state_compact{padding:var(--kbq-empty-state-size-compact-padding-top) var(--kbq-empty-state-size-compact-padding-horizontal) var(--kbq-empty-state-size-compact-padding-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-compact-max-width)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-compact-max-width);margin-bottom:var(--kbq-empty-state-size-compact-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-compact-max-width);margin-top:var(--kbq-empty-state-size-compact-actions-margin-top)}.kbq-empty-state.kbq-empty-state_compact.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-addon-height)}.kbq-empty-state.kbq-empty-state_normal{padding:var(--kbq-empty-state-size-normal-padding-top) var(--kbq-empty-state-size-normal-padding-horizontal) var(--kbq-empty-state-size-normal-padding-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-normal-max-width)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-normal-max-width);margin-bottom:var(--kbq-empty-state-size-normal-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-normal-max-width);margin-top:var(--kbq-empty-state-size-normal-actions-margin-top)}.kbq-empty-state.kbq-empty-state_normal.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-addon-height)}.kbq-empty-state.kbq-empty-state_big{padding:var(--kbq-empty-state-size-big-padding-top) var(--kbq-empty-state-size-big-padding-horizontal) var(--kbq-empty-state-size-big-padding-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-big-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-big-max-width)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-big-max-width);margin-bottom:var(--kbq-empty-state-size-big-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-big-max-width);margin-top:var(--kbq-empty-state-size-big-actions-margin-top)}.kbq-empty-state.kbq-empty-state_big.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-big-image-addon-height)}.kbq-empty-state.kbq-empty-state_align-center{justify-content:center}.kbq-empty-state.kbq-empty-state_align-top{justify-content:flex-start}.kbq-empty-state_normal-color .kbq-empty-state-title{color:var(--kbq-empty-state-title)}.kbq-empty-state_normal-color .kbq-empty-state-text{color:var(--kbq-empty-state-color)}.kbq-empty-state_error-color .kbq-empty-state-title{color:var(--kbq-empty-state-error-title)}.kbq-empty-state_error-color .kbq-empty-state-text{color:var(--kbq-empty-state-error-color)}.kbq-empty-state-title,.kbq-empty-state-text{text-align:center}.kbq-empty-state_compact .kbq-empty-state-title{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-empty-state_compact .kbq-empty-state-text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-empty-state_normal .kbq-empty-state-title{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-empty-state_normal .kbq-empty-state-text{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-empty-state_big .kbq-empty-state-title{font-size:var(--kbq-typography-headline-font-size);font-style:var(--kbq-typography-headline-font-style);font-weight:var(--kbq-typography-headline-font-weight);line-height:var(--kbq-typography-headline-line-height);font-family:var(--kbq-typography-headline-font-family);text-transform:var(--kbq-typography-headline-text-transform);font-feature-settings:var(--kbq-typography-headline-font-feature-settings);letter-spacing:var(--kbq-typography-headline-letter-spacing)}.kbq-empty-state_big .kbq-empty-state-text{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-empty-state){--kbq-empty-state-size-big-max-width: 480px;--kbq-empty-state-size-big-padding-horizontal: var(--kbq-size-6xl);--kbq-empty-state-size-big-padding-top: var(--kbq-size-5xl);--kbq-empty-state-size-big-padding-bottom: var(--kbq-size-5xl);--kbq-empty-state-size-big-actions-margin-top: var(--kbq-size-xl);--kbq-empty-state-size-big-image-margin-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-big-image-addon-height: var(--kbq-size-6xl);--kbq-empty-state-size-big-title-margin-bottom: var(--kbq-size-l);--kbq-empty-state-size-normal-max-width: 320px;--kbq-empty-state-size-normal-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-normal-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);--kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);--kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-size-compact-max-width: 320px;--kbq-empty-state-size-compact-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-compact-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-compact-image-margin-bottom: var(--kbq-size-m);--kbq-empty-state-size-compact-image-addon-height: 0;--kbq-empty-state-size-compact-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-title: var(--kbq-foreground-contrast);--kbq-empty-state-color: var(--kbq-foreground-contrast-secondary);--kbq-empty-state-error-title: var(--kbq-foreground-error);--kbq-empty-state-error-color: var(--kbq-foreground-error)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: KbqEmptyState, isStandalone: true, selector: "kbq-empty-state", inputs: { errorColor: "errorColor", alignTop: "alignTop", size: "size" }, host: { properties: { "class": "emptyStateSizeClass", "class.kbq-empty-state_align-center": "!alignTop", "class.kbq-empty-state_align-top": "alignTop", "class.kbq-empty-state_normal-color": "!errorColor", "class.kbq-empty-state_error-color": "errorColor", "class.kbq-empty-state_has-icon": "!!icon" }, classAttribute: "kbq-empty-state" }, queries: [{ propertyName: "icon", first: true, predicate: KbqEmptyStateIcon, descendants: true }], ngImport: i0, template: "<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n", styles: [".kbq-empty-state{display:flex;flex-direction:column;align-items:center;flex:1}.kbq-empty-state.kbq-empty-state_compact{padding:var(--kbq-empty-state-size-compact-padding-top) var(--kbq-empty-state-size-compact-padding-horizontal) var(--kbq-empty-state-size-compact-padding-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-compact-max-width)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-compact-max-width);margin-bottom:var(--kbq-empty-state-size-compact-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-compact-max-width);margin-top:var(--kbq-empty-state-size-compact-actions-margin-top)}.kbq-empty-state.kbq-empty-state_compact.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-addon-height)}.kbq-empty-state.kbq-empty-state_normal{padding:var(--kbq-empty-state-size-normal-padding-top) var(--kbq-empty-state-size-normal-padding-horizontal) var(--kbq-empty-state-size-normal-padding-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-normal-max-width)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-normal-max-width);margin-bottom:var(--kbq-empty-state-size-normal-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-normal-max-width);margin-top:var(--kbq-empty-state-size-normal-actions-margin-top)}.kbq-empty-state.kbq-empty-state_normal.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-addon-height)}.kbq-empty-state.kbq-empty-state_big{padding:var(--kbq-empty-state-size-big-padding-top) var(--kbq-empty-state-size-big-padding-horizontal) var(--kbq-empty-state-size-big-padding-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-big-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-big-max-width)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-big-max-width);margin-bottom:var(--kbq-empty-state-size-big-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-big-max-width);margin-top:var(--kbq-empty-state-size-big-actions-margin-top)}.kbq-empty-state.kbq-empty-state_big.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-big-image-addon-height)}.kbq-empty-state.kbq-empty-state_align-center{justify-content:center}.kbq-empty-state.kbq-empty-state_align-top{justify-content:flex-start}.kbq-empty-state_normal-color .kbq-empty-state-title{color:var(--kbq-empty-state-title)}.kbq-empty-state_normal-color .kbq-empty-state-text{color:var(--kbq-empty-state-color)}.kbq-empty-state_error-color .kbq-empty-state-title{color:var(--kbq-empty-state-error-title)}.kbq-empty-state_error-color .kbq-empty-state-text{color:var(--kbq-empty-state-error-color)}.kbq-empty-state-title,.kbq-empty-state-text{text-align:center}.kbq-empty-state_compact .kbq-empty-state-title{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-empty-state_compact .kbq-empty-state-text{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-empty-state_normal .kbq-empty-state-title{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-empty-state_normal .kbq-empty-state-text{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-empty-state_big .kbq-empty-state-title{font-size:var(--kbq-typography-headline-font-size);font-style:var(--kbq-typography-headline-font-style);font-weight:var(--kbq-typography-headline-font-weight);line-height:var(--kbq-typography-headline-line-height);font-family:var(--kbq-typography-headline-font-family);text-transform:var(--kbq-typography-headline-text-transform);font-feature-settings:var(--kbq-typography-headline-font-feature-settings);letter-spacing:var(--kbq-typography-headline-letter-spacing)}.kbq-empty-state_big .kbq-empty-state-text{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}\n", ":where(.kbq-empty-state){--kbq-empty-state-size-big-max-width: 480px;--kbq-empty-state-size-big-padding-horizontal: var(--kbq-size-6xl);--kbq-empty-state-size-big-padding-top: var(--kbq-size-5xl);--kbq-empty-state-size-big-padding-bottom: var(--kbq-size-5xl);--kbq-empty-state-size-big-actions-margin-top: var(--kbq-size-xl);--kbq-empty-state-size-big-image-margin-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-big-image-addon-height: var(--kbq-size-6xl);--kbq-empty-state-size-big-title-margin-bottom: var(--kbq-size-l);--kbq-empty-state-size-normal-max-width: 320px;--kbq-empty-state-size-normal-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-normal-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);--kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);--kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-size-compact-max-width: 320px;--kbq-empty-state-size-compact-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-compact-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-compact-image-margin-bottom: var(--kbq-size-m);--kbq-empty-state-size-compact-image-addon-height: 0;--kbq-empty-state-size-compact-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-title: var(--kbq-foreground-contrast);--kbq-empty-state-color: var(--kbq-foreground-contrast-secondary);--kbq-empty-state-error-title: var(--kbq-foreground-error);--kbq-empty-state-error-color: var(--kbq-foreground-error)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyState, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-empty-state', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'kbq-empty-state',
@@ -110,8 +110,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 
 class KbqEmptyStateModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateModule, imports: [A11yModule,
             PlatformModule,
             KbqEmptyState,
             KbqEmptyStateIcon,
@@ -122,10 +122,10 @@ class KbqEmptyStateModule {
             KbqEmptyStateText,
             KbqEmptyStateTitle,
             KbqEmptyStateActions] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateModule, imports: [A11yModule,
             PlatformModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: KbqEmptyStateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: KbqEmptyStateModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [