@public-ui/angular-v21 4.0.0-alpha.10 → 4.0.0-alpha.12

package/dist/components.d.ts

@@ -226,7 +226,7 @@ export declare class KolCombobox extends StencilProxyComponent implements OnChan
     protected z: NgZone;
     _accesskey: any;
     _disabled: any;
-    _hideclearbutton: any;
+    _hasclearbutton: any;
     _hidelabel: any;
     _hidemsg: any;
     _hint: any;
@@ -251,7 +251,7 @@ export declare class KolCombobox extends StencilProxyComponent implements OnChan
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolCombobox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolCombobox, "kol-combobox", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideClearButton": { "alias": "_hideClearButton"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_hideMsg": { "alias": "_hideMsg"; "required": false; }; "_hint": { "alias": "_hint"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_msg": { "alias": "_msg"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_placeholder": { "alias": "_placeholder"; "required": false; }; "_required": { "alias": "_required"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_suggestions": { "alias": "_suggestions"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_touched": { "alias": "_touched"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolCombobox, "kol-combobox", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hasClearButton": { "alias": "_hasClearButton"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_hideMsg": { "alias": "_hideMsg"; "required": false; }; "_hint": { "alias": "_hint"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_msg": { "alias": "_msg"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_placeholder": { "alias": "_placeholder"; "required": false; }; "_required": { "alias": "_required"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_suggestions": { "alias": "_suggestions"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_touched": { "alias": "_touched"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolCombobox extends Components.KolCombobox {
 }
@@ -1053,12 +1053,47 @@ export declare class KolSelect extends StencilProxyComponent implements OnChange
 }
 export declare interface KolSelect extends Components.KolSelect {
 }
+export declare class KolSelectWc extends StencilProxyComponent implements OnChanges {
+    private changeDetectorRef;
+    protected z: NgZone;
+    _accesskey: any;
+    _disabled: any;
+    _hidelabel: any;
+    _hidemsg: any;
+    _hint: any;
+    _icons: any;
+    _id: any;
+    _label: any;
+    _msg: any;
+    _multiple: any;
+    _name: any;
+    _on: any;
+    _options: any;
+    _required: any;
+    _rows: any;
+    _shortkey: any;
+    _tabindex: any;
+    _tooltipalign: any;
+    _touched: any;
+    _value: 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<KolSelectWc, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolSelectWc, "kol-select-wc", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_hideMsg": { "alias": "_hideMsg"; "required": false; }; "_hint": { "alias": "_hint"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_msg": { "alias": "_msg"; "required": false; }; "_multiple": { "alias": "_multiple"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_options": { "alias": "_options"; "required": false; }; "_required": { "alias": "_required"; "required": false; }; "_rows": { "alias": "_rows"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_tabIndex": { "alias": "_tabIndex"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_touched": { "alias": "_touched"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface KolSelectWc extends Components.KolSelectWc {
+}
 export declare class KolSingleSelect extends StencilProxyComponent implements OnChanges {
     private changeDetectorRef;
     protected z: NgZone;
     _accesskey: any;
     _disabled: any;
-    _hideclearbutton: any;
+    _hasclearbutton: any;
     _hidelabel: any;
     _hidemsg: any;
     _hint: any;
@@ -1084,7 +1119,7 @@ export declare class KolSingleSelect extends StencilProxyComponent implements On
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolSingleSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolSingleSelect, "kol-single-select", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideClearButton": { "alias": "_hideClearButton"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_hideMsg": { "alias": "_hideMsg"; "required": false; }; "_hint": { "alias": "_hint"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_msg": { "alias": "_msg"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_options": { "alias": "_options"; "required": false; }; "_placeholder": { "alias": "_placeholder"; "required": false; }; "_required": { "alias": "_required"; "required": false; }; "_rows": { "alias": "_rows"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_touched": { "alias": "_touched"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolSingleSelect, "kol-single-select", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hasClearButton": { "alias": "_hasClearButton"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_hideMsg": { "alias": "_hideMsg"; "required": false; }; "_hint": { "alias": "_hint"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_msg": { "alias": "_msg"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_options": { "alias": "_options"; "required": false; }; "_placeholder": { "alias": "_placeholder"; "required": false; }; "_required": { "alias": "_required"; "required": false; }; "_rows": { "alias": "_rows"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_touched": { "alias": "_touched"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolSingleSelect extends Components.KolSingleSelect {
 }

package/dist/components.js

@@ -378,7 +378,7 @@ function KolCombobox_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (r
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_disabled", ctx_r0._disabled)("_hideClearButton", ctx_r0._hideClearButton)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_placeholder", ctx_r0._placeholder)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_disabled", ctx_r0._disabled)("_hasClearButton", ctx_r0._hasClearButton)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_placeholder", ctx_r0._placeholder)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
@@ -1412,6 +1412,42 @@ function KolSelect_ng_template_1_Template(rf, ctx) { if (rf & 1) {
 function KolSelect_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
+function KolSelectWc_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementContainer(0);
+} }
+function KolSelectWc_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "stencil-ng-proxy", 5, 2);
+    i0.ɵɵdomTemplate(2, KolSelectWc_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template, 1, 0, "ng-container", 6);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ngContentOutlet_r2 = i0.ɵɵreference(4);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_multiple", ctx_r0._multiple)("_name", ctx_r0._name)("_on", ctx_r0._on)("_options", ctx_r0._options)("_required", ctx_r0._required)("_rows", ctx_r0._rows)("_shortKey", ctx_r0._shortKey)("_tabIndex", ctx_r0._tabIndex)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
+} }
+function KolSelectWc_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementContainerStart(0);
+    i0.ɵɵdomTemplate(1, KolSelectWc_ng_container_0_stencil_ng_proxy_1_Template, 3, 21, "stencil-ng-proxy", 4);
+    i0.ɵɵdomElementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵdomProperty("replaceTag", ctx_r0.tagName);
+} }
+function KolSelectWc_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementContainer(0);
+} }
+function KolSelectWc_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomTemplate(0, KolSelectWc_ng_template_1_ng_container_0_Template, 1, 0, "ng-container", 6);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const ngContentOutlet_r2 = i0.ɵɵreference(4);
+    i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
+} }
+function KolSelectWc_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
 function KolSingleSelect_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainer(0);
 } }
@@ -1422,7 +1458,7 @@ function KolSingleSelect_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_disabled", ctx_r0._disabled)("_hideClearButton", ctx_r0._hideClearButton)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_options", ctx_r0._options)("_placeholder", ctx_r0._placeholder)("_required", ctx_r0._required)("_rows", ctx_r0._rows)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_disabled", ctx_r0._disabled)("_hasClearButton", ctx_r0._hasClearButton)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_options", ctx_r0._options)("_placeholder", ctx_r0._placeholder)("_required", ctx_r0._required)("_rows", ctx_r0._rows)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
@@ -2664,7 +2700,7 @@ let KolCombobox = class KolCombobox extends StencilProxyComponent {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_disabled', '_hideClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'];
+        this.availableInputProperties = ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-combobox';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2684,9 +2720,9 @@ KolCombobox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolCombobox, se
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hideClearButton: "_hideClearButton", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _placeholder: "_placeholder", _required: "_required", _shortKey: "_shortKey", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hasClearButton: "_hasClearButton", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _placeholder: "_placeholder", _required: "_required", _shortKey: "_shortKey", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolCombobox) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_disabled", "_hideClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_placeholder", "_required", "_shortKey", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hideClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_placeholder", "_required", "_shortKey", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolCombobox_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", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_placeholder", "_required", "_shortKey", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_placeholder", "_required", "_shortKey", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolCombobox_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolCombobox_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolCombobox_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolCombobox_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -2695,7 +2731,7 @@ KolCombobox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolCombobox, se
     } }, encapsulation: 2, changeDetection: 0 });
 KolCombobox = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_disabled', '_hideClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'kolFocus']
     })
 ], KolCombobox);
@@ -2708,7 +2744,7 @@ export { KolCombobox };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideClearButton]="_hideClearButton" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_placeholder]="_placeholder" [_required]="_required" [_shortKey]="_shortKey" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hasClearButton]="_hasClearButton" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_placeholder]="_placeholder" [_required]="_required" [_shortKey]="_shortKey" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2724,7 +2760,7 @@ export { KolCombobox };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_disabled', '_hideClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+                inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolCombobox) }
                 ],
@@ -4825,12 +4861,87 @@ export { KolSelect };
             args: [ReplaceTagDirective]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2680 }); })();
+let KolSelectWc = class KolSelectWc extends StencilProxyComponent {
+    constructor(changeDetectorRef, r, z) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.z = z;
+        this.availableInputProperties = ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'];
+        changeDetectorRef.detach();
+        const originalTagName = 'kol-select-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();
+    }
+};
+KolSelectWc.ɵfac = function KolSelectWc_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KolSelectWc)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+KolSelectWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelectWc, selectors: [["kol-select-wc"]], viewQuery: function KolSelectWc_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: { _accessKey: "_accessKey", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _multiple: "_multiple", _name: "_name", _on: "_on", _options: "_options", _required: "_required", _rows: "_rows", _shortKey: "_shortKey", _tabIndex: "_tabIndex", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+            { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSelectWc) }
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_multiple", "_name", "_on", "_options", "_required", "_rows", "_shortKey", "_tabIndex", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_multiple", "_name", "_on", "_options", "_required", "_rows", "_shortKey", "_tabIndex", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolSelectWc_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵdomTemplate(0, KolSelectWc_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolSelectWc_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolSelectWc_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const defaultCase_r3 = i0.ɵɵreference(2);
+        i0.ɵɵdomProperty("ngIf", ctx.hasTagNameTransformer)("ngIfElse", defaultCase_r3);
+    } }, encapsulation: 2, changeDetection: 0 });
+KolSelectWc = __decorate([
+    ProxyCmp({
+        inputs: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
+        methods: ['getValue', 'kolFocus']
+    })
+], KolSelectWc);
+export { KolSelectWc };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KolSelectWc, [{
+        type: Component,
+        args: [{
+                selector: 'kol-select-wc',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
+      <stencil-ng-proxy
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_multiple]="_multiple" [_name]="_name" [_on]="_on" [_options]="_options" [_required]="_required" [_rows]="_rows" [_shortKey]="_shortKey" [_tabIndex]="_tabIndex" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        *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: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
+                providers: [
+                    { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSelectWc) }
+                ],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { replaceTagDirective: [{
+            type: ViewChild,
+            args: [ReplaceTagDirective]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelectWc, { className: "KolSelectWc", filePath: "components.ts", lineNumber: 2758 }); })();
 let KolSingleSelect = class KolSingleSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_disabled', '_hideClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'];
+        this.availableInputProperties = ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-single-select';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4850,9 +4961,9 @@ KolSingleSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSingleSe
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hideClearButton: "_hideClearButton", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _options: "_options", _placeholder: "_placeholder", _required: "_required", _rows: "_rows", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hasClearButton: "_hasClearButton", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _options: "_options", _placeholder: "_placeholder", _required: "_required", _rows: "_rows", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSingleSelect) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_disabled", "_hideClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_options", "_placeholder", "_required", "_rows", "_shortKey", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hideClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_options", "_placeholder", "_required", "_rows", "_shortKey", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolSingleSelect_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", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_options", "_placeholder", "_required", "_rows", "_shortKey", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_options", "_placeholder", "_required", "_rows", "_shortKey", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolSingleSelect_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolSingleSelect_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolSingleSelect_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolSingleSelect_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4861,7 +4972,7 @@ KolSingleSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSingleSe
     } }, encapsulation: 2, changeDetection: 0 });
 KolSingleSelect = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_disabled', '_hideClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'kolFocus']
     })
 ], KolSingleSelect);
@@ -4874,7 +4985,7 @@ export { KolSingleSelect };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideClearButton]="_hideClearButton" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_options]="_options" [_placeholder]="_placeholder" [_required]="_required" [_rows]="_rows" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hasClearButton]="_hasClearButton" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_options]="_options" [_placeholder]="_placeholder" [_required]="_required" [_rows]="_rows" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4890,7 +5001,7 @@ export { KolSingleSelect };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_disabled', '_hideClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
+                inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSingleSelect) }
                 ],
@@ -4899,7 +5010,7 @@ export { KolSingleSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2758 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2836 }); })();
 let KolSkipNav = class KolSkipNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4974,7 +5085,7 @@ export { KolSkipNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2836 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2914 }); })();
 let KolSpin = class KolSpin extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5048,7 +5159,7 @@ export { KolSpin };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2895 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2973 }); })();
 let KolSplitButton = class KolSplitButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5123,7 +5234,7 @@ export { KolSplitButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2956 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 3034 }); })();
 let KolTableStateful = class KolTableStateful extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5198,7 +5309,7 @@ export { KolTableStateful };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3033 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3111 }); })();
 let KolTableStateless = class KolTableStateless extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5272,7 +5383,7 @@ export { KolTableStateless };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3102 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3180 }); })();
 let KolTabs = class KolTabs extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5346,7 +5457,7 @@ export { KolTabs };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3168 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3246 }); })();
 let KolTextarea = class KolTextarea extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5421,7 +5532,7 @@ export { KolTextarea };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3233 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3311 }); })();
 let KolToastContainer = class KolToastContainer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5495,7 +5606,7 @@ export { KolToastContainer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3315 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3393 }); })();
 let KolToolbar = class KolToolbar extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5569,7 +5680,7 @@ export { KolToolbar };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3373 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3451 }); })();
 let KolTree = class KolTree extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5643,7 +5754,7 @@ export { KolTree };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3433 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3511 }); })();
 let KolTreeItem = class KolTreeItem extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5718,7 +5829,7 @@ export { KolTreeItem };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3492 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3570 }); })();
 let KolTreeItemWc = class KolTreeItemWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5793,7 +5904,7 @@ export { KolTreeItemWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3554 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3632 }); })();
 let KolVersion = class KolVersion extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5867,4 +5978,4 @@ export { KolVersion };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3615 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3693 }); })();

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-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, KolPaginationWc, 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, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSelectWc, 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, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, 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, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSelectWc, 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-v21",
-  "version": "4.0.0-alpha.10",
+  "version": "4.0.0-alpha.12",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -65,11 +65,11 @@
     "rxjs": "7.8.2",
     "typescript": "5.9.3",
     "zone.js": "0.16.0",
-    "@public-ui/components": "4.0.0-alpha.10"
+    "@public-ui/components": "4.0.0-alpha.12"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.5",
-    "@public-ui/components": "4.0.0-alpha.10"
+    "@public-ui/components": "4.0.0-alpha.12"
   },
   "files": [
     "dist"