@public-ui/angular-v21 3.0.9-rc.0 → 4.0.0-alpha.10

package/dist/components.d.ts

@@ -171,7 +171,6 @@ export declare class KolButtonLink extends StencilProxyComponent implements OnCh
     _tooltipalign: any;
     _type: any;
     _value: any;
-    _variant: any;
     protected el: HTMLElement;
     availableInputProperties: string[];
     hasTagNameTransformer: boolean;
@@ -180,7 +179,7 @@ export declare class KolButtonLink extends StencilProxyComponent implements OnCh
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolButtonLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolButtonLink, "kol-button-link", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_ariaControls": { "alias": "_ariaControls"; "required": false; }; "_ariaDescription": { "alias": "_ariaDescription"; "required": false; }; "_ariaExpanded": { "alias": "_ariaExpanded"; "required": false; }; "_ariaSelected": { "alias": "_ariaSelected"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_inline": { "alias": "_inline"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_role": { "alias": "_role"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_type": { "alias": "_type"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolButtonLink, "kol-button-link", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_ariaControls": { "alias": "_ariaControls"; "required": false; }; "_ariaDescription": { "alias": "_ariaDescription"; "required": false; }; "_ariaExpanded": { "alias": "_ariaExpanded"; "required": false; }; "_ariaSelected": { "alias": "_ariaSelected"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_id": { "alias": "_id"; "required": false; }; "_inline": { "alias": "_inline"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_name": { "alias": "_name"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_role": { "alias": "_role"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_type": { "alias": "_type"; "required": false; }; "_value": { "alias": "_value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolButtonLink extends Components.KolButtonLink {
 }
@@ -773,7 +772,6 @@ export declare class KolLink extends StencilProxyComponent implements OnChanges
     _shortkey: any;
     _target: any;
     _tooltipalign: any;
-    _variant: any;
     protected el: HTMLElement;
     availableInputProperties: string[];
     hasTagNameTransformer: boolean;
@@ -782,7 +780,7 @@ export declare class KolLink extends StencilProxyComponent implements OnChanges
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolLink, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolLink, "kol-link", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_ariaControls": { "alias": "_ariaControls"; "required": false; }; "_ariaCurrentValue": { "alias": "_ariaCurrentValue"; "required": false; }; "_ariaDescription": { "alias": "_ariaDescription"; "required": false; }; "_ariaExpanded": { "alias": "_ariaExpanded"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_download": { "alias": "_download"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_href": { "alias": "_href"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_inline": { "alias": "_inline"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_role": { "alias": "_role"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_target": { "alias": "_target"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; "_variant": { "alias": "_variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolLink, "kol-link", never, { "_accessKey": { "alias": "_accessKey"; "required": false; }; "_ariaControls": { "alias": "_ariaControls"; "required": false; }; "_ariaCurrentValue": { "alias": "_ariaCurrentValue"; "required": false; }; "_ariaDescription": { "alias": "_ariaDescription"; "required": false; }; "_ariaExpanded": { "alias": "_ariaExpanded"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; }; "_download": { "alias": "_download"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_href": { "alias": "_href"; "required": false; }; "_icons": { "alias": "_icons"; "required": false; }; "_inline": { "alias": "_inline"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_on": { "alias": "_on"; "required": false; }; "_role": { "alias": "_role"; "required": false; }; "_shortKey": { "alias": "_shortKey"; "required": false; }; "_target": { "alias": "_target"; "required": false; }; "_tooltipAlign": { "alias": "_tooltipAlign"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolLink extends Components.KolLink {
 }
@@ -846,7 +844,6 @@ export declare class KolNav extends StencilProxyComponent implements OnChanges {
     _hidelabel: any;
     _label: any;
     _links: any;
-    _orientation: any;
     protected el: HTMLElement;
     availableInputProperties: string[];
     hasTagNameTransformer: boolean;
@@ -855,7 +852,7 @@ export declare class KolNav extends StencilProxyComponent implements OnChanges {
     constructor(changeDetectorRef: ChangeDetectorRef, r: ElementRef, z: NgZone);
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KolNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KolNav, "kol-nav", never, { "_collapsible": { "alias": "_collapsible"; "required": false; }; "_hasCompactButton": { "alias": "_hasCompactButton"; "required": false; }; "_hasIconsWhenExpanded": { "alias": "_hasIconsWhenExpanded"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_links": { "alias": "_links"; "required": false; }; "_orientation": { "alias": "_orientation"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KolNav, "kol-nav", never, { "_collapsible": { "alias": "_collapsible"; "required": false; }; "_hasCompactButton": { "alias": "_hasCompactButton"; "required": false; }; "_hasIconsWhenExpanded": { "alias": "_hasIconsWhenExpanded"; "required": false; }; "_hideLabel": { "alias": "_hideLabel"; "required": false; }; "_label": { "alias": "_label"; "required": false; }; "_links": { "alias": "_links"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface KolNav extends Components.KolNav {
 }

package/dist/components.js

@@ -270,13 +270,13 @@ 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)("_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)("_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.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolButtonLink_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolButtonLink_ng_container_0_stencil_ng_proxy_1_Template, 3, 20, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolButtonLink_ng_container_0_stencil_ng_proxy_1_Template, 3, 19, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1026,13 +1026,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)("_variant", ctx_r0._variant);
+    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.ɵɵ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, 19, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolLink_ng_container_0_stencil_ng_proxy_1_Template, 3, 18, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1134,13 +1134,13 @@ function KolNav_ng_container_0_stencil_ng_proxy_1_Template(rf, ctx) { if (rf & 1
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     const ngContentOutlet_r2 = i0.ɵɵreference(4);
-    i0.ɵɵdomProperty("_collapsible", ctx_r0._collapsible)("_hasCompactButton", ctx_r0._hasCompactButton)("_hasIconsWhenExpanded", ctx_r0._hasIconsWhenExpanded)("_hideLabel", ctx_r0._hideLabel)("_label", ctx_r0._label)("_links", ctx_r0._links)("_orientation", ctx_r0._orientation);
+    i0.ɵɵdomProperty("_collapsible", ctx_r0._collapsible)("_hasCompactButton", ctx_r0._hasCompactButton)("_hasIconsWhenExpanded", ctx_r0._hasIconsWhenExpanded)("_hideLabel", ctx_r0._hideLabel)("_label", ctx_r0._label)("_links", ctx_r0._links);
     i0.ɵɵadvance(2);
     i0.ɵɵdomProperty("ngTemplateOutlet", ngContentOutlet_r2);
 } }
 function KolNav_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementContainerStart(0);
-    i0.ɵɵdomTemplate(1, KolNav_ng_container_0_stencil_ng_proxy_1_Template, 3, 8, "stencil-ng-proxy", 4);
+    i0.ɵɵdomTemplate(1, KolNav_ng_container_0_stencil_ng_proxy_1_Template, 3, 7, "stencil-ng-proxy", 4);
     i0.ɵɵdomElementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -2441,7 +2441,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', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-button-link';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -2461,9 +2461,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", _variant: "_variant" }, features: [i0.ɵɵProvidersFeature([
+    } }, 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([
             { 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", "_variant", 4, "replaceTag"], [3, "_accessKey", "_ariaControls", "_ariaDescription", "_ariaExpanded", "_ariaSelected", "_disabled", "_hideLabel", "_icons", "_id", "_inline", "_label", "_name", "_on", "_role", "_shortKey", "_tooltipAlign", "_type", "_value", "_variant"], [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", "_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.ɵɵ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) {
@@ -2472,7 +2472,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', '_variant'],
+        inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'],
         methods: ['getValue', 'kolFocus']
     })
 ], KolButtonLink);
@@ -2485,7 +2485,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" [_variant]="_variant"
+        [_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"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -2501,7 +2501,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', '_variant'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaDescription', '_ariaExpanded', '_ariaSelected', '_disabled', '_hideLabel', '_icons', '_id', '_inline', '_label', '_name', '_on', '_role', '_shortKey', '_tooltipAlign', '_type', '_value'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolButtonLink) }
                 ],
@@ -2584,7 +2584,7 @@ export { KolCard };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCard, { className: "KolCard", filePath: "components.ts", lineNumber: 566 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCard, { className: "KolCard", filePath: "components.ts", lineNumber: 565 }); })();
 let KolCardWc = class KolCardWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2658,7 +2658,7 @@ export { KolCardWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCardWc, { className: "KolCardWc", filePath: "components.ts", lineNumber: 627 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCardWc, { className: "KolCardWc", filePath: "components.ts", lineNumber: 626 }); })();
 let KolCombobox = class KolCombobox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2733,7 +2733,7 @@ export { KolCombobox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCombobox, { className: "KolCombobox", filePath: "components.ts", lineNumber: 689 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolCombobox, { className: "KolCombobox", filePath: "components.ts", lineNumber: 688 }); })();
 let KolDetails = class KolDetails extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2808,7 +2808,7 @@ export { KolDetails };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 766 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDetails, { className: "KolDetails", filePath: "components.ts", lineNumber: 765 }); })();
 let KolDrawer = class KolDrawer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2883,7 +2883,7 @@ export { KolDrawer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 829 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolDrawer, { className: "KolDrawer", filePath: "components.ts", lineNumber: 828 }); })();
 let KolForm = class KolForm extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -2958,7 +2958,7 @@ export { KolForm };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 892 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolForm, { className: "KolForm", filePath: "components.ts", lineNumber: 891 }); })();
 let KolHeading = class KolHeading extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3032,7 +3032,7 @@ export { KolHeading };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 952 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolHeading, { className: "KolHeading", filePath: "components.ts", lineNumber: 951 }); })();
 let KolIcon = class KolIcon extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3106,7 +3106,7 @@ export { KolIcon };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1012 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolIcon, { className: "KolIcon", filePath: "components.ts", lineNumber: 1011 }); })();
 let KolImage = class KolImage extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3180,7 +3180,7 @@ export { KolImage };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1071 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolImage, { className: "KolImage", filePath: "components.ts", lineNumber: 1070 }); })();
 let KolInputCheckbox = class KolInputCheckbox extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3255,7 +3255,7 @@ export { KolInputCheckbox };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1134 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputCheckbox, { className: "KolInputCheckbox", filePath: "components.ts", lineNumber: 1133 }); })();
 let KolInputColor = class KolInputColor extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3330,7 +3330,7 @@ export { KolInputColor };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1212 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputColor, { className: "KolInputColor", filePath: "components.ts", lineNumber: 1211 }); })();
 let KolInputDate = class KolInputDate extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3405,7 +3405,7 @@ export { KolInputDate };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1288 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputDate, { className: "KolInputDate", filePath: "components.ts", lineNumber: 1287 }); })();
 let KolInputEmail = class KolInputEmail extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3480,7 +3480,7 @@ export { KolInputEmail };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1370 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputEmail, { className: "KolInputEmail", filePath: "components.ts", lineNumber: 1369 }); })();
 let KolInputFile = class KolInputFile extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3555,7 +3555,7 @@ export { KolInputFile };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1454 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputFile, { className: "KolInputFile", filePath: "components.ts", lineNumber: 1453 }); })();
 let KolInputNumber = class KolInputNumber extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3630,7 +3630,7 @@ export { KolInputNumber };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1530 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputNumber, { className: "KolInputNumber", filePath: "components.ts", lineNumber: 1529 }); })();
 let KolInputPassword = class KolInputPassword extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3705,7 +3705,7 @@ export { KolInputPassword };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1612 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputPassword, { className: "KolInputPassword", filePath: "components.ts", lineNumber: 1611 }); })();
 let KolInputRadio = class KolInputRadio extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3780,7 +3780,7 @@ export { KolInputRadio };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1695 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRadio, { className: "KolInputRadio", filePath: "components.ts", lineNumber: 1694 }); })();
 let KolInputRange = class KolInputRange extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3855,7 +3855,7 @@ export { KolInputRange };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1768 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputRange, { className: "KolInputRange", filePath: "components.ts", lineNumber: 1767 }); })();
 let KolInputText = class KolInputText extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -3930,7 +3930,7 @@ export { KolInputText };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1846 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolInputText, { className: "KolInputText", filePath: "components.ts", lineNumber: 1845 }); })();
 let KolKolibri = class KolKolibri extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4004,13 +4004,13 @@ export { KolKolibri };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1930 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolKolibri, { className: "KolKolibri", filePath: "components.ts", lineNumber: 1929 }); })();
 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', '_variant'];
+        this.availableInputProperties = ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-link';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4030,9 +4030,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", _variant: "_variant" }, 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" }, 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", "_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.ɵɵ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.ɵɵ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) {
@@ -4041,7 +4041,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', '_variant'],
+        inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'],
         methods: ['kolFocus']
     })
 ], KolLink);
@@ -4054,7 +4054,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" [_variant]="_variant"
+        [_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"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4070,7 +4070,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', '_variant'],
+                inputs: ['_accessKey', '_ariaControls', '_ariaCurrentValue', '_ariaDescription', '_ariaExpanded', '_disabled', '_download', '_hideLabel', '_href', '_icons', '_inline', '_label', '_on', '_role', '_shortKey', '_target', '_tooltipAlign'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolLink) }
                 ],
@@ -4079,7 +4079,7 @@ export { KolLink };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1990 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLink, { className: "KolLink", filePath: "components.ts", lineNumber: 1989 }); })();
 let KolLinkButton = class KolLinkButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4154,7 +4154,7 @@ export { KolLinkButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2066 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolLinkButton, { className: "KolLinkButton", filePath: "components.ts", lineNumber: 2064 }); })();
 let KolModal = class KolModal extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4229,13 +4229,13 @@ export { KolModal };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2141 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolModal, { className: "KolModal", filePath: "components.ts", lineNumber: 2139 }); })();
 let KolNav = class KolNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
         this.changeDetectorRef = changeDetectorRef;
         this.z = z;
-        this.availableInputProperties = ['_collapsible', '_hasCompactButton', '_hasIconsWhenExpanded', '_hideLabel', '_label', '_links', '_orientation'];
+        this.availableInputProperties = ['_collapsible', '_hasCompactButton', '_hasIconsWhenExpanded', '_hideLabel', '_label', '_links'];
         changeDetectorRef.detach();
         const originalTagName = 'kol-nav';
         this.tagName = typeof tagNameTransformer === 'function' ? tagNameTransformer(originalTagName) : originalTagName;
@@ -4255,9 +4255,9 @@ KolNav.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolNav, selectors: [
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.replaceTagDirective = _t.first);
-    } }, inputs: { _collapsible: "_collapsible", _hasCompactButton: "_hasCompactButton", _hasIconsWhenExpanded: "_hasIconsWhenExpanded", _hideLabel: "_hideLabel", _label: "_label", _links: "_links", _orientation: "_orientation" }, features: [i0.ɵɵProvidersFeature([
+    } }, inputs: { _collapsible: "_collapsible", _hasCompactButton: "_hasCompactButton", _hasIconsWhenExpanded: "_hasIconsWhenExpanded", _hideLabel: "_hideLabel", _label: "_label", _links: "_links" }, features: [i0.ɵɵProvidersFeature([
             { provide: StencilProxyComponent, useExisting: forwardRef(() => KolNav) }
-        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_collapsible", "_hasCompactButton", "_hasIconsWhenExpanded", "_hideLabel", "_label", "_links", "_orientation", 4, "replaceTag"], [3, "_collapsible", "_hasCompactButton", "_hasIconsWhenExpanded", "_hideLabel", "_label", "_links", "_orientation"], [4, "ngTemplateOutlet"]], template: function KolNav_Template(rf, ctx) { if (rf & 1) {
+        ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 5, vars: 2, consts: [["defaultCase", ""], ["ngContentOutlet", ""], ["replaceTagHost", ""], [4, "ngIf", "ngIfElse"], [3, "_collapsible", "_hasCompactButton", "_hasIconsWhenExpanded", "_hideLabel", "_label", "_links", 4, "replaceTag"], [3, "_collapsible", "_hasCompactButton", "_hasIconsWhenExpanded", "_hideLabel", "_label", "_links"], [4, "ngTemplateOutlet"]], template: function KolNav_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵprojectionDef();
         i0.ɵɵdomTemplate(0, KolNav_ng_container_0_Template, 2, 1, "ng-container", 3)(1, KolNav_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, KolNav_ng_template_3_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -4266,7 +4266,7 @@ KolNav.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KolNav, selectors: [
     } }, encapsulation: 2, changeDetection: 0 });
 KolNav = __decorate([
     ProxyCmp({
-        inputs: ['_collapsible', '_hasCompactButton', '_hasIconsWhenExpanded', '_hideLabel', '_label', '_links', '_orientation']
+        inputs: ['_collapsible', '_hasCompactButton', '_hasIconsWhenExpanded', '_hideLabel', '_label', '_links']
     })
 ], KolNav);
 export { KolNav };
@@ -4278,7 +4278,7 @@ export { KolNav };
                 template: `
     <ng-container *ngIf="hasTagNameTransformer; else defaultCase">
       <stencil-ng-proxy
-        [_collapsible]="_collapsible" [_hasCompactButton]="_hasCompactButton" [_hasIconsWhenExpanded]="_hasIconsWhenExpanded" [_hideLabel]="_hideLabel" [_label]="_label" [_links]="_links" [_orientation]="_orientation"
+        [_collapsible]="_collapsible" [_hasCompactButton]="_hasCompactButton" [_hasIconsWhenExpanded]="_hasIconsWhenExpanded" [_hideLabel]="_hideLabel" [_label]="_label" [_links]="_links"
         *replaceTag="tagName"
         #replaceTagHost
       >
@@ -4294,7 +4294,7 @@ export { KolNav };
       <ng-content></ng-content>
     </ng-template>`,
                 // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                inputs: ['_collapsible', '_hasCompactButton', '_hasIconsWhenExpanded', '_hideLabel', '_label', '_links', '_orientation'],
+                inputs: ['_collapsible', '_hasCompactButton', '_hasIconsWhenExpanded', '_hideLabel', '_label', '_links'],
                 providers: [
                     { provide: StencilProxyComponent, useExisting: forwardRef(() => KolNav) }
                 ],
@@ -4303,7 +4303,7 @@ export { KolNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2202 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolNav, { className: "KolNav", filePath: "components.ts", lineNumber: 2200 }); })();
 let KolPagination = class KolPagination extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4377,7 +4377,7 @@ export { KolPagination };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2266 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPagination, { className: "KolPagination", filePath: "components.ts", lineNumber: 2263 }); })();
 let KolPaginationWc = class KolPaginationWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4451,7 +4451,7 @@ export { KolPaginationWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPaginationWc, { className: "KolPaginationWc", filePath: "components.ts", lineNumber: 2334 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPaginationWc, { className: "KolPaginationWc", filePath: "components.ts", lineNumber: 2331 }); })();
 let KolPopoverButton = class KolPopoverButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4526,7 +4526,7 @@ export { KolPopoverButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2403 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButton, { className: "KolPopoverButton", filePath: "components.ts", lineNumber: 2400 }); })();
 let KolPopoverButtonWc = class KolPopoverButtonWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4601,7 +4601,7 @@ export { KolPopoverButtonWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2482 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolPopoverButtonWc, { className: "KolPopoverButtonWc", filePath: "components.ts", lineNumber: 2479 }); })();
 let KolProgress = class KolProgress extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4675,7 +4675,7 @@ export { KolProgress };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2559 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolProgress, { className: "KolProgress", filePath: "components.ts", lineNumber: 2556 }); })();
 let KolQuote = class KolQuote extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4749,7 +4749,7 @@ export { KolQuote };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2621 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolQuote, { className: "KolQuote", filePath: "components.ts", lineNumber: 2618 }); })();
 let KolSelect = class KolSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4824,7 +4824,7 @@ export { KolSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2683 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSelect, { className: "KolSelect", filePath: "components.ts", lineNumber: 2680 }); })();
 let KolSingleSelect = class KolSingleSelect extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4899,7 +4899,7 @@ export { KolSingleSelect };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2761 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSingleSelect, { className: "KolSingleSelect", filePath: "components.ts", lineNumber: 2758 }); })();
 let KolSkipNav = class KolSkipNav extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -4974,7 +4974,7 @@ export { KolSkipNav };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2839 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSkipNav, { className: "KolSkipNav", filePath: "components.ts", lineNumber: 2836 }); })();
 let KolSpin = class KolSpin extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5048,7 +5048,7 @@ export { KolSpin };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2898 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSpin, { className: "KolSpin", filePath: "components.ts", lineNumber: 2895 }); })();
 let KolSplitButton = class KolSplitButton extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5123,7 +5123,7 @@ export { KolSplitButton };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2959 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolSplitButton, { className: "KolSplitButton", filePath: "components.ts", lineNumber: 2956 }); })();
 let KolTableStateful = class KolTableStateful extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5198,7 +5198,7 @@ export { KolTableStateful };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3036 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateful, { className: "KolTableStateful", filePath: "components.ts", lineNumber: 3033 }); })();
 let KolTableStateless = class KolTableStateless extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5272,7 +5272,7 @@ export { KolTableStateless };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3105 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTableStateless, { className: "KolTableStateless", filePath: "components.ts", lineNumber: 3102 }); })();
 let KolTabs = class KolTabs extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5346,7 +5346,7 @@ export { KolTabs };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3171 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTabs, { className: "KolTabs", filePath: "components.ts", lineNumber: 3168 }); })();
 let KolTextarea = class KolTextarea extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5421,7 +5421,7 @@ export { KolTextarea };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3236 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTextarea, { className: "KolTextarea", filePath: "components.ts", lineNumber: 3233 }); })();
 let KolToastContainer = class KolToastContainer extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5495,7 +5495,7 @@ export { KolToastContainer };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3318 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToastContainer, { className: "KolToastContainer", filePath: "components.ts", lineNumber: 3315 }); })();
 let KolToolbar = class KolToolbar extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5569,7 +5569,7 @@ export { KolToolbar };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3376 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolToolbar, { className: "KolToolbar", filePath: "components.ts", lineNumber: 3373 }); })();
 let KolTree = class KolTree extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5643,7 +5643,7 @@ export { KolTree };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3436 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTree, { className: "KolTree", filePath: "components.ts", lineNumber: 3433 }); })();
 let KolTreeItem = class KolTreeItem extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5718,7 +5718,7 @@ export { KolTreeItem };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3495 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItem, { className: "KolTreeItem", filePath: "components.ts", lineNumber: 3492 }); })();
 let KolTreeItemWc = class KolTreeItemWc extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5793,7 +5793,7 @@ export { KolTreeItemWc };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3557 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolTreeItemWc, { className: "KolTreeItemWc", filePath: "components.ts", lineNumber: 3554 }); })();
 let KolVersion = class KolVersion extends StencilProxyComponent {
     constructor(changeDetectorRef, r, z) {
         super();
@@ -5867,4 +5867,4 @@ export { KolVersion };
             type: ViewChild,
             args: [ReplaceTagDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3618 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KolVersion, { className: "KolVersion", filePath: "components.ts", lineNumber: 3615 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/angular-v21",
-  "version": "3.0.9-rc.0",
+  "version": "4.0.0-alpha.10",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -54,10 +54,10 @@
     "import": "./dist/index.js"
   },
   "devDependencies": {
-    "@angular/common": "21.0.3",
-    "@angular/compiler": "21.0.3",
-    "@angular/compiler-cli": "21.0.3",
-    "@angular/core": "21.0.3",
+    "@angular/common": "21.0.5",
+    "@angular/compiler": "21.0.5",
+    "@angular/compiler-cli": "21.0.5",
+    "@angular/core": "21.0.5",
     "@types/minimatch": "6.0.0",
     "@types/minimist": "1.2.5",
     "@types/normalize-package-data": "2.4.4",
@@ -65,11 +65,11 @@
     "rxjs": "7.8.2",
     "typescript": "5.9.3",
     "zone.js": "0.16.0",
-    "@public-ui/components": "3.0.9-rc.0"
+    "@public-ui/components": "4.0.0-alpha.10"
   },
   "peerDependencies": {
-    "@angular/core": "^21.0.3",
-    "@public-ui/components": "3.0.9-rc.0"
+    "@angular/core": "^21.0.5",
+    "@public-ui/components": "4.0.0-alpha.10"
   },
   "files": [
     "dist"