@public-ui/angular-v19 4.1.4 → 4.1.5-rc.1

package/dist/components.d.ts

@@ -258,6 +258,7 @@ export declare class KolDialog extends StencilProxyComponent implements OnChange
     private changeDetectorRef;
     protected z: NgZone;
     _label: any;
+    _level: any;
     _on: any;
     _variant: any;
     _width: any;
@@ -269,7 +270,7 @@ export declare class KolDialog extends StencilProxyComponent implements OnChange
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolDialog, "kol-dialog", never, { "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; "_width": { "alias": "_width"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolDialog, "kol-dialog", never, { "_label": { "alias": "_label"; "required": false; }; "_level": { "alias": "_level"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; "_width": { "alias": "_width"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolDialog extends Components.KolDialog {
 }
@@ -279,6 +280,7 @@ export declare class KolDrawer extends StencilProxyComponent implements OnChange
     _align: any;
     _hascloser: any;
     _label: any;
+    _level: any;
     _on: any;
     _open: any;
     protected el: HTMLElement;
@@ -289,7 +291,7 @@ export declare class KolDrawer extends StencilProxyComponent implements OnChange
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolDrawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolDrawer, "kol-drawer", never, { "_align": { "alias": "_align"; "required": false; }; "_hasCloser": { "alias": "_hasCloser"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_open": { "alias": "_open"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolDrawer, "kol-drawer", never, { "_align": { "alias": "_align"; "required": false; }; "_hasCloser": { "alias": "_hasCloser"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_level": { "alias": "_level"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_open": { "alias": "_open"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolDrawer extends Components.KolDrawer {
 }
@@ -1139,6 +1141,7 @@ export declare class KolTableStateful extends StencilProxyComponent implements O
     _pagination: any;
     _paginationposition: any;
     _selection: any;
+    _variant: any;
     protected el: HTMLElement;
     availableInputProperties: string[];
     hasTagNameTransformer: boolean;
@@ -1147,7 +1150,7 @@ export declare class KolTableStateful extends StencilProxyComponent implements O
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolTableStateful, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolTableStateful, "kol-table-stateful", never, { "_allowMultiSort": { "alias": "_allowMultiSort"; "required": false; }; "_data": { "alias": "_data"; "required": false; }; "_dataFoot": { "alias": "_dataFoot"; "required": false; }; "_fixedCols": { "alias": "_fixedCols"; "required": false; }; "_hasSettingsMenu": { "alias": "_hasSettingsMenu"; "required": false; }; "_headers": { "alias": "_headers"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_pagination": { "alias": "_pagination"; "required": false; }; "_paginationPosition": { "alias": "_paginationPosition"; "required": false; }; "_selection": { "alias": "_selection"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolTableStateful, "kol-table-stateful", never, { "_allowMultiSort": { "alias": "_allowMultiSort"; "required": false; }; "_data": { "alias": "_data"; "required": false; }; "_dataFoot": { "alias": "_dataFoot"; "required": false; }; "_fixedCols": { "alias": "_fixedCols"; "required": false; }; "_hasSettingsMenu": { "alias": "_hasSettingsMenu"; "required": false; }; "_headers": { "alias": "_headers"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_pagination": { "alias": "_pagination"; "required": false; }; "_paginationPosition": { "alias": "_paginationPosition"; "required": false; }; "_selection": { "alias": "_selection"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolTableStateful extends Components.KolTableStateful {
 }
@@ -1162,6 +1165,7 @@ export declare class KolTableStateless extends StencilProxyComponent implements
     _label: any;
     _on: any;
     _selection: any;
+    _variant: any;
     protected el: HTMLElement;
     availableInputProperties: string[];
     hasTagNameTransformer: boolean;
@@ -1170,7 +1174,7 @@ export declare class KolTableStateless extends StencilProxyComponent implements
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolTableStateless, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolTableStateless, "kol-table-stateless", never, { "_data": { "alias": "_data"; "required": false; }; "_dataFoot": { "alias": "_dataFoot"; "required": false; }; "_fixedCols": { "alias": "_fixedCols"; "required": false; }; "_hasSettingsMenu": { "alias": "_hasSettingsMenu"; "required": false; }; "_headerCells": { "alias": "_headerCells"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_selection": { "alias": "_selection"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolTableStateless, "kol-table-stateless", never, { "_data": { "alias": "_data"; "required": false; }; "_dataFoot": { "alias": "_dataFoot"; "required": false; }; "_fixedCols": { "alias": "_fixedCols"; "required": false; }; "_hasSettingsMenu": { "alias": "_hasSettingsMenu"; "required": false; }; "_headerCells": { "alias": "_headerCells"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_selection": { "alias": "_selection"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolTableStateless extends Components.KolTableStateless {
 }

package/dist/components.js

@@ -414,13 +414,13 @@ function KolDialog_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵproperty("_label", ctx_r0._label)("_on", ctx_r0._on)("_variant", ctx_r0._variant)("_width", ctx_r0._width);
+    i0.ɵɵproperty("_label", ctx_r0._label)("_level", ctx_r0._level)("_on", ctx_r0._on)("_variant", ctx_r0._variant)("_width", ctx_r0._width);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolDialog_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, KolDialog_ng_container_0_stencil_ng_proxy_1_Template, 3, 5, "stencil-ng-proxy", 4);
+    i0.ɵɵtemplate(1, KolDialog_ng_container_0_stencil_ng_proxy_1_Template, 3, 6, "stencil-ng-proxy", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -450,13 +450,13 @@ function KolDrawer_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵproperty("_align", ctx_r0._align)("_hasCloser", ctx_r0._hasCloser)("_label", ctx_r0._label)("_on", ctx_r0._on)("_open", ctx_r0._open);
+    i0.ɵɵproperty("_align", ctx_r0._align)("_hasCloser", ctx_r0._hasCloser)("_label", ctx_r0._label)("_level", ctx_r0._level)("_on", ctx_r0._on)("_open", ctx_r0._open);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolDrawer_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, KolDrawer_ng_container_0_stencil_ng_proxy_1_Template, 3, 6, "stencil-ng-proxy", 4);
+    i0.ɵɵtemplate(1, KolDrawer_ng_container_0_stencil_ng_proxy_1_Template, 3, 7, "stencil-ng-proxy", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1566,13 +1566,13 @@ function KolTableStateful_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵproperty("_allowMultiSort", ctx_r0._allowMultiSort)("_data", ctx_r0._data)("_dataFoot", ctx_r0._dataFoot)("_fixedCols", ctx_r0._fixedCols)("_hasSettingsMenu", ctx_r0._hasSettingsMenu)("_headers", ctx_r0._headers)("_label", ctx_r0._label)("_on", ctx_r0._on)("_pagination", ctx_r0._pagination)("_paginationPosition", ctx_r0._paginationPosition)("_selection", ctx_r0._selection);
+    i0.ɵɵproperty("_allowMultiSort", ctx_r0._allowMultiSort)("_data", ctx_r0._data)("_dataFoot", ctx_r0._dataFoot)("_fixedCols", ctx_r0._fixedCols)("_hasSettingsMenu", ctx_r0._hasSettingsMenu)("_headers", ctx_r0._headers)("_label", ctx_r0._label)("_on", ctx_r0._on)("_pagination", ctx_r0._pagination)("_paginationPosition", ctx_r0._paginationPosition)("_selection", ctx_r0._selection)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolTableStateful_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, KolTableStateful_ng_container_0_stencil_ng_proxy_1_Template, 3, 12, "stencil-ng-proxy", 4);
+    i0.ɵɵtemplate(1, KolTableStateful_ng_container_0_stencil_ng_proxy_1_Template, 3, 13, "stencil-ng-proxy", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1602,13 +1602,13 @@ function KolTableStateless_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵproperty("_data", ctx_r0._data)("_dataFoot", ctx_r0._dataFoot)("_fixedCols", ctx_r0._fixedCols)("_hasSettingsMenu", ctx_r0._hasSettingsMenu)("_headerCells", ctx_r0._headerCells)("_label", ctx_r0._label)("_on", ctx_r0._on)("_selection", ctx_r0._selection);
+    i0.ɵɵproperty("_data", ctx_r0._data)("_dataFoot", ctx_r0._dataFoot)("_fixedCols", ctx_r0._fixedCols)("_hasSettingsMenu", ctx_r0._hasSettingsMenu)("_headerCells", ctx_r0._headerCells)("_label", ctx_r0._label)("_on", ctx_r0._on)("_selection", ctx_r0._selection)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolTableStateless_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, KolTableStateless_ng_container_0_stencil_ng_proxy_1_Template, 3, 9, "stencil-ng-proxy", 4);
+    i0.ɵɵtemplate(1, KolTableStateless_ng_container_0_stencil_ng_proxy_1_Template, 3, 10, "stencil-ng-proxy", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -2669,7 +2669,7 @@ let KolDialog = class KolDialog extends StencilProxyComponent {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_label', '_on', '_variant', '_width'];
+        this.availableInputProperties = ['_label', '_level', '_on', '_variant', '_width'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-dialog';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2689,9 +2689,9 @@ KolDialog.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDialog, select
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _label: "_label", _on: "_on", _variant: "_variant", _width: "_width" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _label: "_label", _level: "_level", _on: "_on", _variant: "_variant", _width: "_width" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDialog) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_label", "_on", "_variant", "_width", 4, "replaceTag"], [3, "_label", "_on", "_variant", "_width"], [4, "ngTemplateOutlet"]], template: function KolDialog_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_label", "_level", "_on", "_variant", "_width", 4, "replaceTag"], [3, "_label", "_level", "_on", "_variant", "_width"], [4, "ngTemplateOutlet"]], template: function KolDialog_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, KolDialog_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolDialog_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolDialog_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -2700,8 +2700,8 @@ KolDialog.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDialog, select
     } }, encapsulation: 2, changeDetection: 0 });
 KolDialog = __decorate([
     ProxyCmp({
-        inputs: ['_label', '_on', '_variant', '_width'],
-        methods: ['openModal', 'closeModal']
+        inputs: ['_label', '_level', '_on', '_variant', '_width'],
+        methods: ['openModal', 'showModal', 'show', 'close', 'closeModal']
     })
 ], KolDialog);
 export { KolDialog };
@@ -2713,7 +2713,7 @@ export { KolDialog };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_label]="_label" [_on]="_on" [_variant]="_variant" [_width]="_width"
+        [_label]="_label" [_level]="_level" [_on]="_on" [_variant]="_variant" [_width]="_width"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2729,7 +2729,7 @@ export { KolDialog };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_label', '_on', '_variant', '_width'],
+                inputs: ['_label', '_level', '_on', '_variant', '_width'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDialog) }
                 ],
@@ -2744,7 +2744,7 @@ let KolDrawer = class KolDrawer extends StencilProxyComponent {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_align', '_hasCloser', '_label', '_on', '_open'];
+        this.availableInputProperties = ['_align', '_hasCloser', '_label', '_level', '_on', '_open'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-drawer';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2764,9 +2764,9 @@ KolDrawer.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDrawer, select
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _align: "_align", _hasCloser: "_hasCloser", _label: "_label", _on: "_on", _open: "_open" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _align: "_align", _hasCloser: "_hasCloser", _label: "_label", _level: "_level", _on: "_on", _open: "_open" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDrawer) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_align", "_hasCloser", "_label", "_on", "_open", 4, "replaceTag"], [3, "_align", "_hasCloser", "_label", "_on", "_open"], [4, "ngTemplateOutlet"]], template: function KolDrawer_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_align", "_hasCloser", "_label", "_level", "_on", "_open", 4, "replaceTag"], [3, "_align", "_hasCloser", "_label", "_level", "_on", "_open"], [4, "ngTemplateOutlet"]], template: function KolDrawer_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, KolDrawer_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolDrawer_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolDrawer_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -2775,8 +2775,8 @@ KolDrawer.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDrawer, select
     } }, encapsulation: 2, changeDetection: 0 });
 KolDrawer = __decorate([
     ProxyCmp({
-        inputs: ['_align', '_hasCloser', '_label', '_on', '_open'],
-        methods: ['open', 'close']
+        inputs: ['_align', '_hasCloser', '_label', '_level', '_on', '_open'],
+        methods: ['show', 'showModal', 'open', 'close']
     })
 ], KolDrawer);
 export { KolDrawer };
@@ -2788,7 +2788,7 @@ export { KolDrawer };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_align]="_align" [_hasCloser]="_hasCloser" [_label]="_label" [_on]="_on" [_open]="_open"
+        [_align]="_align" [_hasCloser]="_hasCloser" [_label]="_label" [_level]="_level" [_on]="_on" [_open]="_open"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2804,7 +2804,7 @@ export { KolDrawer };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_align', '_hasCloser', '_label', '_on', '_open'],
+                inputs: ['_align', '_hasCloser', '_label', '_level', '_on', '_open'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDrawer) }
                 ],
@@ -2813,7 +2813,7 @@ export { KolDrawer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 827 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 828 }); })();
 let KolForm = class KolForm extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2888,7 +2888,7 @@ export { KolForm };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 890 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 892 }); })();
 let KolHeading = class KolHeading extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2962,7 +2962,7 @@ export { KolHeading };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 950 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 952 }); })();
 let KolIcon = class KolIcon extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3036,7 +3036,7 @@ export { KolIcon };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1010 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1012 }); })();
 let KolImage = class KolImage extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3110,7 +3110,7 @@ export { KolImage };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1069 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1071 }); })();
 let KolInputCheckbox = class KolInputCheckbox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3185,7 +3185,7 @@ export { KolInputCheckbox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1132 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1134 }); })();
 let KolInputColor = class KolInputColor extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3260,7 +3260,7 @@ export { KolInputColor };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1209 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1211 }); })();
 let KolInputDate = class KolInputDate extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3335,7 +3335,7 @@ export { KolInputDate };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1284 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1286 }); })();
 let KolInputEmail = class KolInputEmail extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3410,7 +3410,7 @@ export { KolInputEmail };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1365 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1367 }); })();
 let KolInputFile = class KolInputFile extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3485,7 +3485,7 @@ export { KolInputFile };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1448 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1450 }); })();
 let KolInputNumber = class KolInputNumber extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3560,7 +3560,7 @@ export { KolInputNumber };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1523 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1525 }); })();
 let KolInputPassword = class KolInputPassword extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3635,7 +3635,7 @@ export { KolInputPassword };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1604 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1606 }); })();
 let KolInputRadio = class KolInputRadio extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3710,7 +3710,7 @@ export { KolInputRadio };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1686 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1688 }); })();
 let KolInputRange = class KolInputRange extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3785,7 +3785,7 @@ export { KolInputRange };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1758 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1760 }); })();
 let KolInputText = class KolInputText extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3860,7 +3860,7 @@ export { KolInputText };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1835 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1837 }); })();
 let KolKolibri = class KolKolibri extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3934,7 +3934,7 @@ export { KolKolibri };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1918 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1920 }); })();
 let KolLink = class KolLink extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4009,7 +4009,7 @@ export { KolLink };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1978 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1980 }); })();
 let KolLinkButton = class KolLinkButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4084,7 +4084,7 @@ export { KolLinkButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2054 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2056 }); })();
 let KolMeter = class KolMeter extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4158,7 +4158,7 @@ export { KolMeter };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolMeter, { className: "KolMeter", filePath: "components.ts", lineNumber: 2128 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolMeter, { className: "KolMeter", filePath: "components.ts", lineNumber: 2130 }); })();
 let KolModal = class KolModal extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4196,7 +4196,7 @@ KolModal.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolModal, selector
 KolModal = __decorate([
     ProxyCmp({
         inputs: ['_label', '_on', '_variant', '_width'],
-        methods: ['openModal', 'closeModal']
+        methods: ['openModal', 'showModal', 'show', 'close', 'closeModal']
     })
 ], KolModal);
 export { KolModal };
@@ -4233,7 +4233,7 @@ export { KolModal };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2195 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2197 }); })();
 let KolNav = class KolNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4307,7 +4307,7 @@ export { KolNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2256 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2258 }); })();
 let KolPagination = class KolPagination extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4381,7 +4381,7 @@ export { KolPagination };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2319 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2321 }); })();
 let KolPopoverButton = class KolPopoverButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4456,7 +4456,7 @@ export { KolPopoverButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2388 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2390 }); })();
 let KolProgress = class KolProgress extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4530,7 +4530,7 @@ export { KolProgress };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2461 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2463 }); })();
 let KolQuote = class KolQuote extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4604,7 +4604,7 @@ export { KolQuote };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2523 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2525 }); })();
 let KolSelect = class KolSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4679,7 +4679,7 @@ export { KolSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2585 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2587 }); })();
 let KolSingleSelect = class KolSingleSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4754,7 +4754,7 @@ export { KolSingleSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2662 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2664 }); })();
 let KolSkeleton = class KolSkeleton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4830,7 +4830,7 @@ export { KolSkeleton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkeleton, { className: "KolSkeleton", filePath: "components.ts", lineNumber: 2739 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkeleton, { className: "KolSkeleton", filePath: "components.ts", lineNumber: 2741 }); })();
 let KolSkipNav = class KolSkipNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4905,7 +4905,7 @@ export { KolSkipNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2808 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2810 }); })();
 let KolSpin = class KolSpin extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4979,7 +4979,7 @@ export { KolSpin };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2867 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2869 }); })();
 let KolSplitButton = class KolSplitButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5054,13 +5054,13 @@ export { KolSplitButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2928 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2930 }); })();
 let KolTableStateful = class KolTableStateful extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_allowMultiSort', '_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headers', '_label', '_on', '_pagination', '_paginationPosition', '_selection'];
+        this.availableInputProperties = ['_allowMultiSort', '_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headers', '_label', '_on', '_pagination', '_paginationPosition', '_selection', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-table-stateful';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -5080,9 +5080,9 @@ KolTableStateful.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTableSt
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _allowMultiSort: "_allowMultiSort", _data: "_data", _dataFoot: "_dataFoot", _fixedCols: "_fixedCols", _hasSettingsMenu: "_hasSettingsMenu", _headers: "_headers", _label: "_label", _on: "_on", _pagination: "_pagination", _paginationPosition: "_paginationPosition", _selection: "_selection" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _allowMultiSort: "_allowMultiSort", _data: "_data", _dataFoot: "_dataFoot", _fixedCols: "_fixedCols", _hasSettingsMenu: "_hasSettingsMenu", _headers: "_headers", _label: "_label", _on: "_on", _pagination: "_pagination", _paginationPosition: "_paginationPosition", _selection: "_selection", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolTableStateful) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_allowMultiSort", "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headers", "_label", "_on", "_pagination", "_paginationPosition", "_selection", 4, "replaceTag"], [3, "_allowMultiSort", "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headers", "_label", "_on", "_pagination", "_paginationPosition", "_selection"], [4, "ngTemplateOutlet"]], template: function KolTableStateful_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_allowMultiSort", "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headers", "_label", "_on", "_pagination", "_paginationPosition", "_selection", "_variant", 4, "replaceTag"], [3, "_allowMultiSort", "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headers", "_label", "_on", "_pagination", "_paginationPosition", "_selection", "_variant"], [4, "ngTemplateOutlet"]], template: function KolTableStateful_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, KolTableStateful_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolTableStateful_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolTableStateful_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -5091,7 +5091,7 @@ KolTableStateful.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTableSt
     } }, encapsulation: 2, changeDetection: 0 });
 KolTableStateful = __decorate([
     ProxyCmp({
-        inputs: ['_allowMultiSort', '_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headers', '_label', '_on', '_pagination', '_paginationPosition', '_selection'],
+        inputs: ['_allowMultiSort', '_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headers', '_label', '_on', '_pagination', '_paginationPosition', '_selection', '_variant'],
         methods: ['getSelection', 'resetSort']
     })
 ], KolTableStateful);
@@ -5104,7 +5104,7 @@ export { KolTableStateful };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_allowMultiSort]="_allowMultiSort" [_data]="_data" [_dataFoot]="_dataFoot" [_fixedCols]="_fixedCols" [_hasSettingsMenu]="_hasSettingsMenu" [_headers]="_headers" [_label]="_label" [_on]="_on" [_pagination]="_pagination" [_paginationPosition]="_paginationPosition" [_selection]="_selection"
+        [_allowMultiSort]="_allowMultiSort" [_data]="_data" [_dataFoot]="_dataFoot" [_fixedCols]="_fixedCols" [_hasSettingsMenu]="_hasSettingsMenu" [_headers]="_headers" [_label]="_label" [_on]="_on" [_pagination]="_pagination" [_paginationPosition]="_paginationPosition" [_selection]="_selection" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -5120,7 +5120,7 @@ export { KolTableStateful };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_allowMultiSort', '_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headers', '_label', '_on', '_pagination', '_paginationPosition', '_selection'],
+                inputs: ['_allowMultiSort', '_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headers', '_label', '_on', '_pagination', '_paginationPosition', '_selection', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolTableStateful) }
                 ],
@@ -5129,13 +5129,13 @@ export { KolTableStateful };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3004 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3006 }); })();
 let KolTableStateless = class KolTableStateless extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headerCells', '_label', '_on', '_selection'];
+        this.availableInputProperties = ['_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headerCells', '_label', '_on', '_selection', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-table-stateless';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -5155,9 +5155,9 @@ KolTableStateless.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTableS
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _data: "_data", _dataFoot: "_dataFoot", _fixedCols: "_fixedCols", _hasSettingsMenu: "_hasSettingsMenu", _headerCells: "_headerCells", _label: "_label", _on: "_on", _selection: "_selection" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _data: "_data", _dataFoot: "_dataFoot", _fixedCols: "_fixedCols", _hasSettingsMenu: "_hasSettingsMenu", _headerCells: "_headerCells", _label: "_label", _on: "_on", _selection: "_selection", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolTableStateless) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headerCells", "_label", "_on", "_selection", 4, "replaceTag"], [3, "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headerCells", "_label", "_on", "_selection"], [4, "ngTemplateOutlet"]], template: function KolTableStateless_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headerCells", "_label", "_on", "_selection", "_variant", 4, "replaceTag"], [3, "_data", "_dataFoot", "_fixedCols", "_hasSettingsMenu", "_headerCells", "_label", "_on", "_selection", "_variant"], [4, "ngTemplateOutlet"]], template: function KolTableStateless_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, KolTableStateless_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolTableStateless_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolTableStateless_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -5166,7 +5166,7 @@ KolTableStateless.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTableS
     } }, encapsulation: 2, changeDetection: 0 });
 KolTableStateless = __decorate([
     ProxyCmp({
-        inputs: ['_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headerCells', '_label', '_on', '_selection']
+        inputs: ['_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headerCells', '_label', '_on', '_selection', '_variant']
     })
 ], KolTableStateless);
 export { KolTableStateless };
@@ -5178,7 +5178,7 @@ export { KolTableStateless };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_data]="_data" [_dataFoot]="_dataFoot" [_fixedCols]="_fixedCols" [_hasSettingsMenu]="_hasSettingsMenu" [_headerCells]="_headerCells" [_label]="_label" [_on]="_on" [_selection]="_selection"
+        [_data]="_data" [_dataFoot]="_dataFoot" [_fixedCols]="_fixedCols" [_hasSettingsMenu]="_hasSettingsMenu" [_headerCells]="_headerCells" [_label]="_label" [_on]="_on" [_selection]="_selection" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -5194,7 +5194,7 @@ export { KolTableStateless };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headerCells', '_label', '_on', '_selection'],
+                inputs: ['_data', '_dataFoot', '_fixedCols', '_hasSettingsMenu', '_headerCells', '_label', '_on', '_selection', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolTableStateless) }
                 ],
@@ -5203,7 +5203,7 @@ export { KolTableStateless };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3072 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3075 }); })();
 let KolTabs = class KolTabs extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5278,7 +5278,7 @@ export { KolTabs };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3138 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3142 }); })();
 let KolTextarea = class KolTextarea extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5353,7 +5353,7 @@ export { KolTextarea };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3203 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3207 }); })();
 let KolToolbar = class KolToolbar extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5428,7 +5428,7 @@ export { KolToolbar };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3285 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3289 }); })();
 let KolTree = class KolTree extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5503,7 +5503,7 @@ export { KolTree };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3346 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3350 }); })();
 let KolTreeItem = class KolTreeItem extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5578,7 +5578,7 @@ export { KolTreeItem };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3405 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3409 }); })();
 let KolVersion = class KolVersion extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5652,4 +5652,4 @@ export { KolVersion };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3466 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3470 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/angular-v19",
-  "version": "4.1.4",
+  "version": "4.1.5-rc.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -63,17 +63,16 @@
     "rxjs": "7.8.2",
     "typescript": "5.8.3",
     "zone.js": "0.15.1",
-    "@public-ui/components": "4.1.4"
+    "@public-ui/components": "4.1.5-rc.1"
   },
   "peerDependencies": {
-    "@angular/core": "^19.2.21",
-    "@public-ui/components": "4.1.4"
+    "@angular/core": "19.x",
+    "@public-ui/components": "4.1.5-rc.1"
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "clean": "lerna exec --stream -- git clean -f -d -X && git clean -f -d -X",
     "build:cjs": "tsc -m commonjs --outDir cjs",
     "build:clean": "rimraf cjs esm types umd",
     "build:esm": "tsc -m esnext --outDir esm",