@koobiq/components 18.31.0 → 18.33.0

package/fesm2022/koobiq-components-table.mjs

@@ -9,14 +9,14 @@ class KbqTable {
         this.border = false;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqTable, selector: "table[kbq-table]", inputs: { border: "border" }, host: { properties: { "class.kbq-table_bordered": "border" }, classAttribute: "kbq-table" }, exportAs: ["kbqTable"], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-table{border-spacing:0}.kbq-table>thead>tr>th,.kbq-table>thead>tr>td,.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td,.kbq-table>tfoot>tr>th,.kbq-table>tfoot>tr>td{padding-top:var(--kbq-table-size-row-padding-vertical);padding-right:var(--kbq-table-size-row-padding-horizontal);padding-bottom:var(--kbq-table-size-row-padding-vertical);padding-left:var(--kbq-table-size-row-padding-horizontal);vertical-align:baseline;text-align:left}.kbq-table>thead>tr>th{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table .kbq-table-cell_has-button{padding-top:var(--kbq-size-xxs);padding-bottom:var(--kbq-size-xxs)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:first-child{border-top-left-radius:var(--kbq-size-m);border-bottom-left-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:last-child{border-top-right-radius:var(--kbq-size-m);border-bottom-right-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:first-child{border-top-left-radius:0}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:last-child{border-top-right-radius:0}.kbq-table>thead{color:var(--kbq-foreground-contrast-secondary)}.kbq-table>thead>tr>th{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td{color:var(--kbq-foreground-contrast)}.kbq-table>tbody>tr:hover td{background-color:var(--kbq-states-background-transparent-hover)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>thead{font-size:var(--kbq-typography-text-normal-font-size);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-table>thead>tr>th{font-weight:400}.kbq-table>tbody{font-size:var(--kbq-typography-tabular-normal-font-size);font-weight:var(--kbq-typography-tabular-normal-font-weight);line-height:var(--kbq-typography-tabular-normal-line-height);font-family:var(--kbq-typography-tabular-normal-font-family);text-transform:var(--kbq-typography-tabular-normal-text-transform);font-feature-settings:var(--kbq-typography-tabular-normal-font-feature-settings);letter-spacing:var(--kbq-typography-tabular-normal-letter-spacing)}.kbq-table>tbody>tr>th{font-weight:400}\n", ".kbq-table{--kbq-table-size-border-width: var(--kbq-size-border-width);--kbq-table-size-row-padding-vertical: 10px;--kbq-table-size-row-padding-horizontal: var(--kbq-size-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KbqTable, selector: "table[kbq-table]", inputs: { border: "border" }, host: { properties: { "class.kbq-table_bordered": "border" }, classAttribute: "kbq-table" }, exportAs: ["kbqTable"], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-table{border-spacing:0}.kbq-table>thead>tr>th,.kbq-table>thead>tr>td,.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td,.kbq-table>tfoot>tr>th,.kbq-table>tfoot>tr>td{padding-top:var(--kbq-table-size-row-padding-vertical);padding-right:var(--kbq-table-size-row-padding-horizontal);padding-bottom:var(--kbq-table-size-row-padding-vertical);padding-left:var(--kbq-table-size-row-padding-horizontal);vertical-align:baseline;text-align:left}.kbq-table>thead>tr>th{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table .kbq-table-cell_has-button{padding-top:var(--kbq-size-xxs);padding-bottom:var(--kbq-size-xxs)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:first-child{border-top-left-radius:var(--kbq-size-m);border-bottom-left-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:last-child{border-top-right-radius:var(--kbq-size-m);border-bottom-right-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:first-child{border-top-left-radius:0}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:last-child{border-top-right-radius:0}.kbq-table>thead{color:var(--kbq-foreground-contrast-secondary)}.kbq-table>thead>tr>th{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td{color:var(--kbq-foreground-contrast)}.kbq-table>tbody>tr:hover td{background-color:var(--kbq-states-background-transparent-hover)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>thead{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-table>thead>tr>th{font-weight:400}.kbq-table>tbody{font-size:var(--kbq-typography-tabular-normal-font-size);font-style:var(--kbq-typography-tabular-normal-font-style);font-weight:var(--kbq-typography-tabular-normal-font-weight);line-height:var(--kbq-typography-tabular-normal-line-height);font-family:var(--kbq-typography-tabular-normal-font-family);text-transform:var(--kbq-typography-tabular-normal-text-transform);font-feature-settings:var(--kbq-typography-tabular-normal-font-feature-settings);letter-spacing:var(--kbq-typography-tabular-normal-letter-spacing)}.kbq-table>tbody>tr>th{font-weight:400}\n", ".kbq-table{--kbq-table-size-border-width: var(--kbq-size-border-width);--kbq-table-size-row-padding-vertical: 10px;--kbq-table-size-row-padding-horizontal: var(--kbq-size-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTable, decorators: [{
             type: Component,
             args: [{ selector: 'table[kbq-table]', exportAs: 'kbqTable', template: '<ng-content />', host: {
                         class: 'kbq-table',
                         '[class.kbq-table_bordered]': 'border'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-table{border-spacing:0}.kbq-table>thead>tr>th,.kbq-table>thead>tr>td,.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td,.kbq-table>tfoot>tr>th,.kbq-table>tfoot>tr>td{padding-top:var(--kbq-table-size-row-padding-vertical);padding-right:var(--kbq-table-size-row-padding-horizontal);padding-bottom:var(--kbq-table-size-row-padding-vertical);padding-left:var(--kbq-table-size-row-padding-horizontal);vertical-align:baseline;text-align:left}.kbq-table>thead>tr>th{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table .kbq-table-cell_has-button{padding-top:var(--kbq-size-xxs);padding-bottom:var(--kbq-size-xxs)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:first-child{border-top-left-radius:var(--kbq-size-m);border-bottom-left-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:last-child{border-top-right-radius:var(--kbq-size-m);border-bottom-right-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:first-child{border-top-left-radius:0}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:last-child{border-top-right-radius:0}.kbq-table>thead{color:var(--kbq-foreground-contrast-secondary)}.kbq-table>thead>tr>th{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td{color:var(--kbq-foreground-contrast)}.kbq-table>tbody>tr:hover td{background-color:var(--kbq-states-background-transparent-hover)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>thead{font-size:var(--kbq-typography-text-normal-font-size);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-table>thead>tr>th{font-weight:400}.kbq-table>tbody{font-size:var(--kbq-typography-tabular-normal-font-size);font-weight:var(--kbq-typography-tabular-normal-font-weight);line-height:var(--kbq-typography-tabular-normal-line-height);font-family:var(--kbq-typography-tabular-normal-font-family);text-transform:var(--kbq-typography-tabular-normal-text-transform);font-feature-settings:var(--kbq-typography-tabular-normal-font-feature-settings);letter-spacing:var(--kbq-typography-tabular-normal-letter-spacing)}.kbq-table>tbody>tr>th{font-weight:400}\n", ".kbq-table{--kbq-table-size-border-width: var(--kbq-size-border-width);--kbq-table-size-row-padding-vertical: 10px;--kbq-table-size-row-padding-horizontal: var(--kbq-size-s)}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".kbq-table{border-spacing:0}.kbq-table>thead>tr>th,.kbq-table>thead>tr>td,.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td,.kbq-table>tfoot>tr>th,.kbq-table>tfoot>tr>td{padding-top:var(--kbq-table-size-row-padding-vertical);padding-right:var(--kbq-table-size-row-padding-horizontal);padding-bottom:var(--kbq-table-size-row-padding-vertical);padding-left:var(--kbq-table-size-row-padding-horizontal);vertical-align:baseline;text-align:left}.kbq-table>thead>tr>th{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table .kbq-table-cell_has-button{padding-top:var(--kbq-size-xxs);padding-bottom:var(--kbq-size-xxs)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-width:var(--kbq-table-size-border-width);border-bottom-style:solid}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:first-child{border-top-left-radius:var(--kbq-size-m);border-bottom-left-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr>td:last-child{border-top-right-radius:var(--kbq-size-m);border-bottom-right-radius:var(--kbq-size-m)}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:first-child{border-top-left-radius:0}.kbq-table:not(.kbq-table_bordered)>tbody>tr:first-child>td:last-child{border-top-right-radius:0}.kbq-table>thead{color:var(--kbq-foreground-contrast-secondary)}.kbq-table>thead>tr>th{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>tbody>tr>th,.kbq-table>tbody>tr>td{color:var(--kbq-foreground-contrast)}.kbq-table>tbody>tr:hover td{background-color:var(--kbq-states-background-transparent-hover)}.kbq-table.kbq-table_bordered>tbody>tr th,.kbq-table.kbq-table_bordered>tbody>tr td{border-bottom-color:var(--kbq-line-contrast-less)}.kbq-table>thead{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-table>thead>tr>th{font-weight:400}.kbq-table>tbody{font-size:var(--kbq-typography-tabular-normal-font-size);font-style:var(--kbq-typography-tabular-normal-font-style);font-weight:var(--kbq-typography-tabular-normal-font-weight);line-height:var(--kbq-typography-tabular-normal-line-height);font-family:var(--kbq-typography-tabular-normal-font-family);text-transform:var(--kbq-typography-tabular-normal-text-transform);font-feature-settings:var(--kbq-typography-tabular-normal-font-feature-settings);letter-spacing:var(--kbq-typography-tabular-normal-letter-spacing)}.kbq-table>tbody>tr>th{font-weight:400}\n", ".kbq-table{--kbq-table-size-border-width: var(--kbq-size-border-width);--kbq-table-size-row-padding-vertical: 10px;--kbq-table-size-row-padding-horizontal: var(--kbq-size-s)}\n"] }]
         }], propDecorators: { border: [{
                 type: Input
             }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-table.mjs","sources":["../../../packages/components/table/table.component.ts","../../../packages/components/table/table.module.ts","../../../packages/components/table/koobiq-components-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChild, Directive, Input, ViewEncapsulation } from '@angular/core';\nimport { KbqButton } from '@koobiq/components/button';\n\n@Component({\n    selector: 'table[kbq-table]',\n    exportAs: 'kbqTable',\n    styleUrls: ['table.scss', 'table-tokens.scss'],\n    template: '<ng-content />',\n    host: {\n        class: 'kbq-table',\n        '[class.kbq-table_bordered]': 'border'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqTable {\n    @Input() border: boolean = false;\n}\n\n@Directive({\n    selector: 'kbq-table td',\n    host: {\n        '[class.kbq-table-cell_has-button]': '!!button'\n    }\n})\nexport class KbqTableCellContent {\n    @ContentChild(KbqButton) button: KbqButton;\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqTable, KbqTableCellContent } from './table.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule\n    ],\n    declarations: [\n        KbqTable,\n        KbqTableCellContent\n    ],\n    exports: [\n        KbqTable,\n        KbqTableCellContent\n    ]\n})\nexport class KbqTableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,QAAQ,CAAA;AAZrB,IAAA,WAAA,GAAA;QAaa,IAAM,CAAA,MAAA,GAAY,KAAK,CAAC;AACpC,KAAA;kIAFY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAR,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,2MARP,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2rFAAA,EAAA,kLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAQjB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAZpB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAClB,QAAA,EAAA,UAAU,EAEV,QAAA,EAAA,gBAAgB,EACpB,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,4BAA4B,EAAE,QAAQ;AACzC,qBAAA,EAAA,aAAA,EACc,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,2rFAAA,EAAA,kLAAA,CAAA,EAAA,CAAA;8BAGtC,MAAM,EAAA,CAAA;sBAAd,KAAK;;MASG,mBAAmB,CAAA;kIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,iKACd,SAAS,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FADd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,mCAAmC,EAAE,UAAU;AAClD,qBAAA;AACJ,iBAAA,CAAA;8BAE4B,MAAM,EAAA,CAAA;sBAA9B,YAAY;uBAAC,SAAS,CAAA;;;MCPd,cAAc,CAAA;kIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBARnB,QAAQ;AACR,YAAA,mBAAmB,aALnB,UAAU;AACV,YAAA,cAAc,aAOd,QAAQ;YACR,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAZnB,UAAU;YACV,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAWT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAd1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,UAAU;wBACV,cAAc;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,QAAQ;wBACR,mBAAmB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,QAAQ;wBACR,mBAAmB;AACtB,qBAAA;AACJ,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}
+{"version":3,"file":"koobiq-components-table.mjs","sources":["../../../packages/components/table/table.component.ts","../../../packages/components/table/table.module.ts","../../../packages/components/table/koobiq-components-table.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ContentChild, Directive, Input, ViewEncapsulation } from '@angular/core';\nimport { KbqButton } from '@koobiq/components/button';\n\n@Component({\n    selector: 'table[kbq-table]',\n    exportAs: 'kbqTable',\n    styleUrls: ['table.scss', 'table-tokens.scss'],\n    template: '<ng-content />',\n    host: {\n        class: 'kbq-table',\n        '[class.kbq-table_bordered]': 'border'\n    },\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqTable {\n    @Input() border: boolean = false;\n}\n\n@Directive({\n    selector: 'kbq-table td',\n    host: {\n        '[class.kbq-table-cell_has-button]': '!!button'\n    }\n})\nexport class KbqTableCellContent {\n    @ContentChild(KbqButton) button: KbqButton;\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqTable, KbqTableCellContent } from './table.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule\n    ],\n    declarations: [\n        KbqTable,\n        KbqTableCellContent\n    ],\n    exports: [\n        KbqTable,\n        KbqTableCellContent\n    ]\n})\nexport class KbqTableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,QAAQ,CAAA;AAZrB,IAAA,WAAA,GAAA;QAaa,IAAM,CAAA,MAAA,GAAY,KAAK,CAAC;AACpC,KAAA;kIAFY,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAR,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,2MARP,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8yFAAA,EAAA,kLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAQjB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAZpB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAClB,QAAA,EAAA,UAAU,EAEV,QAAA,EAAA,gBAAgB,EACpB,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,4BAA4B,EAAE,QAAQ;AACzC,qBAAA,EAAA,aAAA,EACc,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8yFAAA,EAAA,kLAAA,CAAA,EAAA,CAAA;8BAGtC,MAAM,EAAA,CAAA;sBAAd,KAAK;;MASG,mBAAmB,CAAA;kIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,iKACd,SAAS,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FADd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACF,wBAAA,mCAAmC,EAAE,UAAU;AAClD,qBAAA;AACJ,iBAAA,CAAA;8BAE4B,MAAM,EAAA,CAAA;sBAA9B,YAAY;uBAAC,SAAS,CAAA;;;MCPd,cAAc,CAAA;kIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBARnB,QAAQ;AACR,YAAA,mBAAmB,aALnB,UAAU;AACV,YAAA,cAAc,aAOd,QAAQ;YACR,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAZnB,UAAU;YACV,cAAc,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAWT,cAAc,EAAA,UAAA,EAAA,CAAA;kBAd1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,UAAU;wBACV,cAAc;AACjB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,QAAQ;wBACR,mBAAmB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,QAAQ;wBACR,mBAAmB;AACtB,qBAAA;AACJ,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}

package/fesm2022/koobiq-components-tabs.mjs

@@ -9,7 +9,7 @@ import { startWith, takeUntil, debounceTime } from 'rxjs/operators';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i2 from '@angular/cdk/scrolling';
 import { ViewportRuler, CdkScrollableModule } from '@angular/cdk/scrolling';
-import { PopUpPlacements, KBQ_SELECT_SCROLL_STRATEGY, KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER, KBQ_PARENT_ANIMATION_COMPONENT, KbqCommonModule } from '@koobiq/components/core';
+import { KBQ_WINDOW, PopUpPlacements, KBQ_SELECT_SCROLL_STRATEGY, KBQ_CUSTOM_SCROLL_STRATEGY_PROVIDER, KBQ_PARENT_ANIMATION_COMPONENT } from '@koobiq/components/core';
 import * as i2$2 from '@angular/cdk/a11y';
 import { FocusKeyManager, FocusMonitor, A11yModule } from '@angular/cdk/a11y';
 import { coerceNumberProperty } from '@angular/cdk/coercion';
@@ -327,6 +327,7 @@ class KbqPaginatedTabHeader {
         this.ngZone = inject(NgZone);
         this.platform = inject(Platform);
         this.dir = inject(Directionality, { optional: true });
+        this.window = inject(KBQ_WINDOW);
         // Bind the `mouseleave` event on the outside since it doesn't change anything in the view.
         this.ngZone.runOutsideAngular(() => {
             fromEvent(this.elementRef.nativeElement, 'mouseleave')
@@ -354,7 +355,9 @@ class KbqPaginatedTabHeader {
         this.keyManager.updateActiveItem(this._selectedIndex);
         // Defer the first call in order to allow for slower browsers to lay out the elements.
         // This helps in cases where the user lands directly on a page with paginated tabs.
-        typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame(realign) : realign();
+        typeof this.window.requestAnimationFrame !== 'undefined'
+            ? this.window.requestAnimationFrame(realign)
+            : realign();
         // On dir change or window resize, realign the ink bar and update the orientation of
         // the key manager if the direction has changed.
         merge(dirChange, resize, this.items.changes)
@@ -1680,7 +1683,6 @@ class KbqTabsModule {
             KbqVerticalTabsCssStyler], imports: [PortalModule,
             A11yModule,
             CdkScrollableModule,
-            KbqCommonModule,
             KbqIconModule,
             KbqToolTipModule,
             CdkObserveContent, KbqTabNavBar,
@@ -1702,7 +1704,6 @@ class KbqTabsModule {
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqTabsModule, imports: [PortalModule,
             A11yModule,
             CdkScrollableModule,
-            KbqCommonModule,
             KbqIconModule,
             KbqToolTipModule, KbqTabNavBar] }); }
 }
@@ -1713,7 +1714,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PortalModule,
                         A11yModule,
                         CdkScrollableModule,
-                        KbqCommonModule,
                         KbqIconModule,
                         KbqToolTipModule,
                         CdkObserveContent,