@public-ui/angular-v21 4.0.0-beta.0 → 4.0.0-beta.1

package/dist/components.d.ts

@@ -275,6 +275,25 @@ export declare class KolDetails extends StencilProxyComponent implements OnChang
 }
 export declare interface KolDetails extends Components.KolDetails {
 }
+export declare class KolDialog extends StencilProxyComponent implements OnChanges {
+    private changeDetectorRef;
+    protected z: NgZone;
+    _label: any;
+    _on: any;
+    _variant: any;
+    _width: 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<KolDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolDialog, "kol-dialog", never, { "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; "_width": { "alias": "_width"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface KolDialog extends Components.KolDialog {
+}
 export declare class KolDrawer extends StencilProxyComponent implements OnChanges {
     private changeDetectorRef;
     protected z: NgZone;

package/dist/components.js

@@ -440,6 +440,42 @@ function KolDetails_ng_template_1_Template(rf, ctx) { if (rf & 1) {
 function KolDetails_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
+function KolDialog_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementContainer(0);
+} }
+function KolDialog_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "stencil-ng-proxy", 5, 2);
+    i0.ɵɵdomTemplate(2, KolDialog_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("_label", ctx_r0._label)("_on", ctx_r0._on)("_variant", ctx_r0._variant)("_width", ctx_r0._width);
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
+} }
+function KolDialog_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementContainerStart(0);
+    i0.ɵɵdomTemplate(1, KolDialog_ng_container_0_stencil_ng_proxy_1_Template, 3, 5, "stencil-ng-proxy", 4);
+    i0.ɵɵdomElementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵdomProperty("replaceTag", ctx_r0.tagName);
+} }
+function KolDialog_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementContainer(0);
+} }
+function KolDialog_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomTemplate(0, KolDialog_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 KolDialog_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
 function KolDrawer_ng_container_0_stencil_ng_proxy_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainer(0);
 } }
@@ -2062,7 +2098,7 @@ KolAccordion.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolAccordion,
 KolAccordion = __decorate([
     ProxyCmp({
         inputs: ['_disabled', '_label', '_level', '_on', '_open'],
-        methods: ['kolFocus']
+        methods: ['focus']
     })
 ], KolAccordion);
 export { KolAccordion };
@@ -2285,7 +2321,7 @@ KolBadge.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolBadge, selector
 KolBadge = __decorate([
     ProxyCmp({
         inputs: ['_color', '_icons', '_label', '_smartButton'],
-        methods: ['kolFocus']
+        methods: ['focus']
     })
 ], KolBadge);
 export { KolBadge };
@@ -2434,7 +2470,7 @@ KolButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolButton, select
 KolButton = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolButton);
 export { KolButton };
@@ -2509,7 +2545,7 @@ KolButtonLink.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolButtonLink
 KolButtonLink = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolButtonLink);
 export { KolButtonLink };
@@ -2732,7 +2768,7 @@ KolCombobox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolCombobox, se
 KolCombobox = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolCombobox);
 export { KolCombobox };
@@ -2807,7 +2843,7 @@ KolDetails.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDetails, sele
 KolDetails = __decorate([
     ProxyCmp({
         inputs: ['_disabled', '_label', '_level', '_on', '_open'],
-        methods: ['kolFocus']
+        methods: ['focus']
     })
 ], KolDetails);
 export { KolDetails };
@@ -2845,6 +2881,81 @@ export { KolDetails };
             args: [ReplaceTagDirective]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 765 }); })();
+let KolDialog = class KolDialog extends StencilProxyComponent {
+    constructor(changeDetectorRef, r, z) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.z = z;
+        this.availableInputProperties = ['_label', '_on', '_variant', '_width'];
+        changeDetectorRef.detach();
+        const originalTagName = 'kol-dialog';
+        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();
+    }
+};
+KolDialog.ɵfac = function KolDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KolDialog)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
+KolDialog.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolDialog, selectors: [["kol-dialog"]], viewQuery: function KolDialog_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: { _label: "_label", _on: "_on", _variant: "_variant", _width: "_width" }, features: [i0.ɵɵProvidersFeature([
+            { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDialog) }
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_label", "_on", "_variant", "_width", 4, "replaceTag"], [3, "_label", "_on", "_variant", "_width"], [4, "ngTemplateOutlet"]], template: function KolDialog_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵdomTemplate(0, KolDialog_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolDialog_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolDialog_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+    } if (rf & 2) {
+        const defaultCase_r3 = i0.ɵɵreference(2);
+        i0.ɵɵdomProperty("ngIf", ctx.hasTagNameTransformer)("ngIfElse", defaultCase_r3);
+    } }, encapsulation: 2, changeDetection: 0 });
+KolDialog = __decorate([
+    ProxyCmp({
+        inputs: ['_label', '_on', '_variant', '_width'],
+        methods: ['openModal', 'closeModal']
+    })
+], KolDialog);
+export { KolDialog };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KolDialog, [{
+        type: Component,
+        args: [{
+                selector: 'kol-dialog',
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
+      <stencil-ng-proxy
+        [_label]="_label" [_on]="_on" [_variant]="_variant" [_width]="_width"
+        *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: ['_label', '_on', '_variant', '_width'],
+                providers: [
+                    { provide: StencilProxyComponent, useExisting: forwardRef(() => KolDialog) }
+                ],
+            }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], { replaceTagDirective: [{
+            type: ViewChild,
+            args: [ReplaceTagDirective]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDialog, { className: "KolDialog", filePath: "components.ts", lineNumber: 828 }); })();
 let KolDrawer = class KolDrawer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2919,7 +3030,7 @@ export { KolDrawer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 828 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 890 }); })();
 let KolForm = class KolForm extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2994,7 +3105,7 @@ export { KolForm };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 891 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 953 }); })();
 let KolHeading = class KolHeading extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3068,7 +3179,7 @@ export { KolHeading };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 951 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 1013 }); })();
 let KolIcon = class KolIcon extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3142,7 +3253,7 @@ export { KolIcon };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1011 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1073 }); })();
 let KolImage = class KolImage extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3216,7 +3327,7 @@ export { KolImage };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1070 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1132 }); })();
 let KolInputCheckbox = class KolInputCheckbox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3254,7 +3365,7 @@ KolInputCheckbox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputCh
 KolInputCheckbox = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolInputCheckbox);
 export { KolInputCheckbox };
@@ -3291,7 +3402,7 @@ export { KolInputCheckbox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1133 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1195 }); })();
 let KolInputColor = class KolInputColor extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3329,7 +3440,7 @@ KolInputColor.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputColor
 KolInputColor = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolInputColor);
 export { KolInputColor };
@@ -3366,7 +3477,7 @@ export { KolInputColor };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1211 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1273 }); })();
 let KolInputDate = class KolInputDate extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3404,7 +3515,7 @@ KolInputDate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputDate,
 KolInputDate = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'],
-        methods: ['getValue', 'kolFocus', 'reset']
+        methods: ['getValue', 'focus', 'reset']
     })
 ], KolInputDate);
 export { KolInputDate };
@@ -3441,7 +3552,7 @@ export { KolInputDate };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1287 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1349 }); })();
 let KolInputEmail = class KolInputEmail extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3479,7 +3590,7 @@ KolInputEmail.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputEmail
 KolInputEmail = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_multiple', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolInputEmail);
 export { KolInputEmail };
@@ -3516,7 +3627,7 @@ export { KolInputEmail };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1369 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1431 }); })();
 let KolInputFile = class KolInputFile extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3554,7 +3665,7 @@ KolInputFile.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputFile,
 KolInputFile = __decorate([
     ProxyCmp({
         inputs: ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'],
-        methods: ['getValue', 'kolFocus', 'reset']
+        methods: ['getValue', 'focus', 'reset']
     })
 ], KolInputFile);
 export { KolInputFile };
@@ -3591,7 +3702,7 @@ export { KolInputFile };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1453 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1515 }); })();
 let KolInputNumber = class KolInputNumber extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3629,7 +3740,7 @@ KolInputNumber.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputNumb
 KolInputNumber = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolInputNumber);
 export { KolInputNumber };
@@ -3666,7 +3777,7 @@ export { KolInputNumber };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1529 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1591 }); })();
 let KolInputPassword = class KolInputPassword extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3704,7 +3815,7 @@ KolInputPassword.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputPa
 KolInputPassword = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched', '_value', '_variant'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolInputPassword);
 export { KolInputPassword };
@@ -3741,7 +3852,7 @@ export { KolInputPassword };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1611 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1673 }); })();
 let KolInputRadio = class KolInputRadio extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3779,7 +3890,7 @@ KolInputRadio.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputRadio
 KolInputRadio = __decorate([
     ProxyCmp({
         inputs: ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_id', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolInputRadio);
 export { KolInputRadio };
@@ -3816,7 +3927,7 @@ export { KolInputRadio };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1694 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1756 }); })();
 let KolInputRange = class KolInputRange extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3854,7 +3965,7 @@ KolInputRange.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputRange
 KolInputRange = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
-        methods: ['kolFocus', 'getValue']
+        methods: ['focus', 'getValue']
     })
 ], KolInputRange);
 export { KolInputRange };
@@ -3891,7 +4002,7 @@ export { KolInputRange };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1767 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1829 }); })();
 let KolInputText = class KolInputText extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3929,7 +4040,7 @@ KolInputText.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputText,
 KolInputText = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_spellCheck', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'],
-        methods: ['getValue', 'kolFocus', 'selectionStart', 'selectioconEnd', 'setSelectionRange', 'setSelectionStart', 'setRangeText']
+        methods: ['getValue', 'focus', 'selectionStart', 'selectioconEnd', 'setSelectionRange', 'setSelectionStart', 'setRangeText']
     })
 ], KolInputText);
 export { KolInputText };
@@ -3966,7 +4077,7 @@ export { KolInputText };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1845 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1907 }); })();
 let KolKolibri = class KolKolibri extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4040,7 +4151,7 @@ export { KolKolibri };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1929 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1991 }); })();
 let KolLink = class KolLink extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4078,7 +4189,7 @@ KolLink.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolLink, selectors:
 KolLink = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'],
-        methods: ['kolFocus']
+        methods: ['focus']
     })
 ], KolLink);
 export { KolLink };
@@ -4115,7 +4226,7 @@ export { KolLink };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1989 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 2051 }); })();
 let KolLinkButton = class KolLinkButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4153,7 +4264,7 @@ KolLinkButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolLinkButton
 KolLinkButton = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_customClass', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign', '_variant'],
-        methods: ['kolFocus']
+        methods: ['focus']
     })
 ], KolLinkButton);
 export { KolLinkButton };
@@ -4190,7 +4301,7 @@ export { KolLinkButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2064 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2126 }); })();
 let KolModal = class KolModal extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4265,7 +4376,7 @@ export { KolModal };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2139 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2201 }); })();
 let KolNav = class KolNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4339,7 +4450,7 @@ export { KolNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2200 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2262 }); })();
 let KolPagination = class KolPagination extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4413,7 +4524,7 @@ export { KolPagination };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2263 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2325 }); })();
 let KolPaginationWc = class KolPaginationWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4487,7 +4598,7 @@ export { KolPaginationWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPaginationWc, { className: "KolPaginationWc", filePath: "components.ts", lineNumber: 2331 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPaginationWc, { className: "KolPaginationWc", filePath: "components.ts", lineNumber: 2393 }); })();
 let KolPopoverButton = class KolPopoverButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4525,7 +4636,7 @@ KolPopoverButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolPopover
 KolPopoverButton = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_popoverAlign', '_role', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'],
-        methods: ['hidePopover', 'showPopover', 'kolFocus']
+        methods: ['hidePopover', 'showPopover', 'focus']
     })
 ], KolPopoverButton);
 export { KolPopoverButton };
@@ -4562,7 +4673,7 @@ export { KolPopoverButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2400 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2462 }); })();
 let KolPopoverButtonWc = class KolPopoverButtonWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4600,7 +4711,7 @@ KolPopoverButtonWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolPopov
 KolPopoverButtonWc = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_popoverAlign', '_role', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'],
-        methods: ['hidePopover', 'showPopover', 'kolFocus']
+        methods: ['hidePopover', 'showPopover', 'focus']
     })
 ], KolPopoverButtonWc);
 export { KolPopoverButtonWc };
@@ -4637,7 +4748,7 @@ export { KolPopoverButtonWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2479 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2541 }); })();
 let KolProgress = class KolProgress extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4711,7 +4822,7 @@ export { KolProgress };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2556 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2618 }); })();
 let KolQuote = class KolQuote extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4785,7 +4896,7 @@ export { KolQuote };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2618 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2680 }); })();
 let KolSelect = class KolSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4823,7 +4934,7 @@ KolSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelect, select
 KolSelect = __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']
+        methods: ['getValue', 'focus']
     })
 ], KolSelect);
 export { KolSelect };
@@ -4860,7 +4971,7 @@ export { KolSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2680 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2742 }); })();
 let KolSelectWc = class KolSelectWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4898,7 +5009,7 @@ KolSelectWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelectWc, se
 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']
+        methods: ['getValue', 'focus']
     })
 ], KolSelectWc);
 export { KolSelectWc };
@@ -4935,7 +5046,7 @@ export { KolSelectWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelectWc, { className: "KolSelectWc", filePath: "components.ts", lineNumber: 2758 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelectWc, { className: "KolSelectWc", filePath: "components.ts", lineNumber: 2820 }); })();
 let KolSingleSelect = class KolSingleSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4973,7 +5084,7 @@ KolSingleSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSingleSe
 KolSingleSelect = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolSingleSelect);
 export { KolSingleSelect };
@@ -5010,7 +5121,7 @@ export { KolSingleSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2836 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2898 }); })();
 let KolSkipNav = class KolSkipNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5048,7 +5159,7 @@ KolSkipNav.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSkipNav, sele
 KolSkipNav = __decorate([
     ProxyCmp({
         inputs: ['_label', '_links'],
-        methods: ['kolFocus']
+        methods: ['focus']
     })
 ], KolSkipNav);
 export { KolSkipNav };
@@ -5085,7 +5196,7 @@ export { KolSkipNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2914 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2976 }); })();
 let KolSpin = class KolSpin extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5159,7 +5270,7 @@ export { KolSpin };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2973 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 3035 }); })();
 let KolSplitButton = class KolSplitButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5197,7 +5308,7 @@ KolSplitButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSplitButt
 KolSplitButton = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
-        methods: ['getValue', 'kolFocus', 'closePopup']
+        methods: ['getValue', 'focus', 'closePopup']
     })
 ], KolSplitButton);
 export { KolSplitButton };
@@ -5234,7 +5345,7 @@ export { KolSplitButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 3034 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 3096 }); })();
 let KolTableStateful = class KolTableStateful extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5309,7 +5420,7 @@ export { KolTableStateful };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3111 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3173 }); })();
 let KolTableStateless = class KolTableStateless extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5383,7 +5494,7 @@ export { KolTableStateless };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3179 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3241 }); })();
 let KolTabs = class KolTabs extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5457,7 +5568,7 @@ export { KolTabs };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3244 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3306 }); })();
 let KolTextarea = class KolTextarea extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5495,7 +5606,7 @@ KolTextarea.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTextarea, se
 KolTextarea = __decorate([
     ProxyCmp({
         inputs: ['_accessKey', '_adjustHeight', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_resize', '_rows', '_shortKey', '_spellCheck', '_tooltipAlign', '_touched', '_value'],
-        methods: ['getValue', 'kolFocus']
+        methods: ['getValue', 'focus']
     })
 ], KolTextarea);
 export { KolTextarea };
@@ -5532,7 +5643,7 @@ export { KolTextarea };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3309 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3371 }); })();
 let KolToastContainer = class KolToastContainer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5606,7 +5717,7 @@ export { KolToastContainer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3391 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3453 }); })();
 let KolToolbar = class KolToolbar extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5680,7 +5791,7 @@ export { KolToolbar };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3449 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3511 }); })();
 let KolTree = class KolTree extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5754,7 +5865,7 @@ export { KolTree };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3509 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3571 }); })();
 let KolTreeItem = class KolTreeItem extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5792,7 +5903,7 @@ KolTreeItem.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTreeItem, se
 KolTreeItem = __decorate([
     ProxyCmp({
         inputs: ['_active', '_href', '_label', '_open'],
-        methods: ['focusLink', 'expand', 'collapse', 'isOpen']
+        methods: ['focus', 'expand', 'collapse', 'isOpen']
     })
 ], KolTreeItem);
 export { KolTreeItem };
@@ -5829,7 +5940,7 @@ export { KolTreeItem };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3568 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3630 }); })();
 let KolTreeItemWc = class KolTreeItemWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5867,7 +5978,7 @@ KolTreeItemWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTreeItemWc
 KolTreeItemWc = __decorate([
     ProxyCmp({
         inputs: ['_active', '_href', '_label', '_open'],
-        methods: ['focusLink', 'expand', 'collapse', 'isOpen']
+        methods: ['focus', 'expand', 'collapse', 'isOpen']
     })
 ], KolTreeItemWc);
 export { KolTreeItemWc };
@@ -5904,7 +6015,7 @@ export { KolTreeItemWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3630 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3692 }); })();
 let KolVersion = class KolVersion extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5978,4 +6089,4 @@ export { KolVersion };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3691 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3753 }); })();

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, KolSelectWc, 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, KolDialog, 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, KolSelectWc, 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, KolDialog, 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-beta.0",
+  "version": "4.0.0-beta.1",
   "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-beta.0"
+    "@public-ui/components": "4.0.0-beta.1"
   },
   "peerDependencies": {
     "@angular/core": "^21.0.5",
-    "@public-ui/components": "4.0.0-beta.0"
+    "@public-ui/components": "4.0.0-beta.1"
   },
   "files": [
     "dist"