@public-ui/angular-v21 4.0.3-rc.1 → 4.0.3

package/dist/components.js

@@ -234,13 +234,13 @@ function KolButton_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolButton_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 21, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -270,7 +270,7 @@ function KolButtonLink_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
@@ -378,13 +378,13 @@ 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)("_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.ɵɵ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)("_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);
 } }
 function KolCombobox_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolCombobox_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolCombobox_ng_container_0_stencil_ng_proxy_1_Template, 3, 19, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -666,13 +666,13 @@ function KolInputCheckbox_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_checked", ctx_r0._checked)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_indeterminate", ctx_r0._indeterminate)("_label", ctx_r0._label)("_labelAlign", ctx_r0._labelAlign)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_checked", ctx_r0._checked)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_indeterminate", ctx_r0._indeterminate)("_label", ctx_r0._label)("_labelAlign", ctx_r0._labelAlign)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputCheckbox_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputCheckbox_ng_container_0_stencil_ng_proxy_1_Template, 3, 21, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputCheckbox_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -702,13 +702,13 @@ function KolInputColor_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_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)("_name", ctx_r0._name)("_on", ctx_r0._on)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputColor_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputColor_ng_container_0_stencil_ng_proxy_1_Template, 3, 19, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputColor_ng_container_0_stencil_ng_proxy_1_Template, 3, 18, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -738,13 +738,13 @@ function KolInputDate_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_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)("_max", ctx_r0._max)("_min", ctx_r0._min)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_step", ctx_r0._step)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_type", ctx_r0._type)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_max", ctx_r0._max)("_min", ctx_r0._min)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_step", ctx_r0._step)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_type", ctx_r0._type)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputDate_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputDate_ng_container_0_stencil_ng_proxy_1_Template, 3, 25, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputDate_ng_container_0_stencil_ng_proxy_1_Template, 3, 24, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -774,13 +774,13 @@ function KolInputEmail_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_multiple", ctx_r0._multiple)("_name", ctx_r0._name)("_on", ctx_r0._on)("_pattern", ctx_r0._pattern)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_multiple", ctx_r0._multiple)("_name", ctx_r0._name)("_on", ctx_r0._on)("_pattern", ctx_r0._pattern)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputEmail_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputEmail_ng_container_0_stencil_ng_proxy_1_Template, 3, 27, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputEmail_ng_container_0_stencil_ng_proxy_1_Template, 3, 26, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -810,13 +810,13 @@ function KolInputFile_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accept", ctx_r0._accept)("_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)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched);
+    i0.ɵɵdomProperty("_accept", ctx_r0._accept)("_accessKey", ctx_r0._accessKey)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_multiple", ctx_r0._multiple)("_name", ctx_r0._name)("_on", ctx_r0._on)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputFile_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputFile_ng_container_0_stencil_ng_proxy_1_Template, 3, 19, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputFile_ng_container_0_stencil_ng_proxy_1_Template, 3, 18, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -846,13 +846,13 @@ function KolInputNumber_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_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)("_max", ctx_r0._max)("_min", ctx_r0._min)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_step", ctx_r0._step)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_max", ctx_r0._max)("_min", ctx_r0._min)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_step", ctx_r0._step)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputNumber_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputNumber_ng_container_0_stencil_ng_proxy_1_Template, 3, 25, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputNumber_ng_container_0_stencil_ng_proxy_1_Template, 3, 24, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -882,13 +882,13 @@ function KolInputPassword_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_pattern", ctx_r0._pattern)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_pattern", ctx_r0._pattern)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputPassword_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputPassword_ng_container_0_stencil_ng_proxy_1_Template, 3, 26, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputPassword_ng_container_0_stencil_ng_proxy_1_Template, 3, 25, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -918,13 +918,13 @@ function KolInputRadio_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_id", ctx_r0._id)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_options", ctx_r0._options)("_orientation", ctx_r0._orientation)("_required", ctx_r0._required)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_label", ctx_r0._label)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_options", ctx_r0._options)("_orientation", ctx_r0._orientation)("_required", ctx_r0._required)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputRadio_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputRadio_ng_container_0_stencil_ng_proxy_1_Template, 3, 16, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputRadio_ng_container_0_stencil_ng_proxy_1_Template, 3, 15, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -954,13 +954,13 @@ function KolInputRange_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_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)("_max", ctx_r0._max)("_min", ctx_r0._min)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_shortKey", ctx_r0._shortKey)("_step", ctx_r0._step)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_max", ctx_r0._max)("_min", ctx_r0._min)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_shortKey", ctx_r0._shortKey)("_step", ctx_r0._step)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputRange_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputRange_ng_container_0_stencil_ng_proxy_1_Template, 3, 21, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputRange_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -990,13 +990,13 @@ function KolInputText_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_pattern", ctx_r0._pattern)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_spellCheck", ctx_r0._spellCheck)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_type", ctx_r0._type)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_autoComplete", ctx_r0._autoComplete)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_pattern", ctx_r0._pattern)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_shortKey", ctx_r0._shortKey)("_smartButton", ctx_r0._smartButton)("_spellCheck", ctx_r0._spellCheck)("_suggestions", ctx_r0._suggestions)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_type", ctx_r0._type)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolInputText_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolInputText_ng_container_0_stencil_ng_proxy_1_Template, 3, 28, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolInputText_ng_container_0_stencil_ng_proxy_1_Template, 3, 27, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1062,13 +1062,13 @@ function KolLink_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaCurrentValue", ctx_r0._ariaCurrentValue)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_disabled", ctx_r0._disabled)("_download", ctx_r0._download)("_hideLabel", ctx_r0._hideLabel)("_href", ctx_r0._href)("_icons", ctx_r0._icons)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_target", ctx_r0._target)("_tooltipAlign", ctx_r0._tooltipAlign);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaCurrentValue", ctx_r0._ariaCurrentValue)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_disabled", ctx_r0._disabled)("_download", ctx_r0._download)("_hideLabel", ctx_r0._hideLabel)("_href", ctx_r0._href)("_icons", ctx_r0._icons)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_target", ctx_r0._target)("_tooltipAlign", ctx_r0._tooltipAlign)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolLink_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolLink_ng_container_0_stencil_ng_proxy_1_Template, 3, 18, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolLink_ng_container_0_stencil_ng_proxy_1_Template, 3, 19, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1278,13 +1278,13 @@ function KolPopoverButton_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaDescription", ctx_r0._ariaDescription)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_name", ctx_r0._name)("_popoverAlign", ctx_r0._popoverAlign)("_shortKey", ctx_r0._shortKey)("_tabIndex", ctx_r0._tabIndex)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaDescription", ctx_r0._ariaDescription)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_inline", ctx_r0._inline)("_label", ctx_r0._label)("_name", ctx_r0._name)("_popoverAlign", ctx_r0._popoverAlign)("_shortKey", ctx_r0._shortKey)("_tabIndex", ctx_r0._tabIndex)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolPopoverButton_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolPopoverButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 18, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolPopoverButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 17, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1422,13 +1422,13 @@ function KolSelect_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵ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.ɵɵ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)("_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 KolSelect_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolSelect_ng_container_0_stencil_ng_proxy_1_Template, 3, 21, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolSelect_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1458,13 +1458,13 @@ function KolSelectWc_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)("_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.ɵɵ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)("_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.ɵɵdomTemplate(1, KolSelectWc_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1494,13 +1494,13 @@ 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)("_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.ɵɵ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)("_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);
 } }
 function KolSingleSelect_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolSingleSelect_ng_container_0_stencil_ng_proxy_1_Template, 3, 21, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolSingleSelect_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1602,13 +1602,13 @@ function KolSplitButton_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_ariaControls", ctx_r0._ariaControls)("_ariaDescription", ctx_r0._ariaDescription)("_ariaExpanded", ctx_r0._ariaExpanded)("_ariaSelected", ctx_r0._ariaSelected)("_customClass", ctx_r0._customClass)("_disabled", ctx_r0._disabled)("_hideLabel", ctx_r0._hideLabel)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_name", ctx_r0._name)("_on", ctx_r0._on)("_role", ctx_r0._role)("_shortKey", ctx_r0._shortKey)("_tooltipAlign", ctx_r0._tooltipAlign)("_type", ctx_r0._type)("_value", ctx_r0._value)("_variant", ctx_r0._variant);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolSplitButton_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolSplitButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolSplitButton_ng_container_0_stencil_ng_proxy_1_Template, 3, 19, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1746,13 +1746,13 @@ function KolTextarea_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)("_adjustHeight", ctx_r0._adjustHeight)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_id", ctx_r0._id)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_resize", ctx_r0._resize)("_rows", ctx_r0._rows)("_shortKey", ctx_r0._shortKey)("_spellCheck", ctx_r0._spellCheck)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
+    i0.ɵɵdomProperty("_accessKey", ctx_r0._accessKey)("_adjustHeight", ctx_r0._adjustHeight)("_disabled", ctx_r0._disabled)("_hasCounter", ctx_r0._hasCounter)("_hideLabel", ctx_r0._hideLabel)("_hideMsg", ctx_r0._hideMsg)("_hint", ctx_r0._hint)("_icons", ctx_r0._icons)("_label", ctx_r0._label)("_maxLength", ctx_r0._maxLength)("_maxLengthBehavior", ctx_r0._maxLengthBehavior)("_msg", ctx_r0._msg)("_name", ctx_r0._name)("_on", ctx_r0._on)("_placeholder", ctx_r0._placeholder)("_readOnly", ctx_r0._readOnly)("_required", ctx_r0._required)("_resize", ctx_r0._resize)("_rows", ctx_r0._rows)("_shortKey", ctx_r0._shortKey)("_spellCheck", ctx_r0._spellCheck)("_tooltipAlign", ctx_r0._tooltipAlign)("_touched", ctx_r0._touched)("_value", ctx_r0._value);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolTextarea_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolTextarea_ng_container_0_stencil_ng_proxy_1_Template, 3, 26, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolTextarea_ng_container_0_stencil_ng_proxy_1_Template, 3, 25, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -2438,7 +2438,7 @@ let KolButton = class KolButton extends StencilProxyComponent {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-button';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2458,9 +2458,9 @@ KolButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolButton, select
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _id: "_id", _inline: "_inline", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _inline: "_inline", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolButton) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolButton_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolButton_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolButton_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolButton_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolButton_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -2469,7 +2469,7 @@ KolButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolButton, select
     } }, encapsulation: 2, changeDetection: 0 });
 KolButton = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
+        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
         methods: ['getValue', 'focus']
     })
 ], KolButton);
@@ -2482,7 +2482,7 @@ export { KolButton };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_id]="_id" [_inline]="_inline" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
+        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_inline]="_inline" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2498,7 +2498,7 @@ export { KolButton };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolButton) }
                 ],
@@ -2513,7 +2513,7 @@ let KolButtonLink = class KolButtonLink extends StencilProxyComponent {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-button-link';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2533,9 +2533,9 @@ KolButtonLink.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolButtonLink
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _id: "_id", _inline: "_inline", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _inline: "_inline", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolButtonLink) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value"], [4, "ngTemplateOutlet"]], template: function KolButtonLink_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_disabled", "_hideLabel", "_icons", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_disabled", "_hideLabel", "_icons", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolButtonLink_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolButtonLink_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolButtonLink_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolButtonLink_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -2544,7 +2544,7 @@ KolButtonLink.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolButtonLink
     } }, encapsulation: 2, changeDetection: 0 });
 KolButtonLink = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'],
+        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
         methods: ['getValue', 'focus']
     })
 ], KolButtonLink);
@@ -2557,7 +2557,7 @@ export { KolButtonLink };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_id]="_id" [_inline]="_inline" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value"
+        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_inline]="_inline" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2573,7 +2573,7 @@ export { KolButtonLink };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolButtonLink) }
                 ],
@@ -2582,7 +2582,7 @@ export { KolButtonLink };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolButtonLink, { className: "KolButtonLink", filePath: "components.ts", lineNumber: 490 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolButtonLink, { className: "KolButtonLink", filePath: "components.ts", lineNumber: 489 }); })();
 let KolCard = class KolCard extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2656,7 +2656,7 @@ export { KolCard };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCard, { className: "KolCard", filePath: "components.ts", lineNumber: 565 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCard, { className: "KolCard", filePath: "components.ts", lineNumber: 564 }); })();
 let KolCardWc = class KolCardWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2730,13 +2730,13 @@ export { KolCardWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCardWc, { className: "KolCardWc", filePath: "components.ts", lineNumber: 626 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCardWc, { className: "KolCardWc", filePath: "components.ts", lineNumber: 625 }); })();
 let KolCombobox = class KolCombobox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_disabled', '_hasClearButton', '_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', '_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;
@@ -2756,9 +2756,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", _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([
+    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hasClearButton: "_hasClearButton", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _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", "_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.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_name", "_on", "_placeholder", "_required", "_shortKey", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_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) {
@@ -2767,7 +2767,7 @@ KolCombobox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolCombobox, se
     } }, encapsulation: 2, changeDetection: 0 });
 KolCombobox = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolCombobox);
@@ -2780,7 +2780,7 @@ export { KolCombobox };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_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"
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hasClearButton]="_hasClearButton" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_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
       >
@@ -2796,7 +2796,7 @@ export { KolCombobox };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+                inputs: ['_accessKey', '_disabled', '_hasClearButton', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_name', '_on', '_placeholder', '_required', '_shortKey', '_suggestions', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolCombobox) }
                 ],
@@ -2805,7 +2805,7 @@ export { KolCombobox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCombobox, { className: "KolCombobox", filePath: "components.ts", lineNumber: 688 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCombobox, { className: "KolCombobox", filePath: "components.ts", lineNumber: 687 }); })();
 let KolDetails = class KolDetails extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2880,7 +2880,7 @@ export { KolDetails };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 765 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 763 }); })();
 let KolDialog = class KolDialog extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2955,7 +2955,7 @@ export { KolDialog };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDialog, { className: "KolDialog", filePath: "components.ts", lineNumber: 828 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDialog, { className: "KolDialog", filePath: "components.ts", lineNumber: 826 }); })();
 let KolDrawer = class KolDrawer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3030,7 +3030,7 @@ export { KolDrawer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 890 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 888 }); })();
 let KolForm = class KolForm extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3105,7 +3105,7 @@ export { KolForm };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 953 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 951 }); })();
 let KolHeading = class KolHeading extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3179,7 +3179,7 @@ export { KolHeading };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 1013 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 1011 }); })();
 let KolIcon = class KolIcon extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3253,7 +3253,7 @@ export { KolIcon };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1073 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1071 }); })();
 let KolImage = class KolImage extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3327,13 +3327,13 @@ export { KolImage };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1132 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1130 }); })();
 let KolInputCheckbox = class KolInputCheckbox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-checkbox';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3353,9 +3353,9 @@ KolInputCheckbox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputCh
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _checked: "_checked", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _indeterminate: "_indeterminate", _label: "_label", _labelAlign: "_labelAlign", _msg: "_msg", _name: "_name", _on: "_on", _required: "_required", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _checked: "_checked", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _indeterminate: "_indeterminate", _label: "_label", _labelAlign: "_labelAlign", _msg: "_msg", _name: "_name", _on: "_on", _required: "_required", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputCheckbox) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_checked", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_indeterminate", "_label", "_labelAlign", "_msg", "_name", "_on", "_required", "_shortKey", "_tooltipAlign", "_touched", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_checked", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_indeterminate", "_label", "_labelAlign", "_msg", "_name", "_on", "_required", "_shortKey", "_tooltipAlign", "_touched", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolInputCheckbox_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", "_checked", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_indeterminate", "_label", "_labelAlign", "_msg", "_name", "_on", "_required", "_shortKey", "_tooltipAlign", "_touched", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_checked", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_indeterminate", "_label", "_labelAlign", "_msg", "_name", "_on", "_required", "_shortKey", "_tooltipAlign", "_touched", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolInputCheckbox_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputCheckbox_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputCheckbox_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputCheckbox_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3364,7 +3364,7 @@ KolInputCheckbox.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputCh
     } }, encapsulation: 2, changeDetection: 0 });
 KolInputCheckbox = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'],
+        inputs: ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'],
         methods: ['getValue', 'focus']
     })
 ], KolInputCheckbox);
@@ -3377,7 +3377,7 @@ export { KolInputCheckbox };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_checked]="_checked" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_indeterminate]="_indeterminate" [_label]="_label" [_labelAlign]="_labelAlign" [_msg]="_msg" [_name]="_name" [_on]="_on" [_required]="_required" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value" [_variant]="_variant"
+        [_accessKey]="_accessKey" [_checked]="_checked" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_indeterminate]="_indeterminate" [_label]="_label" [_labelAlign]="_labelAlign" [_msg]="_msg" [_name]="_name" [_on]="_on" [_required]="_required" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3393,7 +3393,7 @@ export { KolInputCheckbox };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'],
+                inputs: ['_accessKey', '_checked', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_indeterminate', '_label', '_labelAlign', '_msg', '_name', '_on', '_required', '_shortKey', '_tooltipAlign', '_touched', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputCheckbox) }
                 ],
@@ -3402,13 +3402,13 @@ export { KolInputCheckbox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1195 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1193 }); })();
 let KolInputColor = class KolInputColor extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-color';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3428,9 +3428,9 @@ KolInputColor.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputColor
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _shortKey: "_shortKey", _smartButton: "_smartButton", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _shortKey: "_shortKey", _smartButton: "_smartButton", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputColor) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_shortKey", "_smartButton", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_name", "_on", "_shortKey", "_smartButton", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputColor_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", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_name", "_on", "_shortKey", "_smartButton", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_name", "_on", "_shortKey", "_smartButton", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputColor_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputColor_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputColor_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputColor_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3439,7 +3439,7 @@ KolInputColor.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputColor
     } }, encapsulation: 2, changeDetection: 0 });
 KolInputColor = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolInputColor);
@@ -3452,7 +3452,7 @@ export { KolInputColor };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3468,7 +3468,7 @@ export { KolInputColor };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_name', '_on', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputColor) }
                 ],
@@ -3477,13 +3477,13 @@ export { KolInputColor };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1273 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1270 }); })();
 let KolInputDate = class KolInputDate extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-date';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3503,9 +3503,9 @@ KolInputDate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputDate,
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _max: "_max", _min: "_min", _msg: "_msg", _name: "_name", _on: "_on", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _step: "_step", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _type: "_type", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _max: "_max", _min: "_min", _msg: "_msg", _name: "_name", _on: "_on", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _step: "_step", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _type: "_type", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputDate) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_max", "_min", "_msg", "_name", "_on", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_type", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_max", "_min", "_msg", "_name", "_on", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_type", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputDate_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", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_max", "_min", "_msg", "_name", "_on", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_type", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_max", "_min", "_msg", "_name", "_on", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_type", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputDate_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputDate_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputDate_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputDate_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3514,7 +3514,7 @@ KolInputDate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputDate,
     } }, encapsulation: 2, changeDetection: 0 });
 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'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'],
         methods: ['getValue', 'focus', 'reset']
     })
 ], KolInputDate);
@@ -3527,7 +3527,7 @@ export { KolInputDate };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_max]="_max" [_min]="_min" [_msg]="_msg" [_name]="_name" [_on]="_on" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_step]="_step" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_type]="_type" [_value]="_value"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_max]="_max" [_min]="_min" [_msg]="_msg" [_name]="_name" [_on]="_on" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_step]="_step" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_type]="_type" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3543,7 +3543,7 @@ export { KolInputDate };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputDate) }
                 ],
@@ -3552,13 +3552,13 @@ export { KolInputDate };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1349 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1345 }); })();
 let KolInputEmail = class KolInputEmail extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_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'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_multiple', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-email';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3578,9 +3578,9 @@ KolInputEmail.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputEmail
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _multiple: "_multiple", _name: "_name", _on: "_on", _pattern: "_pattern", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _multiple: "_multiple", _name: "_name", _on: "_on", _pattern: "_pattern", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputEmail) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_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", 4, "replaceTag"], [3, "_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"], [4, "ngTemplateOutlet"]], template: function KolInputEmail_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", "_autoComplete", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_multiple", "_name", "_on", "_pattern", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_multiple", "_name", "_on", "_pattern", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputEmail_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputEmail_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputEmail_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputEmail_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3589,7 +3589,7 @@ KolInputEmail.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputEmail
     } }, encapsulation: 2, changeDetection: 0 });
 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'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_multiple', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolInputEmail);
@@ -3602,7 +3602,7 @@ export { KolInputEmail };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_multiple]="_multiple" [_name]="_name" [_on]="_on" [_pattern]="_pattern" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_multiple]="_multiple" [_name]="_name" [_on]="_on" [_pattern]="_pattern" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3618,7 +3618,7 @@ export { KolInputEmail };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_multiple', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_suggestions', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputEmail) }
                 ],
@@ -3627,13 +3627,13 @@ export { KolInputEmail };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1431 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1426 }); })();
 let KolInputFile = class KolInputFile extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'];
+        this.availableInputProperties = ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-file';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3653,9 +3653,9 @@ KolInputFile.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputFile,
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accept: "_accept", _accessKey: "_accessKey", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _msg: "_msg", _multiple: "_multiple", _name: "_name", _on: "_on", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _tooltipAlign: "_tooltipAlign", _touched: "_touched" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accept: "_accept", _accessKey: "_accessKey", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _msg: "_msg", _multiple: "_multiple", _name: "_name", _on: "_on", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _tooltipAlign: "_tooltipAlign", _touched: "_touched" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputFile) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accept", "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_multiple", "_name", "_on", "_required", "_shortKey", "_smartButton", "_tooltipAlign", "_touched", 4, "replaceTag"], [3, "_accept", "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_msg", "_multiple", "_name", "_on", "_required", "_shortKey", "_smartButton", "_tooltipAlign", "_touched"], [4, "ngTemplateOutlet"]], template: function KolInputFile_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accept", "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_multiple", "_name", "_on", "_required", "_shortKey", "_smartButton", "_tooltipAlign", "_touched", 4, "replaceTag"], [3, "_accept", "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_multiple", "_name", "_on", "_required", "_shortKey", "_smartButton", "_tooltipAlign", "_touched"], [4, "ngTemplateOutlet"]], template: function KolInputFile_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputFile_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputFile_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputFile_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3664,7 +3664,7 @@ KolInputFile.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputFile,
     } }, encapsulation: 2, changeDetection: 0 });
 KolInputFile = __decorate([
     ProxyCmp({
-        inputs: ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'],
+        inputs: ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'],
         methods: ['getValue', 'focus', 'reset']
     })
 ], KolInputFile);
@@ -3677,7 +3677,7 @@ export { KolInputFile };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accept]="_accept" [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_msg]="_msg" [_multiple]="_multiple" [_name]="_name" [_on]="_on" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched"
+        [_accept]="_accept" [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_msg]="_msg" [_multiple]="_multiple" [_name]="_name" [_on]="_on" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3693,7 +3693,7 @@ export { KolInputFile };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'],
+                inputs: ['_accept', '_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputFile) }
                 ],
@@ -3702,13 +3702,13 @@ export { KolInputFile };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1515 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1509 }); })();
 let KolInputNumber = class KolInputNumber extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-number';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3728,9 +3728,9 @@ KolInputNumber.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputNumb
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _max: "_max", _min: "_min", _msg: "_msg", _name: "_name", _on: "_on", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _step: "_step", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _max: "_max", _min: "_min", _msg: "_msg", _name: "_name", _on: "_on", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _step: "_step", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputNumber) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_max", "_min", "_msg", "_name", "_on", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_max", "_min", "_msg", "_name", "_on", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputNumber_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", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_max", "_min", "_msg", "_name", "_on", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_max", "_min", "_msg", "_name", "_on", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputNumber_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputNumber_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputNumber_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputNumber_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3739,7 +3739,7 @@ KolInputNumber.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputNumb
     } }, encapsulation: 2, changeDetection: 0 });
 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'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolInputNumber);
@@ -3752,7 +3752,7 @@ export { KolInputNumber };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_max]="_max" [_min]="_min" [_msg]="_msg" [_name]="_name" [_on]="_on" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_step]="_step" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_max]="_max" [_min]="_min" [_msg]="_msg" [_name]="_name" [_on]="_on" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_step]="_step" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3768,7 +3768,7 @@ export { KolInputNumber };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputNumber) }
                 ],
@@ -3777,13 +3777,13 @@ export { KolInputNumber };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1591 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1584 }); })();
 let KolInputPassword = class KolInputPassword extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_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'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-password';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3803,9 +3803,9 @@ KolInputPassword.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputPa
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _name: "_name", _on: "_on", _pattern: "_pattern", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _name: "_name", _on: "_on", _pattern: "_pattern", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputPassword) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_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", 4, "replaceTag"], [3, "_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"], [4, "ngTemplateOutlet"]], template: function KolInputPassword_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", "_autoComplete", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_name", "_on", "_pattern", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_tooltipAlign", "_touched", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_name", "_on", "_pattern", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_tooltipAlign", "_touched", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolInputPassword_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputPassword_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputPassword_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputPassword_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3814,7 +3814,7 @@ KolInputPassword.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputPa
     } }, encapsulation: 2, changeDetection: 0 });
 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'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched', '_value', '_variant'],
         methods: ['getValue', 'focus']
     })
 ], KolInputPassword);
@@ -3827,7 +3827,7 @@ export { KolInputPassword };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_name]="_name" [_on]="_on" [_pattern]="_pattern" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value" [_variant]="_variant"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_name]="_name" [_on]="_on" [_pattern]="_pattern" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3843,7 +3843,7 @@ export { KolInputPassword };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_tooltipAlign', '_touched', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputPassword) }
                 ],
@@ -3852,13 +3852,13 @@ export { KolInputPassword };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1673 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1665 }); })();
 let KolInputRadio = class KolInputRadio extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_id', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'];
+        this.availableInputProperties = ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-radio';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3878,9 +3878,9 @@ KolInputRadio.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputRadio
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _id: "_id", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _options: "_options", _orientation: "_orientation", _required: "_required", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _label: "_label", _msg: "_msg", _name: "_name", _on: "_on", _options: "_options", _orientation: "_orientation", _required: "_required", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputRadio) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_disabled", "_hideLabel", "_hideMsg", "_hint", "_id", "_label", "_msg", "_name", "_on", "_options", "_orientation", "_required", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_disabled", "_hideLabel", "_hideMsg", "_hint", "_id", "_label", "_msg", "_name", "_on", "_options", "_orientation", "_required", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputRadio_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_disabled", "_hideLabel", "_hideMsg", "_hint", "_label", "_msg", "_name", "_on", "_options", "_orientation", "_required", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_disabled", "_hideLabel", "_hideMsg", "_hint", "_label", "_msg", "_name", "_on", "_options", "_orientation", "_required", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputRadio_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputRadio_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputRadio_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputRadio_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3889,7 +3889,7 @@ KolInputRadio.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputRadio
     } }, encapsulation: 2, changeDetection: 0 });
 KolInputRadio = __decorate([
     ProxyCmp({
-        inputs: ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_id', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolInputRadio);
@@ -3902,7 +3902,7 @@ export { KolInputRadio };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_id]="_id" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_options]="_options" [_orientation]="_orientation" [_required]="_required" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_label]="_label" [_msg]="_msg" [_name]="_name" [_on]="_on" [_options]="_options" [_orientation]="_orientation" [_required]="_required" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3918,7 +3918,7 @@ export { KolInputRadio };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_id', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'],
+                inputs: ['_disabled', '_hideLabel', '_hideMsg', '_hint', '_label', '_msg', '_name', '_on', '_options', '_orientation', '_required', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputRadio) }
                 ],
@@ -3927,13 +3927,13 @@ export { KolInputRadio };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1756 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1747 }); })();
 let KolInputRange = class KolInputRange extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-range';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -3953,9 +3953,9 @@ KolInputRange.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputRange
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _max: "_max", _min: "_min", _msg: "_msg", _name: "_name", _on: "_on", _shortKey: "_shortKey", _step: "_step", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _max: "_max", _min: "_min", _msg: "_msg", _name: "_name", _on: "_on", _shortKey: "_shortKey", _step: "_step", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputRange) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_max", "_min", "_msg", "_name", "_on", "_shortKey", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_id", "_label", "_max", "_min", "_msg", "_name", "_on", "_shortKey", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputRange_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", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_max", "_min", "_msg", "_name", "_on", "_shortKey", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_max", "_min", "_msg", "_name", "_on", "_shortKey", "_step", "_suggestions", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputRange_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputRange_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputRange_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputRange_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -3964,7 +3964,7 @@ KolInputRange.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputRange
     } }, encapsulation: 2, changeDetection: 0 });
 KolInputRange = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
         methods: ['focus', 'getValue']
     })
 ], KolInputRange);
@@ -3977,7 +3977,7 @@ export { KolInputRange };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_max]="_max" [_min]="_min" [_msg]="_msg" [_name]="_name" [_on]="_on" [_shortKey]="_shortKey" [_step]="_step" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_max]="_max" [_min]="_min" [_msg]="_msg" [_name]="_name" [_on]="_on" [_shortKey]="_shortKey" [_step]="_step" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -3993,7 +3993,7 @@ export { KolInputRange };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_max', '_min', '_msg', '_name', '_on', '_shortKey', '_step', '_suggestions', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputRange) }
                 ],
@@ -4002,13 +4002,13 @@ export { KolInputRange };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1829 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1819 }); })();
 let KolInputText = class KolInputText extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_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'];
+        this.availableInputProperties = ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_spellCheck', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-input-text';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4028,9 +4028,9 @@ KolInputText.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputText,
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _name: "_name", _on: "_on", _pattern: "_pattern", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _spellCheck: "_spellCheck", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _type: "_type", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _autoComplete: "_autoComplete", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _name: "_name", _on: "_on", _pattern: "_pattern", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _shortKey: "_shortKey", _smartButton: "_smartButton", _spellCheck: "_spellCheck", _suggestions: "_suggestions", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _type: "_type", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputText) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_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", 4, "replaceTag"], [3, "_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"], [4, "ngTemplateOutlet"]], template: function KolInputText_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", "_autoComplete", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_name", "_on", "_pattern", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_spellCheck", "_suggestions", "_tooltipAlign", "_touched", "_type", "_value", 4, "replaceTag"], [3, "_accessKey", "_autoComplete", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_name", "_on", "_pattern", "_placeholder", "_readOnly", "_required", "_shortKey", "_smartButton", "_spellCheck", "_suggestions", "_tooltipAlign", "_touched", "_type", "_value"], [4, "ngTemplateOutlet"]], template: function KolInputText_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolInputText_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolInputText_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolInputText_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4039,7 +4039,7 @@ KolInputText.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolInputText,
     } }, encapsulation: 2, changeDetection: 0 });
 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'],
+        inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_spellCheck', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'],
         methods: ['getValue', 'focus', 'selectionStart', 'selectioconEnd', 'setSelectionRange', 'setSelectionStart', 'setRangeText']
     })
 ], KolInputText);
@@ -4052,7 +4052,7 @@ export { KolInputText };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_name]="_name" [_on]="_on" [_pattern]="_pattern" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_spellCheck]="_spellCheck" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_type]="_type" [_value]="_value"
+        [_accessKey]="_accessKey" [_autoComplete]="_autoComplete" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_name]="_name" [_on]="_on" [_pattern]="_pattern" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_shortKey]="_shortKey" [_smartButton]="_smartButton" [_spellCheck]="_spellCheck" [_suggestions]="_suggestions" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_type]="_type" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4068,7 +4068,7 @@ export { KolInputText };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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'],
+                inputs: ['_accessKey', '_autoComplete', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_pattern', '_placeholder', '_readOnly', '_required', '_shortKey', '_smartButton', '_spellCheck', '_suggestions', '_tooltipAlign', '_touched', '_type', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolInputText) }
                 ],
@@ -4077,7 +4077,7 @@ export { KolInputText };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1907 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1896 }); })();
 let KolKolibri = class KolKolibri extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4151,13 +4151,13 @@ export { KolKolibri };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1991 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1979 }); })();
 let KolLink = class KolLink extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-link';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4177,9 +4177,9 @@ KolLink.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolLink, selectors:
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaCurrentValue: "_ariaCurrentValue", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _disabled: "_disabled", _download: "_download", _hideLabel: "_hideLabel", _href: "_href", _icons: "_icons", _inline: "_inline", _label: "_label", _on: "_on", _role: "_role", _shortKey: "_shortKey", _target: "_target", _tooltipAlign: "_tooltipAlign" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaCurrentValue: "_ariaCurrentValue", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _disabled: "_disabled", _download: "_download", _hideLabel: "_hideLabel", _href: "_href", _icons: "_icons", _inline: "_inline", _label: "_label", _on: "_on", _role: "_role", _shortKey: "_shortKey", _target: "_target", _tooltipAlign: "_tooltipAlign", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolLink) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaCurrentValue", "_ariaDescription", "_ariaExpanded", "_disabled", "_download", "_hideLabel", "_href", "_icons", "_inline", "_label", "_on", "_role", "_shortKey", "_target", "_tooltipAlign", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaCurrentValue", "_ariaDescription", "_ariaExpanded", "_disabled", "_download", "_hideLabel", "_href", "_icons", "_inline", "_label", "_on", "_role", "_shortKey", "_target", "_tooltipAlign"], [4, "ngTemplateOutlet"]], template: function KolLink_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaCurrentValue", "_ariaDescription", "_ariaExpanded", "_disabled", "_download", "_hideLabel", "_href", "_icons", "_inline", "_label", "_on", "_role", "_shortKey", "_target", "_tooltipAlign", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaCurrentValue", "_ariaDescription", "_ariaExpanded", "_disabled", "_download", "_hideLabel", "_href", "_icons", "_inline", "_label", "_on", "_role", "_shortKey", "_target", "_tooltipAlign", "_variant"], [4, "ngTemplateOutlet"]], template: function KolLink_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolLink_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolLink_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolLink_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4188,7 +4188,7 @@ KolLink.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolLink, selectors:
     } }, encapsulation: 2, changeDetection: 0 });
 KolLink = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'],
+        inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign', '_variant'],
         methods: ['focus']
     })
 ], KolLink);
@@ -4201,7 +4201,7 @@ export { KolLink };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaCurrentValue]="_ariaCurrentValue" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_disabled]="_disabled" [_download]="_download" [_hideLabel]="_hideLabel" [_href]="_href" [_icons]="_icons" [_inline]="_inline" [_label]="_label" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_target]="_target" [_tooltipAlign]="_tooltipAlign"
+        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaCurrentValue]="_ariaCurrentValue" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_disabled]="_disabled" [_download]="_download" [_hideLabel]="_hideLabel" [_href]="_href" [_icons]="_icons" [_inline]="_inline" [_label]="_label" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_target]="_target" [_tooltipAlign]="_tooltipAlign" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4217,7 +4217,7 @@ export { KolLink };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolLink) }
                 ],
@@ -4226,7 +4226,7 @@ export { KolLink };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 2051 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 2039 }); })();
 let KolLinkButton = class KolLinkButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4301,7 +4301,7 @@ export { KolLinkButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2126 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2115 }); })();
 let KolModal = class KolModal extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4376,7 +4376,7 @@ export { KolModal };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2201 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2190 }); })();
 let KolNav = class KolNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4450,7 +4450,7 @@ export { KolNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2262 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2251 }); })();
 let KolPagination = class KolPagination extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4524,7 +4524,7 @@ export { KolPagination };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2325 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2314 }); })();
 let KolPaginationWc = class KolPaginationWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4598,13 +4598,13 @@ export { KolPaginationWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPaginationWc, { className: "KolPaginationWc", filePath: "components.ts", lineNumber: 2393 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPaginationWc, { className: "KolPaginationWc", filePath: "components.ts", lineNumber: 2382 }); })();
 let KolPopoverButton = class KolPopoverButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_ariaDescription', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_popoverAlign', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_ariaDescription', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_popoverAlign', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-popover-button';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4624,9 +4624,9 @@ KolPopoverButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolPopover
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _ariaDescription: "_ariaDescription", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _id: "_id", _inline: "_inline", _label: "_label", _name: "_name", _popoverAlign: "_popoverAlign", _shortKey: "_shortKey", _tabIndex: "_tabIndex", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _ariaDescription: "_ariaDescription", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _inline: "_inline", _label: "_label", _name: "_name", _popoverAlign: "_popoverAlign", _shortKey: "_shortKey", _tabIndex: "_tabIndex", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolPopoverButton) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaDescription", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_popoverAlign", "_shortKey", "_tabIndex", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaDescription", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_popoverAlign", "_shortKey", "_tabIndex", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolPopoverButton_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", "_ariaDescription", "_customClass", "_disabled", "_hideLabel", "_icons", "_inline", "_label", "_name", "_popoverAlign", "_shortKey", "_tabIndex", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaDescription", "_customClass", "_disabled", "_hideLabel", "_icons", "_inline", "_label", "_name", "_popoverAlign", "_shortKey", "_tabIndex", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolPopoverButton_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolPopoverButton_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolPopoverButton_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolPopoverButton_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4635,7 +4635,7 @@ KolPopoverButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolPopover
     } }, encapsulation: 2, changeDetection: 0 });
 KolPopoverButton = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_ariaDescription', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_popoverAlign', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'],
+        inputs: ['_accessKey', '_ariaDescription', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_popoverAlign', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'],
         methods: ['hidePopover', 'showPopover', 'focus']
     })
 ], KolPopoverButton);
@@ -4648,7 +4648,7 @@ export { KolPopoverButton };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_ariaDescription]="_ariaDescription" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_id]="_id" [_inline]="_inline" [_label]="_label" [_name]="_name" [_popoverAlign]="_popoverAlign" [_shortKey]="_shortKey" [_tabIndex]="_tabIndex" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
+        [_accessKey]="_accessKey" [_ariaDescription]="_ariaDescription" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_inline]="_inline" [_label]="_label" [_name]="_name" [_popoverAlign]="_popoverAlign" [_shortKey]="_shortKey" [_tabIndex]="_tabIndex" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4664,7 +4664,7 @@ export { KolPopoverButton };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_ariaDescription', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_popoverAlign', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'],
+                inputs: ['_accessKey', '_ariaDescription', '_customClass', '_disabled', '_hideLabel', '_icons', '_inline', '_label', '_name', '_popoverAlign', '_shortKey', '_tabIndex', '_tooltipAlign', '_type', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolPopoverButton) }
                 ],
@@ -4673,7 +4673,7 @@ export { KolPopoverButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2462 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2451 }); })();
 let KolPopoverButtonWc = class KolPopoverButtonWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4748,7 +4748,7 @@ export { KolPopoverButtonWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2537 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2525 }); })();
 let KolProgress = class KolProgress extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4822,7 +4822,7 @@ export { KolProgress };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2610 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2598 }); })();
 let KolQuote = class KolQuote extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4896,13 +4896,13 @@ export { KolQuote };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2672 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2660 }); })();
 let KolSelect = class KolSelect 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'];
+        this.availableInputProperties = ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-select';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4922,9 +4922,9 @@ KolSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelect, select
     } 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([
+    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _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(() => KolSelect) }
-        ]), 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 KolSelect_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", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_multiple", "_name", "_on", "_options", "_required", "_rows", "_shortKey", "_tabIndex", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_multiple", "_name", "_on", "_options", "_required", "_rows", "_shortKey", "_tabIndex", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolSelect_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolSelect_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolSelect_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolSelect_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4933,7 +4933,7 @@ KolSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelect, select
     } }, encapsulation: 2, changeDetection: 0 });
 KolSelect = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_id', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
+        inputs: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolSelect);
@@ -4946,7 +4946,7 @@ export { KolSelect };
                 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"
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_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
       >
@@ -4962,7 +4962,7 @@ export { KolSelect };
       <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'],
+                inputs: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSelect) }
                 ],
@@ -4971,13 +4971,13 @@ export { KolSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2734 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2722 }); })();
 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'];
+        this.availableInputProperties = ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_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;
@@ -4997,9 +4997,9 @@ KolSelectWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelectWc, se
     } 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([
+    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _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.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_multiple", "_name", "_on", "_options", "_required", "_rows", "_shortKey", "_tabIndex", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hideLabel", "_hideMsg", "_hint", "_icons", "_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) {
@@ -5008,7 +5008,7 @@ KolSelectWc.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSelectWc, se
     } }, 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'],
+        inputs: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolSelectWc);
@@ -5021,7 +5021,7 @@ export { KolSelectWc };
                 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"
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_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
       >
@@ -5037,7 +5037,7 @@ export { KolSelectWc };
       <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'],
+                inputs: ['_accessKey', '_disabled', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_msg', '_multiple', '_name', '_on', '_options', '_required', '_rows', '_shortKey', '_tabIndex', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSelectWc) }
                 ],
@@ -5046,13 +5046,13 @@ export { KolSelectWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelectWc, { className: "KolSelectWc", filePath: "components.ts", lineNumber: 2812 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelectWc, { className: "KolSelectWc", filePath: "components.ts", lineNumber: 2799 }); })();
 let KolSingleSelect = class KolSingleSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_disabled', '_hasClearButton', '_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', '_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;
@@ -5072,9 +5072,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", _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([
+    } }, inputs: { _accessKey: "_accessKey", _disabled: "_disabled", _hasClearButton: "_hasClearButton", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _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", "_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.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_msg", "_name", "_on", "_options", "_placeholder", "_required", "_rows", "_shortKey", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_disabled", "_hasClearButton", "_hideLabel", "_hideMsg", "_hint", "_icons", "_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) {
@@ -5083,7 +5083,7 @@ KolSingleSelect.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSingleSe
     } }, encapsulation: 2, changeDetection: 0 });
 KolSingleSelect = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_disabled', '_hasClearButton', '_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', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolSingleSelect);
@@ -5096,7 +5096,7 @@ export { KolSingleSelect };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_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"
+        [_accessKey]="_accessKey" [_disabled]="_disabled" [_hasClearButton]="_hasClearButton" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_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
       >
@@ -5112,7 +5112,7 @@ export { KolSingleSelect };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_disabled', '_hasClearButton', '_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', '_label', '_msg', '_name', '_on', '_options', '_placeholder', '_required', '_rows', '_shortKey', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSingleSelect) }
                 ],
@@ -5121,7 +5121,7 @@ export { KolSingleSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2890 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2876 }); })();
 let KolSkipNav = class KolSkipNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5196,7 +5196,7 @@ export { KolSkipNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2968 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2953 }); })();
 let KolSpin = class KolSpin extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5270,13 +5270,13 @@ export { KolSpin };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 3027 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 3012 }); })();
 let KolSplitButton = class KolSplitButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-split-button';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -5296,9 +5296,9 @@ KolSplitButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSplitButt
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _id: "_id", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _ariaControls: "_ariaControls", _ariaDescription: "_ariaDescription", _ariaExpanded: "_ariaExpanded", _ariaSelected: "_ariaSelected", _customClass: "_customClass", _disabled: "_disabled", _hideLabel: "_hideLabel", _icons: "_icons", _label: "_label", _name: "_name", _on: "_on", _role: "_role", _shortKey: "_shortKey", _tooltipAlign: "_tooltipAlign", _type: "_type", _value: "_value", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSplitButton) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_id", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolSplitButton_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_customClass", "_disabled", "_hideLabel", "_icons", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [4, "ngTemplateOutlet"]], template: function KolSplitButton_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolSplitButton_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolSplitButton_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolSplitButton_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -5307,7 +5307,7 @@ KolSplitButton.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolSplitButt
     } }, encapsulation: 2, changeDetection: 0 });
 KolSplitButton = __decorate([
     ProxyCmp({
-        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
+        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
         methods: ['getValue', 'focus', 'closePopup']
     })
 ], KolSplitButton);
@@ -5320,7 +5320,7 @@ export { KolSplitButton };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_id]="_id" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
+        [_accessKey]="_accessKey" [_ariaControls]="_ariaControls" [_ariaDescription]="_ariaDescription" [_ariaExpanded]="_ariaExpanded" [_ariaSelected]="_ariaSelected" [_customClass]="_customClass" [_disabled]="_disabled" [_hideLabel]="_hideLabel" [_icons]="_icons" [_label]="_label" [_name]="_name" [_on]="_on" [_role]="_role" [_shortKey]="_shortKey" [_tooltipAlign]="_tooltipAlign" [_type]="_type" [_value]="_value" [_variant]="_variant"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -5336,7 +5336,7 @@ export { KolSplitButton };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_id', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_customClass', '_disabled', '_hideLabel', '_icons', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value', '_variant'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolSplitButton) }
                 ],
@@ -5345,7 +5345,7 @@ export { KolSplitButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 3088 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 3073 }); })();
 let KolTableStateful = class KolTableStateful extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5420,7 +5420,7 @@ export { KolTableStateful };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3165 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3149 }); })();
 let KolTableStateless = class KolTableStateless extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5494,7 +5494,7 @@ export { KolTableStateless };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3232 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3216 }); })();
 let KolTabs = class KolTabs extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5568,13 +5568,13 @@ export { KolTabs };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3296 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3280 }); })();
 let KolTextarea = class KolTextarea extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_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'];
+        this.availableInputProperties = ['_accessKey', '_adjustHeight', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_resize', '_rows', '_shortKey', '_spellCheck', '_tooltipAlign', '_touched', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-textarea';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -5594,9 +5594,9 @@ KolTextarea.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTextarea, se
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _accessKey: "_accessKey", _adjustHeight: "_adjustHeight", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _id: "_id", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _name: "_name", _on: "_on", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _resize: "_resize", _rows: "_rows", _shortKey: "_shortKey", _spellCheck: "_spellCheck", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _accessKey: "_accessKey", _adjustHeight: "_adjustHeight", _disabled: "_disabled", _hasCounter: "_hasCounter", _hideLabel: "_hideLabel", _hideMsg: "_hideMsg", _hint: "_hint", _icons: "_icons", _label: "_label", _maxLength: "_maxLength", _maxLengthBehavior: "_maxLengthBehavior", _msg: "_msg", _name: "_name", _on: "_on", _placeholder: "_placeholder", _readOnly: "_readOnly", _required: "_required", _resize: "_resize", _rows: "_rows", _shortKey: "_shortKey", _spellCheck: "_spellCheck", _tooltipAlign: "_tooltipAlign", _touched: "_touched", _value: "_value" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolTextarea) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_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", 4, "replaceTag"], [3, "_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"], [4, "ngTemplateOutlet"]], template: function KolTextarea_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", "_adjustHeight", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_name", "_on", "_placeholder", "_readOnly", "_required", "_resize", "_rows", "_shortKey", "_spellCheck", "_tooltipAlign", "_touched", "_value", 4, "replaceTag"], [3, "_accessKey", "_adjustHeight", "_disabled", "_hasCounter", "_hideLabel", "_hideMsg", "_hint", "_icons", "_label", "_maxLength", "_maxLengthBehavior", "_msg", "_name", "_on", "_placeholder", "_readOnly", "_required", "_resize", "_rows", "_shortKey", "_spellCheck", "_tooltipAlign", "_touched", "_value"], [4, "ngTemplateOutlet"]], template: function KolTextarea_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolTextarea_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolTextarea_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolTextarea_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -5605,7 +5605,7 @@ KolTextarea.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolTextarea, se
     } }, encapsulation: 2, changeDetection: 0 });
 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'],
+        inputs: ['_accessKey', '_adjustHeight', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_resize', '_rows', '_shortKey', '_spellCheck', '_tooltipAlign', '_touched', '_value'],
         methods: ['getValue', 'focus']
     })
 ], KolTextarea);
@@ -5618,7 +5618,7 @@ export { KolTextarea };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_accessKey]="_accessKey" [_adjustHeight]="_adjustHeight" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_id]="_id" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_name]="_name" [_on]="_on" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_resize]="_resize" [_rows]="_rows" [_shortKey]="_shortKey" [_spellCheck]="_spellCheck" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
+        [_accessKey]="_accessKey" [_adjustHeight]="_adjustHeight" [_disabled]="_disabled" [_hasCounter]="_hasCounter" [_hideLabel]="_hideLabel" [_hideMsg]="_hideMsg" [_hint]="_hint" [_icons]="_icons" [_label]="_label" [_maxLength]="_maxLength" [_maxLengthBehavior]="_maxLengthBehavior" [_msg]="_msg" [_name]="_name" [_on]="_on" [_placeholder]="_placeholder" [_readOnly]="_readOnly" [_required]="_required" [_resize]="_resize" [_rows]="_rows" [_shortKey]="_shortKey" [_spellCheck]="_spellCheck" [_tooltipAlign]="_tooltipAlign" [_touched]="_touched" [_value]="_value"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -5634,7 +5634,7 @@ export { KolTextarea };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                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'],
+                inputs: ['_accessKey', '_adjustHeight', '_disabled', '_hasCounter', '_hideLabel', '_hideMsg', '_hint', '_icons', '_label', '_maxLength', '_maxLengthBehavior', '_msg', '_name', '_on', '_placeholder', '_readOnly', '_required', '_resize', '_rows', '_shortKey', '_spellCheck', '_tooltipAlign', '_touched', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolTextarea) }
                 ],
@@ -5643,7 +5643,7 @@ export { KolTextarea };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3361 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3345 }); })();
 let KolToastContainer = class KolToastContainer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5717,7 +5717,7 @@ export { KolToastContainer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3443 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3426 }); })();
 let KolToolbar = class KolToolbar extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5791,7 +5791,7 @@ export { KolToolbar };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3501 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3484 }); })();
 let KolTree = class KolTree extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5865,7 +5865,7 @@ export { KolTree };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3561 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3544 }); })();
 let KolTreeItem = class KolTreeItem extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5940,7 +5940,7 @@ export { KolTreeItem };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3620 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3603 }); })();
 let KolTreeItemWc = class KolTreeItemWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -6015,7 +6015,7 @@ export { KolTreeItemWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3682 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3665 }); })();
 let KolVersion = class KolVersion extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -6089,4 +6089,4 @@ export { KolVersion };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3743 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3726 }); })();