@public-ui/angular-v20 3.0.1 → 3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0

package/README.md

@@ -14,6 +14,7 @@ This package provides an Angular adapter for KoliBri components, making them eas
 
 ```bash
 npm install @public-ui/angular-v20
+pnpm add @public-ui/angular-v20
 ```
 
 ## Usage
@@ -80,6 +81,8 @@ export class AppComponent {}
 
 This package supports all modern browsers that are supported by Angular 20.
 
+Tokens can be customized with your own theme. See [default theme README](../../../themes/default/README.md).
+
 ## License
 
 EUPL-1.2

package/dist/components.d.ts

@@ -200,6 +200,25 @@ export declare class KolCard extends StencilProxyComponent implements OnChanges
 }
 export declare interface KolCard extends Components.KolCard {
 }
+export declare class KolCardWc extends StencilProxyComponent implements OnChanges {
+    private changeDetectorRef;
+    protected z: NgZone;
+    _hascloser: any;
+    _label: any;
+    _level: any;
+    _on: any;
+    protected el: HTMLElement;
+    availableInputProperties: string[];
+    hasTagNameTransformer: boolean;
+    tagName: string;
+    replaceTagDirective: ReplaceTagDirective;
+    constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KolCardWc, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolCardWc, "kol-card-wc", never, { "_hasCloser": { "alias": "_hasCloser"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_level": { "alias": "_level"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface KolCardWc extends Components.KolCardWc {
+}
 export declare class KolCombobox extends StencilProxyComponent implements OnChanges {
     private changeDetectorRef;
     protected z: NgZone;
@@ -257,6 +276,7 @@ export declare class KolDrawer extends StencilProxyComponent implements OnChange
     private changeDetectorRef;
     protected z: NgZone;
     _align: any;
+    _hascloser: any;
     _label: any;
     _on: any;
     _open: any;
@@ -268,7 +288,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; }; "_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; }; "_on": { "alias": "_on"; "required": false; }; "_open": { "alias": "_open"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolDrawer extends Components.KolDrawer {
 }
@@ -1070,7 +1090,9 @@ export declare interface KolSpin extends Components.KolSpin {
 export declare class KolSplitButton extends StencilProxyComponent implements OnChanges {
     private changeDetectorRef;
     protected z: NgZone;
+    _accesskey: any;
     _ariacontrols: any;
+    _ariadescription: any;
     _ariaexpanded: any;
     _ariaselected: any;
     _customclass: any;
@@ -1082,6 +1104,7 @@ export declare class KolSplitButton extends StencilProxyComponent implements OnC
     _name: any;
     _on: any;
     _role: any;
+    _shortkey: any;
     _tooltipalign: any;
     _type: any;
     _value: any;
@@ -1094,7 +1117,7 @@ export declare class KolSplitButton extends StencilProxyComponent implements OnC
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolSplitButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolSplitButton, "kol-split-button", never, { "_ariaControls": { "alias": "_ariaControls"; "required": false; }; "_ariaExpanded": { "alias": "_ariaExpanded"; "required": false; }; "_ariaSelected": { "alias": "_ariaSelected"; "required": false; }; "_customClass": { "alias": "_customClass"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_role": { "alias": "_role"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_type": { "alias": "_type"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolSplitButton, "kol-split-button", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_ariaControls": { "alias": "_ariaControls"; "required": false; }; "_ariaDescription": { "alias": "_ariaDescription"; "required": false; }; "_ariaExpanded": { "alias": "_ariaExpanded"; "required": false; }; "_ariaSelected": { "alias": "_ariaSelected"; "required": false; }; "_customClass": { "alias": "_customClass"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_role": { "alias": "_role"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_type": { "alias": "_type"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolSplitButton extends Components.KolSplitButton {
 }

package/dist/components.js

@@ -332,6 +332,42 @@ function KolCard_ng_template_1_Template(rf, ctx) { if (rf & 1) {
 function KolCard_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
+function KolCardWc_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function KolCardWc_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "stencil-ng-proxy", 5, 2);
+    i0.ɵɵtemplate(2, KolCardWc_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template, 1, 0, "ng-container", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ngContentOutlet_r2 = i0.ɵɵreference(4);
+    i0.ɵɵproperty("_hasCloser", ctx_r0._hasCloser)("_label", ctx_r0._label)("_level", ctx_r0._level)("_on", ctx_r0._on);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
+} }
+function KolCardWc_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, KolCardWc_ng_container_0_stencil_ng_proxy_1_Template, 3, 5, "stencil-ng-proxy", 4);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("replaceTag", ctx_r0.tagName);
+} }
+function KolCardWc_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function KolCardWc_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, KolCardWc_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 6);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const ngContentOutlet_r2 = i0.ɵɵreference(4);
+    i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
+} }
+function KolCardWc_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
 function KolCombobox_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -414,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)("_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)("_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, 5, "stencil-ng-proxy", 4);
+    i0.ɵɵtemplate(1, KolDrawer_ng_container_0_stencil_ng_proxy_1_Template, 3, 6, "stencil-ng-proxy", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1458,13 +1494,13 @@ function KolSplitButton_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵproperty("_ariaControls", ctx_r0._ariaControls)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
+    i0.ɵɵproperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolSplitButton_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, KolSplitButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 17, "stencil-ng-proxy", 4);
+    i0.ɵɵtemplate(1, KolSplitButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -2512,6 +2548,80 @@ export { KolCard };
             args: [ReplaceTagDirective]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCard, { className: "KolCard", filePath: "components.ts", lineNumber: 562 }); })();
+let KolCardWc = class KolCardWc extends StencilProxyComponent {
+    constructor(changeDetectorRef, r, z) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.z = z;
+        this.availableInputProperties = ['_hasCloser', '_label', '_level', '_on'];
+        changeDetectorRef.detach();
+        const originalTagName = 'kol-card-wc';
+        this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
+        this.hasTagNameTransformer = typeof tagNameTransformer === 'function';
+        this.el = r.nativeElement;
+    }
+    ngOnChanges() {
+        if (typeof this.replaceTagDirective === 'object' && this.replaceTagDirective !== null && typeof this.replaceTagDirective.handlePropertyChanges === 'function') {
+            this.replaceTagDirective.handlePropertyChanges();
+        }
+        this.changeDetectorRef.detectChanges();
+    }
+};
+KolCardWc.ɵfac = function KolCardWc_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KolCardWc)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+KolCardWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolCardWc, selectors: [["kol-card-wc"]], viewQuery: function KolCardWc_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(ReplaceTagDirective, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
+    } }, inputs: { _hasCloser: "_hasCloser", _label: "_label", _level: "_level", _on: "_on" }, features: [i0.ɵɵProvidersFeature([
+            { provide: StencilProxyComponent, useExisting: forwardRef(() => KolCardWc) }
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_hasCloser", "_label", "_level", "_on", 4, "replaceTag"], [3, "_hasCloser", "_label", "_level", "_on"], [4, "ngTemplateOutlet"]], template: function KolCardWc_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵtemplate(0, KolCardWc_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolCardWc_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolCardWc_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const defaultCase_r3 = i0.ɵɵreference(2);
+        i0.ɵɵproperty("ngIf", ctx.hasTagNameTransformer)("ngIfElse", defaultCase_r3);
+    } }, encapsulation: 2, changeDetection: 0 });
+KolCardWc = __decorate([
+    ProxyCmp({
+        inputs: ['_hasCloser', '_label', '_level', '_on']
+    })
+], KolCardWc);
+export { KolCardWc };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KolCardWc, [{
+        type: Component,
+        args: [{
+                selector: 'kol-card-wc',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
+      <stencil-ng-proxy
+        [_hasCloser]="_hasCloser" [_label]="_label" [_level]="_level" [_on]="_on"
+        *replaceTag="tagName"
+        #replaceTagHost
+      >
+        <ng-container *ngTemplateOutlet="ngContentOutlet"></ng-container>
+      </stencil-ng-proxy>
+    </ng-container>
+
+    <ng-template #defaultCase>
+      <ng-container *ngTemplateOutlet="ngContentOutlet"></ng-container>
+    </ng-template>
+
+    <ng-template #ngContentOutlet>
+      <ng-content></ng-content>
+    </ng-template>`,
+                // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                inputs: ['_hasCloser', '_label', '_level', '_on'],
+                providers: [
+                    { provide: StencilProxyComponent, useExisting: forwardRef(() => KolCardWc) }
+                ],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { replaceTagDirective: [{
+            type: ViewChild,
+            args: [ReplaceTagDirective]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCardWc, { className: "KolCardWc", filePath: "components.ts", lineNumber: 623 }); })();
 let KolCombobox = class KolCombobox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2586,7 +2696,7 @@ export { KolCombobox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCombobox, { className: "KolCombobox", filePath: "components.ts", lineNumber: 624 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCombobox, { className: "KolCombobox", filePath: "components.ts", lineNumber: 685 }); })();
 let KolDetails = class KolDetails extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2661,13 +2771,13 @@ export { KolDetails };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 700 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 761 }); })();
 let KolDrawer = class KolDrawer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_align', '_label', '_on', '_open'];
+        this.availableInputProperties = ['_align', '_hasCloser', '_label', '_on', '_open'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-drawer';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2687,9 +2797,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", _label: "_label", _on: "_on", _open: "_open" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _align: "_align", _hasCloser: "_hasCloser", _label: "_label", _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", "_label", "_on", "_open", 4, "replaceTag"], [3, "_align", "_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", "_on", "_open", 4, "replaceTag"], [3, "_align", "_hasCloser", "_label", "_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) {
@@ -2698,7 +2808,7 @@ KolDrawer.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDrawer, select
     } }, encapsulation: 2, changeDetection: 0 });
 KolDrawer = __decorate([
     ProxyCmp({
-        inputs: ['_align', '_label', '_on', '_open'],
+        inputs: ['_align', '_hasCloser', '_label', '_on', '_open'],
         methods: ['open', 'close']
     })
 ], KolDrawer);
@@ -2711,7 +2821,7 @@ export { KolDrawer };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_align]="_align" [_label]="_label" [_on]="_on" [_open]="_open"
+        [_align]="_align" [_hasCloser]="_hasCloser" [_label]="_label" [_on]="_on" [_open]="_open"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2727,7 +2837,7 @@ export { KolDrawer };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_align', '_label', '_on', '_open'],
+                inputs: ['_align', '_hasCloser', '_label', '_on', '_open'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDrawer) }
                 ],
@@ -2736,7 +2846,7 @@ export { KolDrawer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 763 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 824 }); })();
 let KolForm = class KolForm extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2811,7 +2921,7 @@ export { KolForm };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 825 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 887 }); })();
 let KolHeading = class KolHeading extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2885,7 +2995,7 @@ export { KolHeading };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 885 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 947 }); })();
 let KolIcon = class KolIcon extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2959,7 +3069,7 @@ export { KolIcon };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 945 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1007 }); })();
 let KolImage = class KolImage extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3033,7 +3143,7 @@ export { KolImage };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1004 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1066 }); })();
 let KolInputCheckbox = class KolInputCheckbox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3108,7 +3218,7 @@ export { KolInputCheckbox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1067 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1129 }); })();
 let KolInputColor = class KolInputColor extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3183,7 +3293,7 @@ export { KolInputColor };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1145 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1207 }); })();
 let KolInputDate = class KolInputDate extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3258,7 +3368,7 @@ export { KolInputDate };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1221 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1283 }); })();
 let KolInputEmail = class KolInputEmail extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3333,7 +3443,7 @@ export { KolInputEmail };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1303 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1365 }); })();
 let KolInputFile = class KolInputFile extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3408,7 +3518,7 @@ export { KolInputFile };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1386 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1448 }); })();
 let KolInputNumber = class KolInputNumber extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3483,7 +3593,7 @@ export { KolInputNumber };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1462 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1524 }); })();
 let KolInputPassword = class KolInputPassword extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3558,7 +3668,7 @@ export { KolInputPassword };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1544 }); })();
+(() => { (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();
@@ -3633,7 +3743,7 @@ export { KolInputRadio };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1626 }); })();
+(() => { (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();
@@ -3708,7 +3818,7 @@ export { KolInputRange };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1699 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1761 }); })();
 let KolInputText = class KolInputText extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3783,7 +3893,7 @@ export { KolInputText };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1777 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1839 }); })();
 let KolKolibri = class KolKolibri extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3857,7 +3967,7 @@ export { KolKolibri };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1860 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1922 }); })();
 let KolLink = class KolLink extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3932,7 +4042,7 @@ export { KolLink };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1920 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1982 }); })();
 let KolLinkButton = class KolLinkButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4007,7 +4117,7 @@ export { KolLinkButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 1993 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2055 }); })();
 let KolModal = class KolModal extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4082,7 +4192,7 @@ export { KolModal };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2067 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2129 }); })();
 let KolNav = class KolNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4156,7 +4266,7 @@ export { KolNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2128 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2190 }); })();
 let KolPagination = class KolPagination extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4230,7 +4340,7 @@ export { KolPagination };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2192 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2254 }); })();
 let KolPopoverButton = class KolPopoverButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4305,7 +4415,7 @@ export { KolPopoverButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2261 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2323 }); })();
 let KolPopoverButtonWc = class KolPopoverButtonWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4380,7 +4490,7 @@ export { KolPopoverButtonWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2339 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2401 }); })();
 let KolProgress = class KolProgress extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4454,7 +4564,7 @@ export { KolProgress };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2416 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2478 }); })();
 let KolQuote = class KolQuote extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4528,7 +4638,7 @@ export { KolQuote };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2478 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2540 }); })();
 let KolSelect = class KolSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4603,7 +4713,7 @@ export { KolSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2540 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2602 }); })();
 let KolSingleSelect = class KolSingleSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4678,7 +4788,7 @@ export { KolSingleSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2618 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2680 }); })();
 let KolSkipNav = class KolSkipNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4752,7 +4862,7 @@ export { KolSkipNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2695 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2757 }); })();
 let KolSpin = class KolSpin extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4826,13 +4936,13 @@ export { KolSpin };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2754 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2816 }); })();
 let KolSplitButton = class KolSplitButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_ariaControls', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_tooltipAlign', '_type', '_value', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-split-button';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4852,9 +4962,9 @@ KolSplitButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSplitButt
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _ariaControls: "_ariaControls", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _id: "_id", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _id: "_id", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSplitButton) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_ariaControls", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_label", "_name", "_on", "_role", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_ariaControls", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_label", "_name", "_on", "_role", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolSplitButton_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolSplitButton_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵtemplate(0, KolSplitButton_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolSplitButton_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolSplitButton_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4863,8 +4973,8 @@ KolSplitButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSplitButt
     } }, encapsulation: 2, changeDetection: 0 });
 KolSplitButton = __decorate([
     ProxyCmp({
-        inputs: ['_ariaControls', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_tooltipAlign', '_type', '_value', '_variant'],
-        methods: ['closePopup']
+        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
+        methods: ['getValue', 'kolFocus', 'closePopup']
     })
 ], KolSplitButton);
 export { KolSplitButton };
@@ -4876,7 +4986,7 @@ export { KolSplitButton };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_ariaControls]="_ariaControls" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_id]="_id" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
+        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_id]="_id" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4892,7 +5002,7 @@ export { KolSplitButton };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_ariaControls', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_tooltipAlign', '_type', '_value', '_variant'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSplitButton) }
                 ],
@@ -4901,7 +5011,7 @@ export { KolSplitButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2814 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2876 }); })();
 let KolTableStateful = class KolTableStateful extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4976,7 +5086,7 @@ export { KolTableStateful };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 2888 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 2953 }); })();
 let KolTableStateless = class KolTableStateless extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5050,7 +5160,7 @@ export { KolTableStateless };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 2956 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3021 }); })();
 let KolTabs = class KolTabs extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5124,7 +5234,7 @@ export { KolTabs };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3021 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3086 }); })();
 let KolTextarea = class KolTextarea extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5199,7 +5309,7 @@ export { KolTextarea };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3086 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3151 }); })();
 let KolToastContainer = class KolToastContainer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5273,7 +5383,7 @@ export { KolToastContainer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3167 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3232 }); })();
 let KolToolbar = class KolToolbar extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5347,7 +5457,7 @@ export { KolToolbar };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3225 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3290 }); })();
 let KolTree = class KolTree extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5421,7 +5531,7 @@ export { KolTree };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3285 }); })();
+(() => { (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();
@@ -5496,7 +5606,7 @@ export { KolTreeItem };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3344 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3409 }); })();
 let KolTreeItemWc = class KolTreeItemWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5571,7 +5681,7 @@ export { KolTreeItemWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3406 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3471 }); })();
 let KolVersion = class KolVersion extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5645,4 +5755,4 @@ export { KolVersion };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3467 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3532 }); })();

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion } from './components';
+export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion } from './components';
 export { ReplaceTagDirective } from './angular-component-lib/ReplaceTagDirective';
 export { setTagNameTransformer } from './angular-component-lib/tagNameTransformer';

package/dist/index.js

@@ -1,4 +1,4 @@
 /* AutoGen NgModule */
-export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion } from './components';
+export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion } from './components';
 export { ReplaceTagDirective } from './angular-component-lib/ReplaceTagDirective';
 export { setTagNameTransformer } from './angular-component-lib/tagNameTransformer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/angular-v20",
-  "version": "3.0.1",
+  "version": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -66,11 +66,11 @@
     "rxjs": "7.8.2",
     "typescript": "5.8.3",
     "zone.js": "0.15.1",
-    "@public-ui/components": "3.0.1"
+    "@public-ui/components": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0"
   },
   "peerDependencies": {
     "@angular/core": "^20.0.3",
-    "@public-ui/components": "3.0.1"
+    "@public-ui/components": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0"
   },
   "files": [
     "dist"