@konce-pt/angular 0.7.10 → 0.7.11

package/fesm2022/konce-pt-angular.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, model, output, signal, Injectable, inject, ElementRef, effect, InjectionToken, PLATFORM_ID, DestroyRef, makeEnvironmentProviders, contentChild, afterNextRender, untracked, forwardRef, numberAttribute, viewChild, Directive, TemplateRef, contentChildren, viewChildren, afterRenderEffect, linkedSignal } from '@angular/core';
+import { input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, model, output, signal, Injectable, inject, ElementRef, effect, InjectionToken, PLATFORM_ID, DestroyRef, makeEnvironmentProviders, contentChild, afterNextRender, untracked, forwardRef, numberAttribute, viewChild, Directive, TemplateRef, Injector, viewChildren, contentChildren, afterRenderEffect, linkedSignal } from '@angular/core';
 import { CdkOverlayOrigin, CdkConnectedOverlay, OverlayContainer } from '@angular/cdk/overlay';
 import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';
+import { form, required, email, minLength, validateTree, submit, FormField, FormRoot } from '@angular/forms/signals';
 
-const _c0$D = ["*"];
+const _c0$E = ["*"];
 function KptButton_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElement(0, "span", 1);
 } }
@@ -38,7 +39,7 @@ class KptButton {
     static { this.ɵfac = function KptButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptButton)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptButton, selectors: [["kpt-button"]], hostAttrs: [1, "kpt-button-host"], hostVars: 2, hostBindings: function KptButton_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassProp("kpt-button-host--full", ctx.fullWidth());
-        } }, inputs: { variant: [1, "variant"], size: [1, "size"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], fullWidth: [1, "fullWidth"] }, ngContentSelectors: _c0$D, decls: 4, vars: 8, consts: [[1, "kpt-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-button__spinner"], [1, "kpt-button__content"]], template: function KptButton_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { variant: [1, "variant"], size: [1, "size"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], fullWidth: [1, "fullWidth"] }, ngContentSelectors: _c0$E, decls: 4, vars: 8, consts: [[1, "kpt-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-button__spinner"], [1, "kpt-button__content"]], template: function KptButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "button", 0);
             i0.ɵɵconditionalCreate(1, KptButton_Conditional_1_Template, 1, 0, "span", 1);
@@ -62,7 +63,7 @@ class KptButton {
     }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptButton, { className: "KptButton", filePath: "lib/button/button.component.ts", lineNumber: 32 }); })();
 
-const _c0$C = ["*"];
+const _c0$D = ["*"];
 function KptIconButton_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElement(0, "span", 1);
 } }
@@ -95,7 +96,7 @@ class KptIconButton {
         ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptIconButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptIconButton)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptIconButton, selectors: [["kpt-icon-button"]], hostAttrs: [1, "kpt-icon-button-host"], inputs: { variant: [1, "variant"], size: [1, "size"], shape: [1, "shape"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$C, decls: 3, vars: 8, consts: [[1, "kpt-icon-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-icon-button__spinner"]], template: function KptIconButton_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptIconButton, selectors: [["kpt-icon-button"]], hostAttrs: [1, "kpt-icon-button-host"], inputs: { variant: [1, "variant"], size: [1, "size"], shape: [1, "shape"], type: [1, "type"], disabled: [1, "disabled"], loading: [1, "loading"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$D, decls: 3, vars: 8, consts: [[1, "kpt-icon-button", 3, "type", "disabled"], ["aria-hidden", "true", 1, "kpt-icon-button__spinner"]], template: function KptIconButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "button", 0);
             i0.ɵɵconditionalCreate(1, KptIconButton_Conditional_1_Template, 1, 0, "span", 1)(2, KptIconButton_Conditional_2_Template, 1, 0);
@@ -130,7 +131,7 @@ class KptIconButton {
     }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptIconButton, { className: "KptIconButton", filePath: "lib/icon-button/icon-button.component.ts", lineNumber: 36 }); })();
 
-const _forTrack0$d = ($index, $item) => $item.value;
+const _forTrack0$e = ($index, $item) => $item.value;
 function KptButtonGroup_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "button", 2);
@@ -175,7 +176,7 @@ class KptButtonGroup {
     static { this.ɵfac = function KptButtonGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptButtonGroup)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptButtonGroup, selectors: [["kpt-button-group"]], hostAttrs: [1, "kpt-button-group-host"], inputs: { options: [1, "options"], value: [1, "value"], size: [1, "size"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 3, vars: 1, consts: [["role", "group", 1, "kpt-button-group"], ["type", "button", 1, "kpt-button-group__item", 3, "is-active", "disabled"], ["type", "button", 1, "kpt-button-group__item", 3, "click", "disabled"]], template: function KptButtonGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, KptButtonGroup_For_2_Template, 2, 5, "button", 1, _forTrack0$d);
+            i0.ɵɵrepeaterCreate(1, KptButtonGroup_For_2_Template, 2, 5, "button", 1, _forTrack0$e);
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵattribute("data-size", ctx.size());
@@ -202,7 +203,7 @@ class KptButtonGroup {
     }], null, { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptButtonGroup, { className: "KptButtonGroup", filePath: "lib/button-group/button-group.component.ts", lineNumber: 41 }); })();
 
-const _c0$B = ["*"];
+const _c0$C = ["*"];
 /**
  * Floating Action Button (FAB) — okrągły, wyniesiony przycisk akcji. Wariant `extended` = pigułka z tekstem.
  *
@@ -225,7 +226,7 @@ class KptFab {
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptFab_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptFab)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptFab, selectors: [["kpt-fab"]], hostAttrs: [1, "kpt-fab-host"], inputs: { variant: [1, "variant"], size: [1, "size"], extended: [1, "extended"], disabled: [1, "disabled"], type: [1, "type"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$B, decls: 2, vars: 7, consts: [[1, "kpt-fab", 3, "type", "disabled"]], template: function KptFab_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptFab, selectors: [["kpt-fab"]], hostAttrs: [1, "kpt-fab-host"], inputs: { variant: [1, "variant"], size: [1, "size"], extended: [1, "extended"], disabled: [1, "disabled"], type: [1, "type"], ariaLabel: [1, "ariaLabel"] }, ngContentSelectors: _c0$C, decls: 2, vars: 7, consts: [[1, "kpt-fab", 3, "type", "disabled"]], template: function KptFab_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "button", 0);
             i0.ɵɵprojection(1);
@@ -276,6 +277,8 @@ const KPT_ICONS = {
     'strikethrough': '<path d="M5 12l14 0" /> <path d="M16 6.5a4 2 0 0 0 -4 -1.5h-1a3.5 3.5 0 0 0 0 7h2a3.5 3.5 0 0 1 0 7h-1.5a4 2 0 0 1 -4 -1.5" />',
     'list': '<path d="M9 6l11 0" /> <path d="M9 12l11 0" /> <path d="M9 18l11 0" /> <path d="M5 6l0 .01" /> <path d="M5 12l0 .01" /> <path d="M5 18l0 .01" />',
     'list-numbers': '<path d="M11 6h9" /> <path d="M11 12h9" /> <path d="M12 18h8" /> <path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4" /> <path d="M6 10v-6l-2 2" />',
+    'indent-increase': '<path d="M20 6l-11 0" /> <path d="M20 12l-7 0" /> <path d="M20 18l-11 0" /> <path d="M4 8l4 4l-4 4" />',
+    'indent-decrease': '<path d="M20 6l-7 0" /> <path d="M20 12l-9 0" /> <path d="M20 18l-7 0" /> <path d="M8 8l-4 4l4 4" />',
     'clear-formatting': '<path d="M17 15l4 4m0 -4l-4 4" /> <path d="M7 6v-1h11v1" /> <path d="M7 19l4 0" /> <path d="M13 5l-4 14" />',
     'star': '<path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245" />',
     'plus': '<path d="M12 5l0 14" /> <path d="M5 12l14 0" />',
@@ -536,7 +539,7 @@ class KptAvatar {
     }], null, { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAvatar, { className: "KptAvatar", filePath: "lib/avatar/avatar.component.ts", lineNumber: 46 }); })();
 
-const _c0$A = ["*"];
+const _c0$B = ["*"];
 /**
  * Znacznik (badge) — licznik lub kropka statusu. Standalone lub nałożony na treść (`overlay`).
  *
@@ -568,7 +571,7 @@ class KptBadge {
         ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptBadge_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptBadge)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptBadge, selectors: [["kpt-badge"]], hostAttrs: [1, "kpt-badge-host"], inputs: { value: [1, "value"], variant: [1, "variant"], size: [1, "size"], dot: [1, "dot"], overlay: [1, "overlay"], max: [1, "max"] }, ngContentSelectors: _c0$A, decls: 3, vars: 7, consts: [[1, "kpt-badge"]], template: function KptBadge_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptBadge, selectors: [["kpt-badge"]], hostAttrs: [1, "kpt-badge-host"], inputs: { value: [1, "value"], variant: [1, "variant"], size: [1, "size"], dot: [1, "dot"], overlay: [1, "overlay"], max: [1, "max"] }, ngContentSelectors: _c0$B, decls: 3, vars: 7, consts: [[1, "kpt-badge"]], template: function KptBadge_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
             i0.ɵɵdomElementStart(1, "span", 0);
@@ -832,6 +835,8 @@ const KPT_MESSAGES_EN = {
         strike: 'Strikethrough',
         ul: 'Bulleted list',
         ol: 'Numbered list',
+        indent: 'Increase indent',
+        outdent: 'Decrease indent',
         foreColor: 'Text color',
         backColor: 'Text background color',
         alignLeft: 'Align left',
@@ -878,6 +883,44 @@ const KPT_MESSAGES_EN = {
             customColor: 'Color…',
         },
     },
+    auth: {
+        signInTitle: 'Sign in',
+        signInSubtitle: 'Use your e-mail and password.',
+        signUpTitle: 'Create account',
+        signUpSubtitle: 'It takes less than a minute.',
+        forgotTitle: 'Reset password',
+        forgotSubtitle: 'We will send a reset link to your e-mail.',
+        name: 'Full name',
+        email: 'E-mail',
+        emailPlaceholder: 'you@company.com',
+        password: 'Password',
+        passwordHint: 'At least {min} characters.',
+        confirmPassword: 'Repeat password',
+        remember: 'Remember me',
+        terms: 'I accept the terms of service',
+        forgotLink: 'Forgot password?',
+        backToSignIn: 'Back to sign in',
+        signInSubmit: 'Sign in',
+        signUpSubmit: 'Create account',
+        resetSubmit: 'Send reset link',
+        orContinueWith: 'or continue with',
+        continueWith: 'Continue with {provider}',
+        noAccount: 'No account yet?',
+        haveAccount: 'Already have an account?',
+        signInSwitch: 'Sign in',
+        signUpSwitch: 'Sign up',
+        errorRequired: 'This field is required',
+        errorEmail: 'Enter a valid e-mail address',
+        errorMinLength: 'Use at least {min} characters',
+        errorMismatch: 'Passwords do not match',
+        errorInvalid: 'Invalid value',
+        promo: {
+            signInTitle: 'Welcome back',
+            signInText: 'Sign in to pick up where you left off.',
+            signUpTitle: 'New here?',
+            signUpText: 'Create an account and start in a minute.',
+        },
+    },
 };
 const KPT_MESSAGES_PL = {
     common: {
@@ -1100,6 +1143,8 @@ const KPT_MESSAGES_PL = {
         strike: 'Przekreślenie',
         ul: 'Lista punktowana',
         ol: 'Lista numerowana',
+        indent: 'Dodaj wcięcie',
+        outdent: 'Usuń wcięcie',
         foreColor: 'Kolor tekstu',
         backColor: 'Kolor tła tekstu',
         alignLeft: 'Wyrównaj do lewej',
@@ -1146,6 +1191,44 @@ const KPT_MESSAGES_PL = {
             customColor: 'Kolor…',
         },
     },
+    auth: {
+        signInTitle: 'Zaloguj się',
+        signInSubtitle: 'Użyj adresu e-mail i hasła.',
+        signUpTitle: 'Załóż konto',
+        signUpSubtitle: 'Zajmie mniej niż minutę.',
+        forgotTitle: 'Zresetuj hasło',
+        forgotSubtitle: 'Wyślemy link do zmiany hasła na podany adres.',
+        name: 'Imię i nazwisko',
+        email: 'E-mail',
+        emailPlaceholder: 'jan@firma.pl',
+        password: 'Hasło',
+        passwordHint: 'Co najmniej {min} znaków.',
+        confirmPassword: 'Powtórz hasło',
+        remember: 'Zapamiętaj mnie',
+        terms: 'Akceptuję regulamin',
+        forgotLink: 'Nie pamiętasz hasła?',
+        backToSignIn: 'Wróć do logowania',
+        signInSubmit: 'Zaloguj się',
+        signUpSubmit: 'Załóż konto',
+        resetSubmit: 'Wyślij link',
+        orContinueWith: 'lub kontynuuj przez',
+        continueWith: 'Kontynuuj przez {provider}',
+        noAccount: 'Nie masz jeszcze konta?',
+        haveAccount: 'Masz już konto?',
+        signInSwitch: 'Zaloguj się',
+        signUpSwitch: 'Załóż konto',
+        errorRequired: 'To pole jest wymagane',
+        errorEmail: 'Podaj poprawny adres e-mail',
+        errorMinLength: 'Użyj co najmniej {min} znaków',
+        errorMismatch: 'Hasła nie są takie same',
+        errorInvalid: 'Nieprawidłowa wartość',
+        promo: {
+            signInTitle: 'Witaj ponownie',
+            signInText: 'Zaloguj się, by wrócić do pracy.',
+            signUpTitle: 'Pierwszy raz u nas?',
+            signUpText: 'Załóż konto i zacznij w minutę.',
+        },
+    },
 };
 
 /** Deep-merge `patch` na kopię `base` (łączy tylko obiekty, wartości nadpisuje). */
@@ -1235,7 +1318,7 @@ class KptI18n {
         args: [{ providedIn: 'root' }]
     }], () => [], null); })();
 
-const _c0$z = ["*"];
+const _c0$A = ["*"];
 function KptSplitButton_ng_template_6_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 7);
 } }
@@ -1377,7 +1460,7 @@ class KptSplitButton {
         this.open.set(false);
     }
     static { this.ɵfac = function KptSplitButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSplitButton)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSplitButton, selectors: [["kpt-split-button"]], hostAttrs: [1, "kpt-split-button-host"], inputs: { variant: [1, "variant"], items: [1, "items"], disabled: [1, "disabled"] }, outputs: { primaryClick: "primaryClick", selected: "selected" }, ngContentSelectors: _c0$z, decls: 7, vars: 8, consts: [["origin", "cdkOverlayOrigin"], [1, "kpt-split-button"], ["type", "button", 1, "kpt-split-button__main", 3, "click", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-split-button__toggle", 3, "click", "disabled"], ["name", "chevron-down"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "menu", 1, "kpt-split-button__panel"], ["role", "separator", 1, "kpt-split-button__separator"], ["role", "presentation", 1, "kpt-split-button__header"], ["type", "button", 1, "kpt-split-button__item", 3, "kpt-split-button__item--danger", "disabled"], ["size", "sm", 3, "src", "name", "icon"], [3, "name"], [1, "kpt-split-button__text"], [1, "kpt-split-button__label"], [1, "kpt-split-button__description"], ["type", "button", 1, "kpt-split-button__item", 3, "click", "disabled"], [1, "kpt-split-button__badge", 3, "value", "variant"]], template: function KptSplitButton_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSplitButton, selectors: [["kpt-split-button"]], hostAttrs: [1, "kpt-split-button-host"], inputs: { variant: [1, "variant"], items: [1, "items"], disabled: [1, "disabled"] }, outputs: { primaryClick: "primaryClick", selected: "selected" }, ngContentSelectors: _c0$A, decls: 7, vars: 8, consts: [["origin", "cdkOverlayOrigin"], [1, "kpt-split-button"], ["type", "button", 1, "kpt-split-button__main", 3, "click", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-split-button__toggle", 3, "click", "disabled"], ["name", "chevron-down"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "menu", 1, "kpt-split-button__panel"], ["role", "separator", 1, "kpt-split-button__separator"], ["role", "presentation", 1, "kpt-split-button__header"], ["type", "button", 1, "kpt-split-button__item", 3, "kpt-split-button__item--danger", "disabled"], ["size", "sm", 3, "src", "name", "icon"], [3, "name"], [1, "kpt-split-button__text"], [1, "kpt-split-button__label"], [1, "kpt-split-button__description"], ["type", "button", 1, "kpt-split-button__item", 3, "click", "disabled"], [1, "kpt-split-button__badge", 3, "value", "variant"]], template: function KptSplitButton_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
             i0.ɵɵlistener("click", function KptSplitButton_Template_button_click_1_listener() { return ctx.primaryClick.emit(); });
@@ -1575,7 +1658,7 @@ function provideKptI18n(config = {}) {
     return makeEnvironmentProviders([{ provide: KPT_I18N_CONFIG, useValue: config }]);
 }
 
-const _c0$y = ["*"];
+const _c0$z = ["*"];
 function KptChip_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -1604,7 +1687,7 @@ class KptChip {
         this.i18n = inject(KptI18n);
     }
     static { this.ɵfac = function KptChip_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptChip)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChip, selectors: [["kpt-chip"]], hostAttrs: [1, "kpt-chip-host"], inputs: { variant: [1, "variant"], removable: [1, "removable"], disabled: [1, "disabled"] }, outputs: { removed: "removed" }, ngContentSelectors: _c0$y, decls: 3, vars: 4, consts: [[1, "kpt-chip"], ["type", "button", 1, "kpt-chip__remove", 3, "disabled"], ["type", "button", 1, "kpt-chip__remove", 3, "click", "disabled"], ["name", "x"]], template: function KptChip_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptChip, selectors: [["kpt-chip"]], hostAttrs: [1, "kpt-chip-host"], inputs: { variant: [1, "variant"], removable: [1, "removable"], disabled: [1, "disabled"] }, outputs: { removed: "removed" }, ngContentSelectors: _c0$z, decls: 3, vars: 4, consts: [[1, "kpt-chip"], ["type", "button", 1, "kpt-chip__remove", 3, "disabled"], ["type", "button", 1, "kpt-chip__remove", 3, "click", "disabled"], ["name", "x"]], template: function KptChip_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "span", 0);
             i0.ɵɵprojection(1);
@@ -1825,7 +1908,7 @@ class KptSkeleton {
 /** Token DI, przez który kontrolka zgłasza `kpt-form-field` swój stan wypełnienia. */
 const KPT_FORM_FIELD_CONTROL = new InjectionToken('KPT_FORM_FIELD_CONTROL');
 
-const _c0$x = ["*"];
+const _c0$y = ["*"];
 function KptFormField_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 6);
     i0.ɵɵtext(1, "*");
@@ -1934,7 +2017,7 @@ class KptFormField {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "kpt-form-field-host"], hostBindings: function KptFormField_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("input", function KptFormField_input_HostBindingHandler() { return ctx.updateFilled(); })("change", function KptFormField_change_HostBindingHandler() { return ctx.updateFilled(); });
-        } }, inputs: { label: [1, "label"], hint: [1, "hint"], error: [1, "error"], required: [1, "required"], controlId: [1, "controlId"], labelType: [1, "labelType"] }, ngContentSelectors: _c0$x, decls: 7, vars: 10, consts: [[1, "kpt-form-field"], [1, "kpt-form-field__box"], [1, "kpt-form-field__label"], [1, "kpt-form-field__control"], ["role", "alert", 1, "kpt-form-field__message", "kpt-form-field__message--error"], [1, "kpt-form-field__message", "kpt-form-field__message--hint"], ["aria-hidden", "true", 1, "kpt-form-field__required"]], template: function KptFormField_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: [1, "label"], hint: [1, "hint"], error: [1, "error"], required: [1, "required"], controlId: [1, "controlId"], labelType: [1, "labelType"] }, ngContentSelectors: _c0$y, decls: 7, vars: 10, consts: [[1, "kpt-form-field"], [1, "kpt-form-field__box"], [1, "kpt-form-field__label"], [1, "kpt-form-field__control"], ["role", "alert", 1, "kpt-form-field__message", "kpt-form-field__message--error"], [1, "kpt-form-field__message", "kpt-form-field__message--hint"], ["aria-hidden", "true", 1, "kpt-form-field__required"]], template: function KptFormField_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵconditionalCreate(2, KptFormField_Conditional_2_Template, 3, 3, "label", 2);
@@ -1964,7 +2047,7 @@ class KptFormField {
     }], () => [], { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], controlId: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlId", required: false }] }], labelType: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelType", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KPT_FORM_FIELD_CONTROL), { ...{ descendants: true }, isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptFormField, { className: "KptFormField", filePath: "lib/form-field/form-field.component.ts", lineNumber: 50 }); })();
 
-let nextUniqueId = 0;
+let nextUniqueId$2 = 0;
 /**
  * Pole tekstowe Koncept UI zintegrowane z Angular Signal Forms.
  * Implementuje `FormValueControl<string>` — wiąż je dyrektywą `FormField`:
@@ -2002,10 +2085,13 @@ class KptInput {
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
         this.placeholder = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        this.id = input(`kpt-input-${++nextUniqueId}`, /* @ts-ignore */
+        this.id = input(`kpt-input-${++nextUniqueId$2}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         this.ariaLabel = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** Podpowiedź autouzupełniania dla przeglądarki i menedżera haseł (np. 'email', 'current-password'). */
+        this.autocomplete = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
     }
     onInput(event) {
         this.value.set(event.target.value);
@@ -2013,13 +2099,13 @@ class KptInput {
     static { this.ɵfac = function KptInput_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptInput)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptInput, selectors: [["kpt-input"]], hostAttrs: [1, "kpt-input-host"], hostVars: 1, hostBindings: function KptInput_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("id", null);
-        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], invalid: [1, "invalid"], errors: [1, "errors"], touched: [1, "touched"], type: [1, "type"], placeholder: [1, "placeholder"], id: [1, "id"], ariaLabel: [1, "ariaLabel"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 1, vars: 9, consts: [[1, "kpt-input__field", 3, "input", "blur", "id", "type", "value", "placeholder", "disabled", "readOnly"]], template: function KptInput_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: [1, "value"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], invalid: [1, "invalid"], errors: [1, "errors"], touched: [1, "touched"], type: [1, "type"], placeholder: [1, "placeholder"], id: [1, "id"], ariaLabel: [1, "ariaLabel"], autocomplete: [1, "autocomplete"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 1, vars: 10, consts: [[1, "kpt-input__field", 3, "input", "blur", "id", "type", "value", "placeholder", "disabled", "readOnly"]], template: function KptInput_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "input", 0);
             i0.ɵɵdomListener("input", function KptInput_Template_input_input_0_listener($event) { return ctx.onInput($event); })("blur", function KptInput_Template_input_blur_0_listener() { return ctx.touch.emit(); });
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵdomProperty("id", ctx.id())("type", ctx.type())("value", ctx.value())("placeholder", ctx.placeholder())("disabled", ctx.disabled())("readOnly", ctx.readonly());
-            i0.ɵɵattribute("aria-required", ctx.required() ? "true" : null)("aria-label", ctx.ariaLabel())("aria-invalid", ctx.showInvalid() ? "true" : null);
+            i0.ɵɵattribute("aria-required", ctx.required() ? "true" : null)("aria-label", ctx.ariaLabel())("autocomplete", ctx.autocomplete())("aria-invalid", ctx.showInvalid() ? "true" : null);
         } }, styles: ["@layer kpt.components{.kpt-input-host{display:block}.kpt-input__field{display:block;width:100%;box-sizing:border-box;height:2.5rem;padding-inline:var(--%NS%kpt-space-3, .75rem);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-form-field-border);border-radius:var(--%NS%kpt-form-field-radius, .5rem);font-family:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-form-field-text);background-color:var(--%NS%kpt-form-field-bg);transition:border-color var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard),box-shadow var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard)}.kpt-input__field::placeholder{color:var(--%NS%kpt-form-field-placeholder)}.kpt-input__field:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--%NS%kpt-form-field-border-hover)}.kpt-input__field:focus-visible{outline:none;border-color:var(--%NS%kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--%NS%kpt-form-field-border-focus) 30%,transparent)}.kpt-input__field[aria-invalid=true]{border-color:var(--%NS%kpt-form-field-border-error)}.kpt-input__field[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch,var(--%NS%kpt-form-field-border-error) 30%,transparent)}.kpt-input__field:disabled{cursor:not-allowed;opacity:.6;background-color:var(--%NS%kpt-color-surface-variant)}}\n"], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptInput, [{
@@ -2028,11 +2114,11 @@ class KptInput {
                     class: 'kpt-input-host',
                     // id należy wyłącznie do wewnętrznego <input> (powiązanie label[for]); host go nie nosi
                     '[attr.id]': 'null',
-                }, template: "<input\n  class=\"kpt-input__field\"\n  [id]=\"id()\"\n  [type]=\"type()\"\n  [value]=\"value()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [readOnly]=\"readonly()\"\n  [attr.aria-required]=\"required() ? 'true' : null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-invalid]=\"showInvalid() ? 'true' : null\"\n  (input)=\"onInput($event)\"\n  (blur)=\"touch.emit()\"\n/>\n", styles: ["@layer kpt.components{.kpt-input-host{display:block}.kpt-input__field{display:block;width:100%;box-sizing:border-box;height:2.5rem;padding-inline:var(--kpt-space-3, .75rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);font-family:inherit;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-form-field-text);background-color:var(--kpt-form-field-bg);transition:border-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard),box-shadow var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-input__field::placeholder{color:var(--kpt-form-field-placeholder)}.kpt-input__field:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--kpt-form-field-border-hover)}.kpt-input__field:focus-visible{outline:none;border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-input__field[aria-invalid=true]{border-color:var(--kpt-form-field-border-error)}.kpt-input__field[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-error) 30%,transparent)}.kpt-input__field:disabled{cursor:not-allowed;opacity:.6;background-color:var(--kpt-color-surface-variant)}}\n"] }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] }); })();
+                }, template: "<input\n  class=\"kpt-input__field\"\n  [id]=\"id()\"\n  [type]=\"type()\"\n  [value]=\"value()\"\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [readOnly]=\"readonly()\"\n  [attr.aria-required]=\"required() ? 'true' : null\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.autocomplete]=\"autocomplete()\"\n  [attr.aria-invalid]=\"showInvalid() ? 'true' : null\"\n  (input)=\"onInput($event)\"\n  (blur)=\"touch.emit()\"\n/>\n", styles: ["@layer kpt.components{.kpt-input-host{display:block}.kpt-input__field{display:block;width:100%;box-sizing:border-box;height:2.5rem;padding-inline:var(--kpt-space-3, .75rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);font-family:inherit;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-form-field-text);background-color:var(--kpt-form-field-bg);transition:border-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard),box-shadow var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-input__field::placeholder{color:var(--kpt-form-field-placeholder)}.kpt-input__field:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--kpt-form-field-border-hover)}.kpt-input__field:focus-visible{outline:none;border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-input__field[aria-invalid=true]{border-color:var(--kpt-form-field-border-error)}.kpt-input__field[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-error) 30%,transparent)}.kpt-input__field:disabled{cursor:not-allowed;opacity:.6;background-color:var(--kpt-color-surface-variant)}}\n"] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptInput, { className: "KptInput", filePath: "lib/input/input.component.ts", lineNumber: 49 }); })();
 
-const _c0$w = ["*"];
+const _c0$x = ["*"];
 function KptCheckbox_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 5);
     i0.ɵɵtext(1);
@@ -2063,7 +2149,7 @@ class KptCheckbox {
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptCheckbox_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptCheckbox)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptCheckbox, selectors: [["kpt-checkbox"]], hostAttrs: [1, "kpt-checkbox-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$w, decls: 7, vars: 6, consts: [[1, "kpt-checkbox"], ["type", "checkbox", 1, "kpt-checkbox__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-checkbox__box"], ["viewBox", "0 0 16 16", 1, "kpt-checkbox__check"], ["d", "M13 4.5 6.5 11 3 7.5"], [1, "kpt-checkbox__label"]], template: function KptCheckbox_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptCheckbox, selectors: [["kpt-checkbox"]], hostAttrs: [1, "kpt-checkbox-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$x, decls: 7, vars: 6, consts: [[1, "kpt-checkbox"], ["type", "checkbox", 1, "kpt-checkbox__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-checkbox__box"], ["viewBox", "0 0 16 16", 1, "kpt-checkbox__check"], ["d", "M13 4.5 6.5 11 3 7.5"], [1, "kpt-checkbox__label"]], template: function KptCheckbox_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "label", 0)(1, "input", 1);
             i0.ɵɵdomListener("change", function KptCheckbox_Template_input_change_1_listener($event) { return ctx.checked.set($event.target.checked); })("blur", function KptCheckbox_Template_input_blur_1_listener() { return ctx.touch.emit(); });
@@ -2110,7 +2196,7 @@ class KptCheckbox {
     }], null, { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptCheckbox, { className: "KptCheckbox", filePath: "lib/checkbox/checkbox.component.ts", lineNumber: 44 }); })();
 
-const _c0$v = ["*"];
+const _c0$w = ["*"];
 function KptSwitch_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 1);
     i0.ɵɵtext(1);
@@ -2176,7 +2262,7 @@ class KptSwitch {
         ...(ngDevMode ? [{ debugName: "stateLabel" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptSwitch_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSwitch)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSwitch, selectors: [["kpt-switch"]], hostAttrs: [1, "kpt-switch-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"], labelPosition: [1, "labelPosition"], onLabel: [1, "onLabel"], offLabel: [1, "offLabel"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$v, decls: 8, vars: 8, consts: [[1, "kpt-switch"], [1, "kpt-switch__label", "kpt-switch__label--start"], ["type", "checkbox", "role", "switch", 1, "kpt-switch__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-switch__track"], [1, "kpt-switch__thumb"], [1, "kpt-switch__label"], [1, "kpt-switch__state", 3, "kpt-switch__state--on"], [1, "kpt-switch__state"]], template: function KptSwitch_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSwitch, selectors: [["kpt-switch"]], hostAttrs: [1, "kpt-switch-host"], inputs: { checked: [1, "checked"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], label: [1, "label"], labelPosition: [1, "labelPosition"], onLabel: [1, "onLabel"], offLabel: [1, "offLabel"] }, outputs: { checked: "checkedChange", touch: "touch" }, ngContentSelectors: _c0$w, decls: 8, vars: 8, consts: [[1, "kpt-switch"], [1, "kpt-switch__label", "kpt-switch__label--start"], ["type", "checkbox", "role", "switch", 1, "kpt-switch__input", 3, "change", "blur", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-switch__track"], [1, "kpt-switch__thumb"], [1, "kpt-switch__label"], [1, "kpt-switch__state", 3, "kpt-switch__state--on"], [1, "kpt-switch__state"]], template: function KptSwitch_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomElementStart(0, "label", 0);
             i0.ɵɵconditionalCreate(1, KptSwitch_Conditional_1_Template, 2, 1, "span", 1);
@@ -2233,7 +2319,7 @@ class KptSwitch {
     }], null, { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], onLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "onLabel", required: false }] }], offLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "offLabel", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptSwitch, { className: "KptSwitch", filePath: "lib/switch/switch.component.ts", lineNumber: 53 }); })();
 
-const _forTrack0$c = ($index, $item) => $item.value;
+const _forTrack0$d = ($index, $item) => $item.value;
 function KptSwitchGroup_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "kpt-switch", 2);
@@ -2321,7 +2407,7 @@ class KptSwitchGroup {
     static { this.ɵfac = function KptSwitchGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSwitchGroup)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSwitchGroup, selectors: [["kpt-switch-group"]], hostAttrs: [1, "kpt-switch-group-host"], inputs: { value: [1, "value"], options: [1, "options"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], orientation: [1, "orientation"], multiple: [1, "multiple"], allowDeselect: [1, "allowDeselect"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 3, vars: 3, consts: [["role", "group", 1, "kpt-switch-group"], [1, "kpt-switch-group__item", 3, "checked", "label", "disabled"], [1, "kpt-switch-group__item", 3, "checkedChange", "touch", "checked", "label", "disabled"]], template: function KptSwitchGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, KptSwitchGroup_For_2_Template, 1, 3, "kpt-switch", 1, _forTrack0$c);
+            i0.ɵɵrepeaterCreate(1, KptSwitchGroup_For_2_Template, 1, 3, "kpt-switch", 1, _forTrack0$d);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassProp("kpt-switch-group--horizontal", ctx.orientation() === "horizontal");
@@ -2354,7 +2440,7 @@ class KptSwitchGroup {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], allowDeselect: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDeselect", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptSwitchGroup, { className: "KptSwitchGroup", filePath: "lib/switch-group/switch-group.component.ts", lineNumber: 52 }); })();
 
-const _forTrack0$b = ($index, $item) => $item.value;
+const _forTrack0$c = ($index, $item) => $item.value;
 function KptRadioGroup_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "label", 2)(1, "input", 3);
@@ -2397,7 +2483,7 @@ class KptRadioGroup {
     static { this.ɵfac = function KptRadioGroup_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptRadioGroup)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptRadioGroup, selectors: [["kpt-radio-group"]], hostAttrs: [1, "kpt-radio-group-host"], inputs: { value: [1, "value"], options: [1, "options"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"], name: [1, "name"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 3, vars: 1, consts: [["role", "radiogroup", 1, "kpt-radio-group"], [1, "kpt-radio", 3, "kpt-radio--disabled"], [1, "kpt-radio"], ["type", "radio", 1, "kpt-radio__input", 3, "change", "blur", "name", "checked", "disabled"], ["aria-hidden", "true", 1, "kpt-radio__dot"], [1, "kpt-radio__label"]], template: function KptRadioGroup_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, KptRadioGroup_For_2_Template, 5, 6, "label", 1, _forTrack0$b);
+            i0.ɵɵrepeaterCreate(1, KptRadioGroup_For_2_Template, 5, 6, "label", 1, _forTrack0$c);
             i0.ɵɵdomElementEnd();
         } if (rf & 2) {
             i0.ɵɵattribute("aria-invalid", ctx.showInvalid() ? "true" : null);
@@ -2429,7 +2515,7 @@ class KptRadioGroup {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRadioGroup, { className: "KptRadioGroup", filePath: "lib/radio-group/radio-group.component.ts", lineNumber: 46 }); })();
 
-const _forTrack0$a = ($index, $item) => $item.value;
+const _forTrack0$b = ($index, $item) => $item.value;
 function KptSelect_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 7);
@@ -2447,7 +2533,7 @@ function KptSelect_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵattribute("aria-label", ctx_r2.i18n.t("select.removeChip"));
 } }
 function KptSelect_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, KptSelect_Conditional_3_For_1_Template, 4, 2, "span", 7, _forTrack0$a);
+    i0.ɵɵrepeaterCreate(0, KptSelect_Conditional_3_For_1_Template, 4, 2, "span", 7, _forTrack0$b);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r2.selectedOptions());
@@ -2533,7 +2619,7 @@ function KptSelect_ng_template_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("keydown", function KptSelect_ng_template_7_Template_div_keydown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onPanelKeydown($event)); });
     i0.ɵɵconditionalCreate(1, KptSelect_ng_template_7_Conditional_1_Template, 3, 2, "div", 11);
     i0.ɵɵelementStart(2, "ul", 12);
-    i0.ɵɵrepeaterCreate(3, KptSelect_ng_template_7_For_4_Template, 5, 10, "li", 13, _forTrack0$a, false, KptSelect_ng_template_7_ForEmpty_5_Template, 2, 1, "li", 14);
+    i0.ɵɵrepeaterCreate(3, KptSelect_ng_template_7_For_4_Template, 5, 10, "li", 13, _forTrack0$b, false, KptSelect_ng_template_7_ForEmpty_5_Template, 2, 1, "li", 14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -2736,7 +2822,7 @@ function monthNames(locale) {
     return Array.from({ length: 12 }, (_, i) => fmt.format(new Date(Date.UTC(2024, i, 1))));
 }
 
-const _forTrack0$9 = ($index, $item) => $item.hour24;
+const _forTrack0$a = ($index, $item) => $item.hour24;
 function KptClock_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵdomElementStart(0, "div", 5)(1, "button", 9);
@@ -2768,7 +2854,7 @@ function KptClock_Conditional_13_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(mark_r6.label);
 } }
 function KptClock_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, KptClock_Conditional_13_For_1_Template, 2, 9, "button", 10, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(0, KptClock_Conditional_13_For_1_Template, 2, 9, "button", 10, _forTrack0$a);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r2.hourMarks());
@@ -2787,7 +2873,7 @@ function KptClock_Conditional_14_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(mark_r8.label);
 } }
 function KptClock_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, KptClock_Conditional_14_For_1_Template, 2, 7, "button", 12, _forTrack0$9);
+    i0.ɵɵrepeaterCreate(0, KptClock_Conditional_14_For_1_Template, 2, 7, "button", 12, _forTrack0$a);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵrepeater(ctx_r2.minuteMarks());
@@ -3044,7 +3130,7 @@ class KptClock {
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptClock, { className: "KptClock", filePath: "lib/datepicker/clock.component.ts", lineNumber: 100 }); })();
 
-const _forTrack0$8 = ($index, $item) => $item.iso;
+const _forTrack0$9 = ($index, $item) => $item.iso;
 const _forTrack1$2 = ($index, $item) => $item.label;
 function KptDatepicker_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 2);
@@ -3217,7 +3303,7 @@ function KptDatepicker_ng_template_7_Conditional_2_Case_8_For_5_For_1_Template(r
     i0.ɵɵtextInterpolate(cell_r13.day);
 } }
 function KptDatepicker_ng_template_7_Conditional_2_Case_8_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, KptDatepicker_ng_template_7_Conditional_2_Case_8_For_5_For_1_Template, 2, 9, "button", 28, _forTrack0$8);
+    i0.ɵɵrepeaterCreate(0, KptDatepicker_ng_template_7_Conditional_2_Case_8_For_5_For_1_Template, 2, 9, "button", 28, _forTrack0$9);
 } if (rf & 2) {
     const week_r14 = ctx.$implicit;
     i0.ɵɵrepeater(week_r14);
@@ -3923,7 +4009,7 @@ class KptDatepicker {
     }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], displayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayFormat", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], monthDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthDisplay", required: false }] }], hourFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourFormat", required: false }] }], minuteStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteStep", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDatepicker, { className: "KptDatepicker", filePath: "lib/datepicker/datepicker.component.ts", lineNumber: 81 }); })();
 
-const _c0$u = ["ta"];
+const _c0$v = ["ta"];
 /**
  * Pole wieloliniowe (textarea) na Signal Forms, z opcjonalnym auto-resize.
  *
@@ -3968,7 +4054,7 @@ class KptTextarea {
     }
     static { this.ɵfac = function KptTextarea_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptTextarea)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptTextarea, selectors: [["kpt-textarea"]], viewQuery: function KptTextarea_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.ta, _c0$u, 5);
+            i0.ɵɵviewQuerySignal(ctx.ta, _c0$v, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "kpt-textarea-host"], inputs: { value: [1, "value"], placeholder: [1, "placeholder"], rows: [1, "rows"], autoResize: [1, "autoResize"], disabled: [1, "disabled"], readonly: [1, "readonly"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 2, vars: 6, consts: [["ta", ""], [1, "kpt-textarea__field", 3, "input", "blur", "value", "placeholder", "disabled", "readOnly", "rows"]], template: function KptTextarea_Template(rf, ctx) { if (rf & 1) {
@@ -4120,8 +4206,8 @@ class KptTooltip {
             }]
     }], null, { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptTooltip", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptTooltipPosition", required: false }] }], onlyWhenTruncated: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptTooltipOnlyWhenTruncated", required: false }] }] }); })();
 
-const _c0$t = ["editor"];
-const _forTrack0$7 = ($index, $item) => $item.tag;
+const _c0$u = ["editor"];
+const _forTrack0$8 = ($index, $item) => $item.tag;
 function KptRichText_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 11);
 } }
@@ -4142,7 +4228,7 @@ function KptRichText_For_3_For_2_Case_0_ng_template_5_For_2_Template(rf, ctx) {
 } }
 function KptRichText_For_3_For_2_Case_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 16);
-    i0.ɵɵrepeaterCreate(1, KptRichText_For_3_For_2_Case_0_ng_template_5_For_2_Template, 2, 6, "li", 17, _forTrack0$7);
+    i0.ɵɵrepeaterCreate(1, KptRichText_For_3_For_2_Case_0_ng_template_5_For_2_Template, 2, 6, "li", 17, _forTrack0$8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -4292,8 +4378,8 @@ function KptRichText_For_3_For_2_Case_4_Template(rf, ctx) { if (rf & 1) {
     const item_r6 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("is-active", ctx_r1.isActive(item_r6));
-    i0.ɵɵproperty("kptTooltip", ctx_r1.aria(item_r6))("disabled", ctx_r1.disabled());
-    i0.ɵɵattribute("aria-label", ctx_r1.aria(item_r6))("aria-pressed", ctx_r1.isActive(item_r6));
+    i0.ɵɵproperty("kptTooltip", ctx_r1.aria(item_r6))("disabled", ctx_r1.disabled() || !ctx_r1.enabled(item_r6));
+    i0.ɵɵattribute("aria-label", ctx_r1.aria(item_r6))("aria-pressed", ctx_r1.pressed(item_r6));
     i0.ɵɵadvance();
     i0.ɵɵproperty("name", ctx_r1.icon(item_r6));
 } }
@@ -4327,7 +4413,7 @@ function KptRichText_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 function KptRichText_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 31, 5);
-    i0.ɵɵlistener("input", function KptRichText_Conditional_5_Template_div_input_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInput()); })("paste", function KptRichText_Conditional_5_Template_div_paste_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPaste($event)); })("contextmenu", function KptRichText_Conditional_5_Template_div_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onContextMenu($event)); })("mousedown", function KptRichText_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditorMouseDown($event)); })("mousemove", function KptRichText_Conditional_5_Template_div_mousemove_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditorMouseMove($event)); })("blur", function KptRichText_Conditional_5_Template_div_blur_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.touch.emit()); });
+    i0.ɵɵlistener("input", function KptRichText_Conditional_5_Template_div_input_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInput()); })("keydown", function KptRichText_Conditional_5_Template_div_keydown_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onKeydown($event)); })("paste", function KptRichText_Conditional_5_Template_div_paste_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPaste($event)); })("contextmenu", function KptRichText_Conditional_5_Template_div_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onContextMenu($event)); })("mousedown", function KptRichText_Conditional_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditorMouseDown($event)); })("mousemove", function KptRichText_Conditional_5_Template_div_mousemove_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditorMouseMove($event)); })("blur", function KptRichText_Conditional_5_Template_div_blur_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.touch.emit()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -4594,6 +4680,8 @@ const ICON = {
     strike: 'strikethrough',
     ul: 'list',
     ol: 'list-numbers',
+    indent: 'indent-increase',
+    outdent: 'indent-decrease',
     foreColor: 'palette',
     backColor: 'highlight',
     alignLeft: 'align-left',
@@ -4625,7 +4713,7 @@ const SWATCHES = [
 ];
 const DEFAULT_TOOLBAR = [
     ['copy', 'paste', 'pasteText'],
-    ['heading', 'bold', 'italic', 'underline', 'strike', 'ul', 'ol'],
+    ['heading', 'bold', 'italic', 'underline', 'strike', 'ul', 'ol', 'indent', 'outdent'],
     ['foreColor', 'backColor'],
     ['alignLeft', 'alignCenter', 'alignRight', 'alignJustify'],
     ['link', 'table', 'clear', 'html'],
@@ -4663,6 +4751,8 @@ class KptRichText {
         ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
         this.placeholder = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Maksymalna głębokość zagnieżdżenia list (Tab / „Dodaj wcięcie"). */
+        this.maxListLevel = input(6, { ...(ngDevMode ? { debugName: "maxListLevel" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.touched = input(false, { ...(ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -4723,6 +4813,10 @@ class KptRichText {
         ...(ngDevMode ? [{ debugName: "styleLabel" }] : /* istanbul ignore next */ []));
         this.activeCmds = signal(new Set(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "activeCmds" }] : /* istanbul ignore next */ []));
+        this.canIndent = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canIndent" }] : /* istanbul ignore next */ []));
+        this.canOutdent = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canOutdent" }] : /* istanbul ignore next */ []));
         this.currentBlock = signal('p', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "currentBlock" }] : /* istanbul ignore next */ []));
         this.positions = [
@@ -4772,39 +4866,69 @@ class KptRichText {
         const cmd = COMMAND[item];
         return !!cmd && this.activeCmds().has(cmd);
     }
+    /** `aria-pressed` tylko dla przełączników — wcięcia są akcjami, nie stanem. */
+    pressed(item) {
+        return item === 'indent' || item === 'outdent' ? null : this.isActive(item);
+    }
+    /** Wcięcia są aktywne wyłącznie tam, gdzie faktycznie coś zrobią (kursor w liście). */
+    enabled(item) {
+        if (item === 'indent')
+            return this.canIndent();
+        if (item === 'outdent')
+            return this.canOutdent();
+        return true;
+    }
     inEditor() {
         const el = this.editor()?.nativeElement;
         const sel = window.getSelection();
         return !!el && !!sel && sel.rangeCount > 0 && el.contains(sel.anchorNode);
     }
-    refreshState() {
-        if (this.disabled() || !this.inEditor())
-            return;
+    /**
+     * Jedyne wywołanie `document.execCommand` w komponencie. API jest formalnie deprecated, ale nie
+     * ma zamiennika: to jedyny sposób formatowania, który trafia do natywnego stosu undo przeglądarki
+     * (Ctrl+Z). Własna implementacja komend wymagałaby własnej historii — czyli przepisania edytora.
+     */
+    legacyExec(cmd, value) {
+        return document.execCommand(cmd, false, value); // NOSONAR: brak zamiennika, patrz JSDoc
+    }
+    /** Stan komendy dla podświetlenia narzędzi; nieobsługiwana komenda → `false`. */
+    legacyState(cmd) {
+        try {
+            return document.queryCommandState(cmd); // NOSONAR: brak zamiennika, patrz `legacyExec`
+        }
+        catch {
+            return false;
+        }
+    }
+    /** Komendy aktywne dla bieżącego zaznaczenia (podświetlenie narzędzi). */
+    activeCommands() {
         const active = new Set();
         for (const cmd of Object.values(COMMAND)) {
-            if (cmd && cmd !== 'removeFormat') {
-                try {
-                    if (document.queryCommandState(cmd))
-                        active.add(cmd);
-                }
-                catch {
-                    /* nieobsługiwana komenda */
-                }
-            }
+            if (cmd && cmd !== 'removeFormat' && this.legacyState(cmd))
+                active.add(cmd);
         }
-        this.activeCmds.set(active);
-        // Bieżący blok (dla selecta stylu).
-        const sel = window.getSelection();
-        let node = sel?.anchorNode;
+        return active;
+    }
+    /** Tag bloku, w którym stoi kursor (dla selecta stylu); domyślnie paragraf. */
+    blockTag() {
+        let node = window.getSelection()?.anchorNode;
         while (node && node !== this.editor()?.nativeElement) {
             const tag = node.tagName?.toLowerCase();
-            if (tag && /^(h[1-6]|p|blockquote)$/.test(tag)) {
-                this.currentBlock.set(tag);
-                return;
-            }
+            if (tag && /^(h[1-6]|p|blockquote)$/.test(tag))
+                return tag;
             node = node.parentElement;
         }
-        this.currentBlock.set('p');
+        return 'p';
+    }
+    refreshState() {
+        if (this.disabled() || !this.inEditor())
+            return;
+        this.activeCmds.set(this.activeCommands());
+        // Stan wcięć — te same warunki, których użyje sama operacja.
+        const items = this.listItems();
+        this.canIndent.set(items.some((li) => this.canIndentItem(li)));
+        this.canOutdent.set(items.some((li) => this.canOutdentItem(li)));
+        this.currentBlock.set(this.blockTag());
     }
     onInput() {
         const el = this.editor()?.nativeElement;
@@ -4847,27 +4971,211 @@ class KptRichText {
                 if (url) {
                     const safe = this.sanitizeUrl(url);
                     if (safe)
-                        document.execCommand('createLink', false, safe);
+                        this.legacyExec('createLink', safe);
                 }
                 break;
             }
             case 'copy':
-                document.execCommand('copy');
-                break;
+                void this.copySelection();
+                return;
             case 'paste':
                 void this.pasteRich();
                 return;
             case 'pasteText':
                 void this.pastePlain();
                 return;
+            case 'indent':
+            case 'outdent':
+                this.shiftItems(item);
+                return; // shiftItems sam odświeża wartość i stan
             default: {
                 const cmd = COMMAND[item];
                 if (cmd)
-                    document.execCommand(cmd);
+                    this.legacyExec(cmd);
+            }
+        }
+        this.onInput();
+        this.refreshState();
+    }
+    // ── Listy: wcięcia (Tab / narzędzia „Dodaj/Usuń wcięcie") ──
+    /** Najbliższy punkt listy zawierający węzeł (tylko wewnątrz edytora). */
+    closestItem(node) {
+        const editor = this.editor()?.nativeElement;
+        const el = node instanceof Element ? node : (node?.parentElement ?? null);
+        const li = el?.closest('li') ?? null;
+        return li instanceof HTMLLIElement && editor?.contains(li) ? li : null;
+    }
+    /** Poziom punktu w obrębie edytora (1 = najwyższy). */
+    level(li) {
+        const editor = this.editor()?.nativeElement;
+        let depth = 1;
+        let parent = li.parentElement?.closest('li') ?? null;
+        while (parent && editor?.contains(parent)) {
+            depth++;
+            parent = parent.parentElement?.closest('li') ?? null;
+        }
+        return depth;
+    }
+    /** Najgłębszy poziom w poddrzewie punktu — wcięcie przenosi podpunkty razem z rodzicem. */
+    deepest(li) {
+        const base = this.level(li);
+        let max = base;
+        for (const nested of li.querySelectorAll('li'))
+            max = Math.max(max, this.level(nested));
+        return max;
+    }
+    canIndentItem(li) {
+        return li.previousElementSibling instanceof HTMLLIElement && this.deepest(li) < this.maxListLevel();
+    }
+    canOutdentItem(li) {
+        return li.parentElement?.parentElement instanceof HTMLLIElement;
+    }
+    /**
+     * Punkty listy objęte zaznaczeniem. Przy zaznaczeniu wielu punktów operujemy na ich wspólnym
+     * poziomie zagnieżdżenia — inaczej podpunkt dostałby wcięcie dwa razy (raz sam, raz z rodzicem).
+     */
+    listItems() {
+        const editor = this.editor()?.nativeElement;
+        const sel = window.getSelection();
+        if (!editor || !sel || sel.rangeCount === 0)
+            return [];
+        const range = sel.getRangeAt(0);
+        if (!editor.contains(range.commonAncestorContainer))
+            return [];
+        const start = this.closestItem(range.startContainer);
+        const end = this.closestItem(range.endContainer);
+        if (!start)
+            return [];
+        if (!end || start === end)
+            return [start];
+        // Podnieś głębszy koniec, aż oba będą rodzeństwem w tej samej liście.
+        let a = start;
+        let b = end;
+        while (a && b && a.parentElement !== b.parentElement) {
+            if (this.level(a) >= this.level(b))
+                a = this.closestItem(a.parentElement);
+            else
+                b = this.closestItem(b.parentElement);
+        }
+        if (!a || !b || !a.parentElement)
+            return [start];
+        const siblings = [...a.parentElement.children].filter((el) => el instanceof HTMLLIElement);
+        const from = siblings.indexOf(a);
+        const to = siblings.indexOf(b);
+        if (from < 0 || to < 0)
+            return [start];
+        return siblings.slice(Math.min(from, to), Math.max(from, to) + 1);
+    }
+    /** Zagnieżdża punkt w podliście poprzedniego punktu (poprawne `li > ul > li`). */
+    indentItem(li) {
+        if (!this.canIndentItem(li))
+            return false;
+        const prev = li.previousElementSibling;
+        let sub = prev.lastElementChild;
+        if (!(sub instanceof HTMLUListElement || sub instanceof HTMLOListElement)) {
+            sub = document.createElement(li.parentElement?.tagName ?? 'UL'); // ta sama numeracja co poziom wyżej
+            prev.append(sub);
+        }
+        sub.append(li);
+        return true;
+    }
+    /** Wyciąga punkt poziom wyżej; rodzeństwo po nim trafia do jego podlisty (kolejność bez zmian). */
+    outdentItem(li) {
+        const list = li.parentElement;
+        const host = list?.parentElement;
+        if (!list || !(host instanceof HTMLLIElement))
+            return false;
+        const children = [...list.children];
+        const after = children.slice(children.indexOf(li) + 1);
+        if (after.length > 0) {
+            let own = li.lastElementChild;
+            if (!(own instanceof HTMLUListElement || own instanceof HTMLOListElement)) {
+                own = document.createElement(list.tagName);
+                li.append(own);
+            }
+            own.append(...after);
+        }
+        host.after(li);
+        if (list.children.length === 0)
+            list.remove();
+        return true;
+    }
+    /** Zwraca `true`, gdy DOM faktycznie się zmienił — od tego zależy `preventDefault()` dla Taba. */
+    shiftItems(dir) {
+        if (this.disabled())
+            return false;
+        const items = this.listItems();
+        if (items.length === 0)
+            return false;
+        // Migawka granic kursora: przy usunięciu węzła spec DOM przestawia *żywy* Range na starego
+        // rodzica, więc `saveSelection()` wyprowadziłby kursor poza przenoszony punkt. Same węzły
+        // jadą razem z `li`, więc odtwarzamy z nich zaznaczenie po mutacji.
+        const sel = window.getSelection();
+        const range = sel && sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+        const caret = range
+            ? { sc: range.startContainer, so: range.startOffset, ec: range.endContainer, eo: range.endOffset }
+            : null;
+        // Outdent od końca — inaczej `host.after()` odwróciłby kolejność przenoszonych punktów.
+        const order = dir === 'outdent' ? [...items].reverse() : items;
+        let changed = false;
+        for (const li of order) {
+            const done = dir === 'indent' ? this.indentItem(li) : this.outdentItem(li);
+            changed = done || changed;
+        }
+        if (!changed)
+            return false;
+        if (caret && sel && caret.sc.isConnected && caret.ec.isConnected) {
+            try {
+                const restored = document.createRange();
+                restored.setStart(caret.sc, caret.so);
+                restored.setEnd(caret.ec, caret.eo);
+                sel.removeAllRanges();
+                sel.addRange(restored);
+            }
+            catch {
+                /* offset przestał pasować po przeniesieniu rodzeństwa — zostaw kursor tam, gdzie jest */
             }
         }
         this.onInput();
         this.refreshState();
+        return true;
+    }
+    /**
+     * Tab: wcięcie w liście, przeskok komórki w tabeli (lista w komórce ma pierwszeństwo; gdy nie da
+     * się już wciąć — przechodzimy do sąsiedniej komórki). Poza nimi i na krawędziach zostawiamy Tab
+     * natywny — inaczej edytor byłby pułapką klawiaturową (WCAG 2.1.2).
+     */
+    onKeydown(event) {
+        if (this.disabled() || event.key !== 'Tab' || event.ctrlKey || event.altKey || event.metaKey)
+            return;
+        if (this.shiftItems(event.shiftKey ? 'outdent' : 'indent')) {
+            event.preventDefault();
+            return;
+        }
+        const node = window.getSelection()?.anchorNode ?? null;
+        const el = node instanceof Element ? node : (node?.parentElement ?? null);
+        const cell = el?.closest('td, th');
+        if (cell && this.editor()?.nativeElement.contains(cell) && this.moveCell(cell, event.shiftKey)) {
+            event.preventDefault();
+        }
+    }
+    /** Przeskok do sąsiedniej komórki z zaznaczeniem jej treści; `false` = koniec tabeli. */
+    moveCell(cell, back) {
+        const table = cell.closest('table');
+        if (!table)
+            return false;
+        const cells = [...table.querySelectorAll('td, th')];
+        const next = cells[cells.indexOf(cell) + (back ? -1 : 1)];
+        if (!next)
+            return false;
+        const range = document.createRange();
+        range.selectNodeContents(next);
+        const sel = window.getSelection();
+        sel?.removeAllRanges();
+        sel?.addRange(range);
+        this.clearSelection();
+        this.refreshState();
+        return true;
     }
     // ── Styl bloku (dropdown w stylu kpt-select, z podglądem wielkości) ──
     openStyle() {
@@ -4883,7 +5191,7 @@ class KptRichText {
         this.styleOpen.set(false);
         this.focusEditor();
         this.restoreSelection();
-        document.execCommand('formatBlock', false, `<${tag}>`);
+        this.legacyExec('formatBlock', `<${tag}>`);
         this.onInput();
         this.refreshState();
     }
@@ -4909,10 +5217,10 @@ class KptRichText {
         this.focusEditor();
         this.restoreSelection();
         if (this.colorKind() === 'foreColor') {
-            document.execCommand('foreColor', false, color);
+            this.legacyExec('foreColor', color);
         }
-        else if (!document.execCommand('hiliteColor', false, color)) {
-            document.execCommand('backColor', false, color);
+        else if (!this.legacyExec('hiliteColor', color)) {
+            this.legacyExec('backColor', color);
         }
         this.onInput();
     }
@@ -4920,6 +5228,25 @@ class KptRichText {
         this.applyColor(event.target.value);
     }
     // ── Schowek ──
+    /** Kopiowanie przez async Clipboard API (jak wklejanie); fallback na starą komendę. */
+    async copySelection() {
+        const sel = window.getSelection();
+        if (!sel || sel.rangeCount === 0 || sel.isCollapsed)
+            return;
+        const holder = document.createElement('div');
+        holder.append(sel.getRangeAt(0).cloneContents());
+        try {
+            await navigator.clipboard.write([
+                new ClipboardItem({
+                    'text/html': new Blob([holder.innerHTML], { type: 'text/html' }),
+                    'text/plain': new Blob([sel.toString()], { type: 'text/plain' }),
+                }),
+            ]);
+        }
+        catch {
+            this.legacyExec('copy'); // brak uprawnień / starsza przeglądarka
+        }
+    }
     async pasteRich() {
         try {
             const items = await navigator.clipboard.read();
@@ -4928,14 +5255,14 @@ class KptRichText {
                     const blob = await it.getType('text/html');
                     const html = this.sanitizeHtml(await blob.text());
                     this.focusEditor();
-                    document.execCommand('insertHTML', false, html);
+                    this.legacyExec('insertHTML', html);
                     this.onInput();
                     return;
                 }
             }
             const text = await navigator.clipboard.readText();
             this.focusEditor();
-            document.execCommand('insertText', false, text);
+            this.legacyExec('insertText', text);
             this.onInput();
         }
         catch {
@@ -4946,7 +5273,7 @@ class KptRichText {
         try {
             const text = await navigator.clipboard.readText();
             this.focusEditor();
-            document.execCommand('insertText', false, text);
+            this.legacyExec('insertText', text);
             this.onInput();
         }
         catch {
@@ -4961,10 +5288,10 @@ class KptRichText {
         const text = event.clipboardData?.getData('text/plain') ?? '';
         event.preventDefault();
         if (html) {
-            document.execCommand('insertHTML', false, this.sanitizeHtml(html));
+            this.legacyExec('insertHTML', this.sanitizeHtml(html));
         }
         else {
-            document.execCommand('insertText', false, text);
+            this.legacyExec('insertText', text);
         }
         this.onInput();
     }
@@ -4983,11 +5310,13 @@ class KptRichText {
         this.focusEditor();
         this.restoreSelection();
         const w = (100 / cols).toFixed(4);
-        const colgroup = `<colgroup>${Array.from({ length: cols }, () => `<col style="width:${w}%">`).join('')}</colgroup>`;
-        const row = `<tr>${Array.from({ length: cols }, () => '<td><br></td>').join('')}</tr>`;
-        const body = `<tbody>${Array.from({ length: rows }, () => row).join('')}</tbody>`;
+        const col = `<col style="width:${w}%">`;
+        const cell = '<td><br></td>';
+        const row = `<tr>${cell.repeat(cols)}</tr>`;
+        const colgroup = `<colgroup>${col.repeat(cols)}</colgroup>`;
+        const body = `<tbody>${row.repeat(rows)}</tbody>`;
         const table = `<table class="kpt-rt-table">${colgroup}${body}</table>`;
-        document.execCommand('insertHTML', false, `${table}<p><br></p>`);
+        this.legacyExec('insertHTML', `${table}<p><br></p>`);
         this.onInput();
     }
     // ── Tabele: menu kontekstowe ──
@@ -5225,7 +5554,7 @@ class KptRichText {
         if (!(target instanceof Element))
             return;
         const focus = target.closest('td, th');
-        if (!focus || focus.closest('table') !== this.selAnchor.closest('table'))
+        if (focus?.closest('table') !== this.selAnchor.closest('table'))
             return;
         if (focus === this.selAnchor && !this.selecting)
             return;
@@ -5268,6 +5597,42 @@ class KptRichText {
         });
         return { grid, pos };
     }
+    /** Jeden przebieg rozszerzania granic o komórki wystające poza region; `true` = coś się zmieniło. */
+    growBounds(grid, pos, b) {
+        let changed = false;
+        for (const cell of this.cellsInRegion(grid, b)) {
+            const p = pos.get(cell);
+            if (p.r < b.r0) {
+                b.r0 = p.r;
+                changed = true;
+            }
+            if (p.c < b.c0) {
+                b.c0 = p.c;
+                changed = true;
+            }
+            if (p.r + p.rowspan - 1 > b.r1) {
+                b.r1 = p.r + p.rowspan - 1;
+                changed = true;
+            }
+            if (p.c + p.colspan - 1 > b.c1) {
+                b.c1 = p.c + p.colspan - 1;
+                changed = true;
+            }
+        }
+        return changed;
+    }
+    /** Komórki leżące w prostokącie siatki (scalone trafiają raz — to `Set`). */
+    cellsInRegion(grid, b) {
+        const set = new Set();
+        for (let r = b.r0; r <= b.r1; r++) {
+            for (let c = b.c0; c <= b.c1; c++) {
+                const cell = grid[r]?.[c];
+                if (cell)
+                    set.add(cell);
+            }
+        }
+        return set;
+    }
     selectRegion(anchor, focus) {
         const table = anchor.closest('table');
         if (!table)
@@ -5277,46 +5642,17 @@ class KptRichText {
         const f = pos.get(focus);
         if (!a || !f)
             return;
-        let r0 = Math.min(a.r, f.r);
-        let c0 = Math.min(a.c, f.c);
-        let r1 = Math.max(a.r + a.rowspan - 1, f.r + f.rowspan - 1);
-        let c1 = Math.max(a.c + a.colspan - 1, f.c + f.colspan - 1);
-        // Rozszerz region, by w pełni objąć scalone komórki na brzegach.
-        for (let changed = true; changed;) {
-            changed = false;
-            for (let r = r0; r <= r1; r++) {
-                for (let c = c0; c <= c1; c++) {
-                    const cell = grid[r]?.[c];
-                    if (!cell)
-                        continue;
-                    const p = pos.get(cell);
-                    if (p.r < r0) {
-                        r0 = p.r;
-                        changed = true;
-                    }
-                    if (p.c < c0) {
-                        c0 = p.c;
-                        changed = true;
-                    }
-                    if (p.r + p.rowspan - 1 > r1) {
-                        r1 = p.r + p.rowspan - 1;
-                        changed = true;
-                    }
-                    if (p.c + p.colspan - 1 > c1) {
-                        c1 = p.c + p.colspan - 1;
-                        changed = true;
-                    }
-                }
-            }
-        }
-        const set = new Set();
-        for (let r = r0; r <= r1; r++) {
-            for (let c = c0; c <= c1; c++) {
-                const cell = grid[r]?.[c];
-                if (cell)
-                    set.add(cell);
-            }
+        const bounds = {
+            r0: Math.min(a.r, f.r),
+            c0: Math.min(a.c, f.c),
+            r1: Math.max(a.r + a.rowspan - 1, f.r + f.rowspan - 1),
+            c1: Math.max(a.c + a.colspan - 1, f.c + f.colspan - 1),
+        };
+        // Rozszerzaj, aż region w pełni obejmie scalone komórki na brzegach.
+        while (this.growBounds(grid, pos, bounds)) {
+            /* granice rosną do skutku */
         }
+        const set = this.cellsInRegion(grid, bounds);
         this.clearSelection();
         for (const cell of set)
             cell.classList.add('kpt-rt-cell-sel');
@@ -5382,8 +5718,7 @@ class KptRichText {
         cell.removeAttribute('rowspan');
         // Uzupełnij brakujące pozycje siatki pustymi komórkami (dla każdego pokrytego wiersza).
         for (let dr = 0; dr < p.rowspan; dr++) {
-            const startCol = dr === 0 ? p.c + 1 : p.c; // origin zostaje w pierwszym wierszu
-            const count = dr === 0 ? p.colspan - 1 : p.colspan;
+            const count = dr === 0 ? p.colspan - 1 : p.colspan; // origin zostaje w pierwszym wierszu
             if (count <= 0)
                 continue;
             const row = table.rows[p.r + dr];
@@ -5391,7 +5726,10 @@ class KptRichText {
             for (let i = 0; i < count; i++) {
                 const el = document.createElement(tag);
                 el.innerHTML = '<br>';
-                row.insertBefore(el, before);
+                if (before)
+                    before.before(el);
+                else
+                    row.append(el); // brak komórki o większym origin-col → na koniec wiersza
             }
         }
         this.menuOpen.set(false);
@@ -5431,48 +5769,55 @@ class KptRichText {
     sanitizeHtml(html) {
         const tpl = document.createElement('template');
         tpl.innerHTML = html;
-        const walk = (root) => {
-            for (const el of Array.from(root.querySelectorAll('*'))) {
-                if (!ALLOWED_TAGS.has(el.tagName)) {
-                    el.replaceWith(...Array.from(el.childNodes));
-                    continue;
-                }
-                for (const attr of Array.from(el.attributes)) {
-                    const name = attr.name.toLowerCase();
-                    if (name.startsWith('on')) {
-                        el.removeAttribute(attr.name);
-                    }
-                    else if (name === 'href' || name === 'src') {
-                        // Usuń znaki kontrolne przed testem schematu — przeglądarka i tak je ignoruje przy
-                        // parsowaniu URL-a (WHATWG URL spec), więc `jav\tascript:` obchodziłby sam blocklisting.
-                        if (/^\s*javascript:/i.test(attr.value.replace(/[\x00-\x1f]/g, '')))
-                            el.removeAttribute(attr.name);
-                    }
-                    else if (name === 'style') {
-                        const kept = attr.value
-                            .split(';')
-                            .map((s) => s.trim())
-                            .filter((s) => ALLOWED_STYLES.has(s.split(':')[0]?.trim().toLowerCase()));
-                        if (kept.length)
-                            el.setAttribute('style', kept.join('; '));
-                        else
-                            el.removeAttribute('style');
-                    }
-                    else if (!ALLOWED_ATTRS.has(name) && name !== 'color') {
-                        el.removeAttribute(attr.name);
-                    }
-                }
-            }
-        };
-        walk(tpl.content);
+        for (const el of Array.from(tpl.content.querySelectorAll('*')))
+            this.sanitizeElement(el);
         return tpl.innerHTML;
     }
+    /** Tag spoza allowlisty rozwijamy do dzieci; atrybuty czyścimy po kolei. */
+    sanitizeElement(el) {
+        if (!ALLOWED_TAGS.has(el.tagName)) {
+            el.replaceWith(...Array.from(el.childNodes));
+            return;
+        }
+        for (const attr of Array.from(el.attributes))
+            this.sanitizeAttribute(el, attr);
+    }
+    sanitizeAttribute(el, attr) {
+        const name = attr.name.toLowerCase();
+        if (name.startsWith('on')) {
+            el.removeAttribute(attr.name);
+        }
+        else if (name === 'href' || name === 'src') {
+            // Usuń znaki kontrolne przed testem schematu — przeglądarka i tak je ignoruje przy
+            // parsowaniu URL-a (WHATWG URL spec), więc `jav\tascript:` obchodziłby sam blocklisting.
+            if (/^\s*javascript:/i.test(attr.value.replace(/[\x00-\x1f]/g, '')))
+                el.removeAttribute(attr.name);
+        }
+        else if (name === 'style') {
+            const kept = this.sanitizeStyleAttr(attr.value);
+            if (kept)
+                el.setAttribute('style', kept);
+            else
+                el.removeAttribute('style');
+        }
+        else if (!ALLOWED_ATTRS.has(name) && name !== 'color') {
+            el.removeAttribute(attr.name);
+        }
+    }
+    /** Deklaracje `style` z allowlisty; `null`, gdy nie zostaje nic. */
+    sanitizeStyleAttr(value) {
+        const kept = value
+            .split(';')
+            .map((decl) => decl.trim())
+            .filter((decl) => ALLOWED_STYLES.has(decl.split(':')[0]?.trim().toLowerCase()));
+        return kept.length ? kept.join('; ') : null;
+    }
     static { this.ɵfac = function KptRichText_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptRichText)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptRichText, selectors: [["kpt-rich-text"]], viewQuery: function KptRichText_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.editor, _c0$t, 5);
+            i0.ɵɵviewQuerySignal(ctx.editor, _c0$u, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "kpt-rich-text-host"], inputs: { value: [1, "value"], toolbar: [1, "toolbar"], placeholder: [1, "placeholder"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 11, vars: 14, consts: [["paletteTpl", ""], ["styleOrigin", "cdkOverlayOrigin"], ["foreOrigin", "cdkOverlayOrigin"], ["backOrigin", "cdkOverlayOrigin"], ["tableOrigin", "cdkOverlayOrigin"], ["editor", ""], [1, "kpt-rich-text"], ["role", "toolbar", 1, "kpt-rich-text__toolbar"], ["spellcheck", "false", 1, "kpt-rich-text__source", 3, "value", "disabled"], ["role", "textbox", "aria-multiline", "true", 1, "kpt-rich-text__editor"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop"], ["aria-hidden", "true", 1, "kpt-rich-text__divider"], ["type", "button", 1, "kpt-rich-text__tool", 3, "is-active", "kptTooltip", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__style", 3, "mousedown", "click", "disabled", "kptTooltip"], ["name", "chevron-down", 1, "kpt-rich-text__style-caret"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "listbox", 1, "kpt-rich-text__style-panel"], ["role", "option", 1, "kpt-rich-text__style-opt", 3, "class", "is-selected"], ["role", "option", 1, "kpt-rich-text__style-opt", 3, "click"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__tool", "kpt-rich-text__tool--color", 3, "mousedown", "click", "kptTooltip", "disabled"], [3, "name"], [3, "ngTemplateOutlet"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__tool", 3, "mousedown", "click", "kptTooltip", "disabled"], [1, "kpt-rt-grid-pop", 3, "mousedown"], [1, "kpt-rt-grid", 3, "mouseleave"], [1, "kpt-rt-grid__row"], [1, "kpt-rt-grid__label"], [1, "kpt-rt-grid__cell", 3, "is-on"], [1, "kpt-rt-grid__cell", 3, "mouseenter", "click"], ["type", "button", 1, "kpt-rich-text__tool", 3, "mousedown", "click", "kptTooltip", "disabled"], ["spellcheck", "false", 1, "kpt-rich-text__source", 3, "input", "blur", "value", "disabled"], ["role", "textbox", "aria-multiline", "true", 1, "kpt-rich-text__editor", 3, "input", "paste", "contextmenu", "mousedown", "mousemove", "blur"], [1, "kpt-rt-menu", 3, "contextmenu"], [1, "kpt-rt-menu__group"], ["type", "button", 1, "kpt-rt-menu__item", 3, "click"], ["name", "plus"], ["name", "table"], ["name", "trash"], [1, "kpt-rt-menu__sep"], ["name", "palette"], ["name", "align-left"], ["name", "align-center"], ["name", "align-right"], ["name", "grip-vertical"], ["type", "button", 1, "kpt-rt-menu__item", "kpt-rt-menu__item--danger", 3, "click"], [1, "kpt-rt-border", 3, "mousedown"], [1, "kpt-rt-border__seg"], ["type", "button", 3, "click"], [1, "kpt-rt-border__widths"], [1, "kpt-rich-text__swatches"], ["type", "button", 1, "kpt-rich-text__swatch", 3, "background"], [1, "kpt-rich-text__picker"], ["type", "color", 3, "input"], ["type", "button", 1, "kpt-rich-text__swatch", 3, "click"], [1, "kpt-rich-text__palette", 3, "mousedown"]], template: function KptRichText_Template(rf, ctx) { if (rf & 1) {
+        } }, hostAttrs: [1, "kpt-rich-text-host"], inputs: { value: [1, "value"], toolbar: [1, "toolbar"], placeholder: [1, "placeholder"], maxListLevel: [1, "maxListLevel"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 11, vars: 14, consts: [["paletteTpl", ""], ["styleOrigin", "cdkOverlayOrigin"], ["foreOrigin", "cdkOverlayOrigin"], ["backOrigin", "cdkOverlayOrigin"], ["tableOrigin", "cdkOverlayOrigin"], ["editor", ""], [1, "kpt-rich-text"], ["role", "toolbar", 1, "kpt-rich-text__toolbar"], ["spellcheck", "false", 1, "kpt-rich-text__source", 3, "value", "disabled"], ["role", "textbox", "aria-multiline", "true", 1, "kpt-rich-text__editor"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop"], ["aria-hidden", "true", 1, "kpt-rich-text__divider"], ["type", "button", 1, "kpt-rich-text__tool", 3, "is-active", "kptTooltip", "disabled"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__style", 3, "mousedown", "click", "disabled", "kptTooltip"], ["name", "chevron-down", 1, "kpt-rich-text__style-caret"], ["cdkConnectedOverlay", "", "cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop", 3, "backdropClick", "detach", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayPositions", "cdkConnectedOverlayHasBackdrop"], ["role", "listbox", 1, "kpt-rich-text__style-panel"], ["role", "option", 1, "kpt-rich-text__style-opt", 3, "class", "is-selected"], ["role", "option", 1, "kpt-rich-text__style-opt", 3, "click"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__tool", "kpt-rich-text__tool--color", 3, "mousedown", "click", "kptTooltip", "disabled"], [3, "name"], [3, "ngTemplateOutlet"], ["type", "button", "cdkOverlayOrigin", "", 1, "kpt-rich-text__tool", 3, "mousedown", "click", "kptTooltip", "disabled"], [1, "kpt-rt-grid-pop", 3, "mousedown"], [1, "kpt-rt-grid", 3, "mouseleave"], [1, "kpt-rt-grid__row"], [1, "kpt-rt-grid__label"], [1, "kpt-rt-grid__cell", 3, "is-on"], [1, "kpt-rt-grid__cell", 3, "mouseenter", "click"], ["type", "button", 1, "kpt-rich-text__tool", 3, "mousedown", "click", "kptTooltip", "disabled"], ["spellcheck", "false", 1, "kpt-rich-text__source", 3, "input", "blur", "value", "disabled"], ["role", "textbox", "aria-multiline", "true", 1, "kpt-rich-text__editor", 3, "input", "keydown", "paste", "contextmenu", "mousedown", "mousemove", "blur"], [1, "kpt-rt-menu", 3, "contextmenu"], [1, "kpt-rt-menu__group"], ["type", "button", 1, "kpt-rt-menu__item", 3, "click"], ["name", "plus"], ["name", "table"], ["name", "trash"], [1, "kpt-rt-menu__sep"], ["name", "palette"], ["name", "align-left"], ["name", "align-center"], ["name", "align-right"], ["name", "grip-vertical"], ["type", "button", 1, "kpt-rt-menu__item", "kpt-rt-menu__item--danger", 3, "click"], [1, "kpt-rt-border", 3, "mousedown"], [1, "kpt-rt-border__seg"], ["type", "button", 3, "click"], [1, "kpt-rt-border__widths"], [1, "kpt-rich-text__swatches"], ["type", "button", 1, "kpt-rich-text__swatch", 3, "background"], [1, "kpt-rich-text__picker"], ["type", "color", 3, "input"], ["type", "button", 1, "kpt-rich-text__swatch", 3, "click"], [1, "kpt-rich-text__palette", 3, "mousedown"]], template: function KptRichText_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
             i0.ɵɵrepeaterCreate(2, KptRichText_For_3_Template, 3, 1, null, null, i0.ɵɵrepeaterTrackByIndex);
             i0.ɵɵelementEnd();
@@ -5497,13 +5842,13 @@ class KptRichText {
             i0.ɵɵproperty("cdkConnectedOverlayOrigin", ctx.menuPoint())("cdkConnectedOverlayOpen", ctx.borderOpen())("cdkConnectedOverlayHasBackdrop", true);
             i0.ɵɵadvance();
             i0.ɵɵproperty("cdkConnectedOverlayOrigin", ctx.menuPoint())("cdkConnectedOverlayOpen", ctx.colorOpen() && ctx.colorKind() === "cellBg")("cdkConnectedOverlayHasBackdrop", true);
-        } }, dependencies: [KptIcon, CdkOverlayOrigin, CdkConnectedOverlay, NgTemplateOutlet, KptTooltip], styles: ["@layer kpt.components{.kpt-rich-text-host{display:block}.kpt-rich-text{border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-form-field-border);border-radius:var(--%NS%kpt-form-field-radius, .5rem);overflow:hidden;background:var(--%NS%kpt-form-field-bg)}.kpt-rich-text:focus-within{border-color:var(--%NS%kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--%NS%kpt-form-field-border-focus) 30%,transparent)}.kpt-rich-text--invalid{border-color:var(--%NS%kpt-form-field-border-error)}.kpt-rich-text--disabled{opacity:.6}.kpt-rich-text__toolbar{display:flex;flex-wrap:wrap;gap:.15rem;padding:.3rem;border-bottom:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);background:var(--%NS%kpt-color-surface-variant)}.kpt-rich-text__tool{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--%NS%kpt-radius-sm, .25rem);background:none;color:var(--%NS%kpt-color-on-surface);cursor:pointer;font-size:1.05rem}.kpt-rich-text__tool:hover:not(:disabled){background:var(--%NS%kpt-color-muted)}.kpt-rich-text__tool:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__tool.is-active{background:var(--%NS%kpt-color-muted);color:var(--%NS%kpt-color-primary)}.kpt-rich-text__divider{width:var(--%NS%kpt-border-width-thin, 1px);align-self:stretch;margin-inline:.2rem;background:var(--%NS%kpt-color-border)}.kpt-rich-text__style{display:inline-flex;align-items:center;gap:var(--%NS%kpt-space-1, .25rem);height:2rem;min-width:8rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-form-field-border);border-radius:var(--%NS%kpt-radius-sm, .25rem);background:var(--%NS%kpt-form-field-bg);color:var(--%NS%kpt-form-field-text);font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);padding-inline:.5rem;cursor:pointer}.kpt-rich-text__style span{flex:1;text-align:start}.kpt-rich-text__style:hover:not(:disabled){border-color:var(--%NS%kpt-form-field-border-hover)}.kpt-rich-text__style.is-open{border-color:var(--%NS%kpt-form-field-border-focus)}.kpt-rich-text__style:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__style-caret{opacity:.6}.kpt-rich-text__editor{min-height:6rem;padding:var(--%NS%kpt-space-3, .75rem);font-size:var(--%NS%kpt-font-size-sm, .875rem);line-height:var(--%NS%kpt-font-line-height-normal, 1.5);color:var(--%NS%kpt-form-field-text);outline:none;overflow-y:auto}.kpt-rich-text__editor:empty:before{content:attr(data-placeholder);color:var(--%NS%kpt-form-field-placeholder)}.kpt-rich-text__editor a{color:var(--%NS%kpt-color-primary)}.kpt-rich-text__editor ul,.kpt-rich-text__editor ol{padding-inline-start:1.5rem}.kpt-rich-text__editor h1{font-size:1.6em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h2{font-size:1.4em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h3{font-size:1.2em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h4{font-size:1.05em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h5{font-size:.95em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h6{font-size:.85em;font-weight:600;margin:.4em 0;text-transform:uppercase}.kpt-rich-text__editor blockquote{margin:.4em 0;padding-inline-start:.75rem;border-inline-start:3px solid var(--%NS%kpt-color-border-strong);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rich-text__editor .kpt-rt-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.5em 0}.kpt-rich-text__editor .kpt-rt-table td,.kpt-rich-text__editor .kpt-rt-table th{border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);padding:.35rem .5rem;min-width:2rem;vertical-align:top;overflow-wrap:anywhere}.kpt-rich-text__editor .kpt-rt-table th{background:var(--%NS%kpt-color-surface-variant);font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-rich-text__editor .kpt-rt-table .kpt-rt-cell-sel{box-shadow:inset 0 0 0 2px var(--%NS%kpt-color-primary);background:color-mix(in oklch,var(--%NS%kpt-color-primary) 12%,transparent)}.kpt-rich-text__editor.is-col-resize{cursor:col-resize}.kpt-rich-text__source{display:block;width:100%;box-sizing:border-box;min-height:6rem;padding:var(--%NS%kpt-space-3, .75rem);border:0;background:var(--%NS%kpt-color-surface-variant);color:var(--%NS%kpt-form-field-text);font-family:var(--%NS%kpt-font-family-mono, ui-monospace, monospace);font-size:var(--%NS%kpt-font-size-xs, .75rem);line-height:var(--%NS%kpt-font-line-height-normal, 1.5);resize:vertical;outline:none}.kpt-rich-text__style-panel{min-width:11rem;margin:0;padding:.25rem;list-style:none;background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3);max-height:20rem;overflow-y:auto}.kpt-rich-text__style-opt{padding:.35rem .6rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);color:var(--%NS%kpt-color-on-surface);cursor:pointer;line-height:1.2}.kpt-rich-text__style-opt:hover{background:var(--%NS%kpt-color-muted)}.kpt-rich-text__style-opt.is-selected{background:var(--%NS%kpt-color-muted);color:var(--%NS%kpt-color-primary)}.kpt-rich-text__style-opt--p{font-size:.95rem}.kpt-rich-text__style-opt--h1{font-size:1.7rem;font-weight:700}.kpt-rich-text__style-opt--h2{font-size:1.45rem;font-weight:700}.kpt-rich-text__style-opt--h3{font-size:1.25rem;font-weight:600}.kpt-rich-text__style-opt--h4{font-size:1.1rem;font-weight:600}.kpt-rich-text__style-opt--h5{font-size:1rem;font-weight:600}.kpt-rich-text__style-opt--h6{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpt-rich-text__palette{padding:var(--%NS%kpt-space-3, .75rem);background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3)}.kpt-rich-text__swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.kpt-rich-text__swatch{width:1.4rem;height:1.4rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-sm, .25rem);cursor:pointer}.kpt-rich-text__swatch:hover{transform:scale(1.1)}.kpt-rich-text__picker{display:flex;align-items:center;justify-content:space-between;gap:var(--%NS%kpt-space-2, .5rem);margin-top:var(--%NS%kpt-space-2, .5rem);font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rich-text__picker input[type=color]{width:2rem;height:1.6rem;padding:0;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-sm, .25rem);background:none;cursor:pointer}.kpt-rt-grid-pop{padding:var(--%NS%kpt-space-2, .5rem);background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3)}.kpt-rt-grid{display:flex;flex-direction:column;gap:3px}.kpt-rt-grid__row{display:flex;gap:3px}.kpt-rt-grid__cell{width:1rem;height:1rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:2px;cursor:pointer}.kpt-rt-grid__cell.is-on{background:var(--%NS%kpt-color-primary);border-color:var(--%NS%kpt-color-primary)}.kpt-rt-grid__label{margin-top:var(--%NS%kpt-space-2, .5rem);text-align:center;font-size:var(--%NS%kpt-font-size-xs, .75rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rt-menu{min-width:12rem;padding:.25rem;background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3);font-size:var(--%NS%kpt-font-size-sm, .875rem)}.kpt-rt-menu__group{padding:.3rem .6rem .15rem;font-size:var(--%NS%kpt-font-size-xs, .75rem);font-weight:var(--%NS%kpt-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.03em;color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rt-menu__item{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);width:100%;padding:.4rem .6rem;border:0;border-radius:var(--%NS%kpt-radius-sm, .25rem);background:none;color:var(--%NS%kpt-color-on-surface);font:inherit;text-align:start;cursor:pointer}.kpt-rt-menu__item:hover{background:var(--%NS%kpt-color-muted)}.kpt-rt-menu__item kpt-icon{color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rt-menu__item--danger{color:var(--%NS%kpt-color-danger)}.kpt-rt-menu__item--danger kpt-icon{color:var(--%NS%kpt-color-danger)}.kpt-rt-menu__item.is-disabled{opacity:.4;pointer-events:none}.kpt-rt-menu__sep{height:1px;margin:.25rem 0;background:var(--%NS%kpt-color-border)}.kpt-rt-border{display:flex;flex-direction:column;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-3, .75rem);background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3)}.kpt-rt-border__seg{display:flex;gap:2px;padding:2px;background:var(--%NS%kpt-color-surface-variant);border-radius:var(--%NS%kpt-radius-md, .5rem)}.kpt-rt-border__seg button{flex:1;border:0;background:none;padding:.25rem .5rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);color:var(--%NS%kpt-color-on-surface-muted);font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);cursor:pointer}.kpt-rt-border__seg button.is-active{background:var(--%NS%kpt-color-surface-raised);color:var(--%NS%kpt-color-on-surface);font-weight:var(--%NS%kpt-font-weight-medium, 500);box-shadow:var(--%NS%kpt-elevation-1)}.kpt-rt-border__widths{display:flex;gap:.25rem}.kpt-rt-border__widths button{flex:1;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);background:none;padding:.25rem .3rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);color:var(--%NS%kpt-color-on-surface);font:inherit;font-size:var(--%NS%kpt-font-size-xs, .75rem);cursor:pointer}.kpt-rt-border__widths button:hover{background:var(--%NS%kpt-color-muted)}}\n"], encapsulation: 2 }); }
+        } }, dependencies: [KptIcon, CdkOverlayOrigin, CdkConnectedOverlay, NgTemplateOutlet, KptTooltip], styles: ["@layer kpt.components{.kpt-rich-text-host{display:block}.kpt-rich-text{border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-form-field-border);border-radius:var(--%NS%kpt-form-field-radius, .5rem);overflow:hidden;background:var(--%NS%kpt-form-field-bg)}.kpt-rich-text:focus-within{border-color:var(--%NS%kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--%NS%kpt-form-field-border-focus) 30%,transparent)}.kpt-rich-text--invalid{border-color:var(--%NS%kpt-form-field-border-error)}.kpt-rich-text--disabled{opacity:.6}.kpt-rich-text__toolbar{display:flex;flex-wrap:wrap;gap:.15rem;padding:.3rem;border-bottom:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);background:var(--%NS%kpt-color-surface-variant)}.kpt-rich-text__tool{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--%NS%kpt-radius-sm, .25rem);background:none;color:var(--%NS%kpt-color-on-surface);cursor:pointer;font-size:1.05rem}.kpt-rich-text__tool:hover:not(:disabled){background:var(--%NS%kpt-color-muted)}.kpt-rich-text__tool:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__tool.is-active{background:var(--%NS%kpt-color-muted);color:var(--%NS%kpt-color-primary)}.kpt-rich-text__divider{width:var(--%NS%kpt-border-width-thin, 1px);align-self:stretch;margin-inline:.2rem;background:var(--%NS%kpt-color-border)}.kpt-rich-text__style{display:inline-flex;align-items:center;gap:var(--%NS%kpt-space-1, .25rem);height:2rem;min-width:8rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-form-field-border);border-radius:var(--%NS%kpt-radius-sm, .25rem);background:var(--%NS%kpt-form-field-bg);color:var(--%NS%kpt-form-field-text);font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);padding-inline:.5rem;cursor:pointer}.kpt-rich-text__style span{flex:1;text-align:start}.kpt-rich-text__style:hover:not(:disabled){border-color:var(--%NS%kpt-form-field-border-hover)}.kpt-rich-text__style.is-open{border-color:var(--%NS%kpt-form-field-border-focus)}.kpt-rich-text__style:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__style-caret{opacity:.6}.kpt-rich-text__editor{min-height:6rem;padding:var(--%NS%kpt-space-3, .75rem);font-size:var(--%NS%kpt-font-size-sm, .875rem);line-height:var(--%NS%kpt-font-line-height-normal, 1.5);color:var(--%NS%kpt-form-field-text);outline:none;overflow-y:auto}.kpt-rich-text__editor:empty:before{content:attr(data-placeholder);color:var(--%NS%kpt-form-field-placeholder)}.kpt-rich-text__editor a{color:var(--%NS%kpt-color-primary)}.kpt-rich-text__editor ul,.kpt-rich-text__editor ol{padding-inline-start:1.5rem}.kpt-rich-text__editor ul{list-style-type:disc}.kpt-rich-text__editor ul ul{list-style-type:circle}.kpt-rich-text__editor ul ul ul{list-style-type:square}.kpt-rich-text__editor ul ul ul ul{list-style-type:disc}.kpt-rich-text__editor ul ul ul ul ul{list-style-type:circle}.kpt-rich-text__editor ul ul ul ul ul ul{list-style-type:square}.kpt-rich-text__editor ol{list-style-type:decimal}.kpt-rich-text__editor ol ol{list-style-type:lower-alpha}.kpt-rich-text__editor ol ol ol{list-style-type:lower-roman}.kpt-rich-text__editor ol ol ol ol{list-style-type:decimal}.kpt-rich-text__editor ol ol ol ol ol{list-style-type:lower-alpha}.kpt-rich-text__editor ol ol ol ol ol ol{list-style-type:lower-roman}.kpt-rich-text__editor h1{font-size:1.6em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h2{font-size:1.4em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h3{font-size:1.2em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h4{font-size:1.05em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h5{font-size:.95em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h6{font-size:.85em;font-weight:600;margin:.4em 0;text-transform:uppercase}.kpt-rich-text__editor blockquote{margin:.4em 0;padding-inline-start:.75rem;border-inline-start:3px solid var(--%NS%kpt-color-border-strong);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rich-text__editor .kpt-rt-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.5em 0}.kpt-rich-text__editor .kpt-rt-table td,.kpt-rich-text__editor .kpt-rt-table th{border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);padding:.35rem .5rem;min-width:2rem;vertical-align:top;overflow-wrap:anywhere}.kpt-rich-text__editor .kpt-rt-table th{background:var(--%NS%kpt-color-surface-variant);font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-rich-text__editor .kpt-rt-table .kpt-rt-cell-sel{box-shadow:inset 0 0 0 2px var(--%NS%kpt-color-primary);background:color-mix(in oklch,var(--%NS%kpt-color-primary) 12%,transparent)}.kpt-rich-text__editor.is-col-resize{cursor:col-resize}.kpt-rich-text__source{display:block;width:100%;box-sizing:border-box;min-height:6rem;padding:var(--%NS%kpt-space-3, .75rem);border:0;background:var(--%NS%kpt-color-surface-variant);color:var(--%NS%kpt-form-field-text);font-family:var(--%NS%kpt-font-family-mono, ui-monospace, monospace);font-size:var(--%NS%kpt-font-size-xs, .75rem);line-height:var(--%NS%kpt-font-line-height-normal, 1.5);resize:vertical;outline:none}.kpt-rich-text__style-panel{min-width:11rem;margin:0;padding:.25rem;list-style:none;background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3);max-height:20rem;overflow-y:auto}.kpt-rich-text__style-opt{padding:.35rem .6rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);color:var(--%NS%kpt-color-on-surface);cursor:pointer;line-height:1.2}.kpt-rich-text__style-opt:hover{background:var(--%NS%kpt-color-muted)}.kpt-rich-text__style-opt.is-selected{background:var(--%NS%kpt-color-muted);color:var(--%NS%kpt-color-primary)}.kpt-rich-text__style-opt--p{font-size:.95rem}.kpt-rich-text__style-opt--h1{font-size:1.7rem;font-weight:700}.kpt-rich-text__style-opt--h2{font-size:1.45rem;font-weight:700}.kpt-rich-text__style-opt--h3{font-size:1.25rem;font-weight:600}.kpt-rich-text__style-opt--h4{font-size:1.1rem;font-weight:600}.kpt-rich-text__style-opt--h5{font-size:1rem;font-weight:600}.kpt-rich-text__style-opt--h6{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpt-rich-text__palette{padding:var(--%NS%kpt-space-3, .75rem);background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3)}.kpt-rich-text__swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.kpt-rich-text__swatch{width:1.4rem;height:1.4rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-sm, .25rem);cursor:pointer}.kpt-rich-text__swatch:hover{transform:scale(1.1)}.kpt-rich-text__picker{display:flex;align-items:center;justify-content:space-between;gap:var(--%NS%kpt-space-2, .5rem);margin-top:var(--%NS%kpt-space-2, .5rem);font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rich-text__picker input[type=color]{width:2rem;height:1.6rem;padding:0;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-sm, .25rem);background:none;cursor:pointer}.kpt-rt-grid-pop{padding:var(--%NS%kpt-space-2, .5rem);background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3)}.kpt-rt-grid{display:flex;flex-direction:column;gap:3px}.kpt-rt-grid__row{display:flex;gap:3px}.kpt-rt-grid__cell{width:1rem;height:1rem;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:2px;cursor:pointer}.kpt-rt-grid__cell.is-on{background:var(--%NS%kpt-color-primary);border-color:var(--%NS%kpt-color-primary)}.kpt-rt-grid__label{margin-top:var(--%NS%kpt-space-2, .5rem);text-align:center;font-size:var(--%NS%kpt-font-size-xs, .75rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rt-menu{min-width:12rem;padding:.25rem;background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3);font-size:var(--%NS%kpt-font-size-sm, .875rem)}.kpt-rt-menu__group{padding:.3rem .6rem .15rem;font-size:var(--%NS%kpt-font-size-xs, .75rem);font-weight:var(--%NS%kpt-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.03em;color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rt-menu__item{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);width:100%;padding:.4rem .6rem;border:0;border-radius:var(--%NS%kpt-radius-sm, .25rem);background:none;color:var(--%NS%kpt-color-on-surface);font:inherit;text-align:start;cursor:pointer}.kpt-rt-menu__item:hover{background:var(--%NS%kpt-color-muted)}.kpt-rt-menu__item kpt-icon{color:var(--%NS%kpt-color-on-surface-muted)}.kpt-rt-menu__item--danger{color:var(--%NS%kpt-color-danger)}.kpt-rt-menu__item--danger kpt-icon{color:var(--%NS%kpt-color-danger)}.kpt-rt-menu__item.is-disabled{opacity:.4;pointer-events:none}.kpt-rt-menu__sep{height:1px;margin:.25rem 0;background:var(--%NS%kpt-color-border)}.kpt-rt-border{display:flex;flex-direction:column;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-3, .75rem);background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);box-shadow:var(--%NS%kpt-elevation-3)}.kpt-rt-border__seg{display:flex;gap:2px;padding:2px;background:var(--%NS%kpt-color-surface-variant);border-radius:var(--%NS%kpt-radius-md, .5rem)}.kpt-rt-border__seg button{flex:1;border:0;background:none;padding:.25rem .5rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);color:var(--%NS%kpt-color-on-surface-muted);font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);cursor:pointer}.kpt-rt-border__seg button.is-active{background:var(--%NS%kpt-color-surface-raised);color:var(--%NS%kpt-color-on-surface);font-weight:var(--%NS%kpt-font-weight-medium, 500);box-shadow:var(--%NS%kpt-elevation-1)}.kpt-rt-border__widths{display:flex;gap:.25rem}.kpt-rt-border__widths button{flex:1;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);background:none;padding:.25rem .3rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);color:var(--%NS%kpt-color-on-surface);font:inherit;font-size:var(--%NS%kpt-font-size-xs, .75rem);cursor:pointer}.kpt-rt-border__widths button:hover{background:var(--%NS%kpt-color-muted)}}\n"], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptRichText, [{
         type: Component,
-        args: [{ selector: 'kpt-rich-text', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon, CdkOverlayOrigin, CdkConnectedOverlay, NgTemplateOutlet, KptTooltip], host: { class: 'kpt-rich-text-host' }, template: "<div class=\"kpt-rich-text\" [class.kpt-rich-text--invalid]=\"showInvalid()\" [class.kpt-rich-text--disabled]=\"disabled()\">\n  <div class=\"kpt-rich-text__toolbar\" role=\"toolbar\">\n    @for (section of sections(); track $index; let firstSection = $first) {\n      @if (!firstSection) {\n        <span class=\"kpt-rich-text__divider\" aria-hidden=\"true\"></span>\n      }\n      @for (item of section; track item) {\n        @switch (item) {\n          @case ('heading') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__style\"\n              cdkOverlayOrigin\n              #styleOrigin=\"cdkOverlayOrigin\"\n              [class.is-open]=\"styleOpen()\"\n              [disabled]=\"disabled()\"\n              [attr.aria-label]=\"aria(item)\"\n              [attr.aria-expanded]=\"styleOpen()\"\n              [kptTooltip]=\"aria(item)\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"openStyle()\"\n            >\n              <span>{{ styleLabel() }}</span>\n              <kpt-icon name=\"chevron-down\" class=\"kpt-rich-text__style-caret\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"styleOrigin\"\n              [cdkConnectedOverlayOpen]=\"styleOpen()\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeStyle()\"\n              (detach)=\"closeStyle()\"\n            >\n              <ul class=\"kpt-rich-text__style-panel\" role=\"listbox\">\n                @for (o of styleOptions(); track o.tag) {\n                  <li\n                    class=\"kpt-rich-text__style-opt\"\n                    [class]=\"'kpt-rich-text__style-opt kpt-rich-text__style-opt--' + o.tag\"\n                    role=\"option\"\n                    [attr.aria-selected]=\"currentBlock() === o.tag\"\n                    [class.is-selected]=\"currentBlock() === o.tag\"\n                    (click)=\"pickStyle(o.tag)\"\n                  >{{ o.label }}</li>\n                }\n              </ul>\n            </ng-template>\n          }\n          @case ('foreColor') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool kpt-rich-text__tool--color\"\n              cdkOverlayOrigin\n              #foreOrigin=\"cdkOverlayOrigin\"\n              [attr.aria-label]=\"aria(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"openColor('foreColor')\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"foreOrigin\"\n              [cdkConnectedOverlayOpen]=\"colorOpen() && colorKind() === 'foreColor'\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeColor()\"\n              (detach)=\"closeColor()\"\n            >\n              <ng-container [ngTemplateOutlet]=\"paletteTpl\" />\n            </ng-template>\n          }\n          @case ('backColor') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool kpt-rich-text__tool--color\"\n              cdkOverlayOrigin\n              #backOrigin=\"cdkOverlayOrigin\"\n              [attr.aria-label]=\"aria(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"openColor('backColor')\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"backOrigin\"\n              [cdkConnectedOverlayOpen]=\"colorOpen() && colorKind() === 'backColor'\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeColor()\"\n              (detach)=\"closeColor()\"\n            >\n              <ng-container [ngTemplateOutlet]=\"paletteTpl\" />\n            </ng-template>\n          }\n          @case ('table') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool\"\n              cdkOverlayOrigin\n              #tableOrigin=\"cdkOverlayOrigin\"\n              [class.is-active]=\"tableOpen()\"\n              [attr.aria-label]=\"aria(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"exec(item)\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"tableOrigin\"\n              [cdkConnectedOverlayOpen]=\"tableOpen()\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeTable()\"\n              (detach)=\"closeTable()\"\n            >\n              <div class=\"kpt-rt-grid-pop\" (mousedown)=\"$event.preventDefault()\">\n                <div class=\"kpt-rt-grid\" (mouseleave)=\"gridHover(0, 0)\">\n                  @for (r of gridRows; track r) {\n                    <div class=\"kpt-rt-grid__row\">\n                      @for (c of gridCols; track c) {\n                        <span\n                          class=\"kpt-rt-grid__cell\"\n                          [class.is-on]=\"r <= gridR() && c <= gridC()\"\n                          (mouseenter)=\"gridHover(r, c)\"\n                          (click)=\"insertTable(r, c)\"\n                        ></span>\n                      }\n                    </div>\n                  }\n                </div>\n                <div class=\"kpt-rt-grid__label\">{{ gridR() }} \u00D7 {{ gridC() }}</div>\n              </div>\n            </ng-template>\n          }\n          @default {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool\"\n              [class.is-active]=\"isActive(item)\"\n              [attr.aria-label]=\"aria(item)\"\n              [attr.aria-pressed]=\"isActive(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"exec(item)\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n          }\n        }\n      }\n    }\n  </div>\n  @if (sourceView()) {\n    <textarea\n      class=\"kpt-rich-text__source\"\n      [value]=\"value()\"\n      [disabled]=\"disabled()\"\n      spellcheck=\"false\"\n      [attr.aria-label]=\"i18n.t('richText.htmlSource')\"\n      (input)=\"onSource($event)\"\n      (blur)=\"touch.emit()\"\n    ></textarea>\n  } @else {\n    <div\n      #editor\n      class=\"kpt-rich-text__editor\"\n      [attr.contenteditable]=\"disabled() ? 'false' : 'true'\"\n      [attr.data-placeholder]=\"placeholder()\"\n      [attr.aria-invalid]=\"showInvalid() ? 'true' : null\"\n      role=\"textbox\"\n      aria-multiline=\"true\"\n      (input)=\"onInput()\"\n      (paste)=\"onPaste($event)\"\n      (contextmenu)=\"onContextMenu($event)\"\n      (mousedown)=\"onEditorMouseDown($event)\"\n      (mousemove)=\"onEditorMouseMove($event)\"\n      (blur)=\"touch.emit()\"\n    ></div>\n  }\n\n  <!-- Menu kontekstowe tabeli (origin punktowy = pozycja kursora) -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"menuPoint()\"\n    [cdkConnectedOverlayOpen]=\"menuOpen()\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"closeMenu()\"\n    (detach)=\"closeMenu()\"\n  >\n    <div class=\"kpt-rt-menu\" (contextmenu)=\"$event.preventDefault()\">\n      <div class=\"kpt-rt-menu__group\">{{ i18n.t('richText.menu.column') }}</div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertColumn('left')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertLeft') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertColumn('right')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertRight') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"toggleHeaderColumn()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.headerColumn') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"deleteColumn()\"><kpt-icon name=\"trash\" /> {{ i18n.t('richText.menu.deleteColumn') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <div class=\"kpt-rt-menu__group\">{{ i18n.t('richText.menu.row') }}</div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertRow('above')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertAbove') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertRow('below')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertBelow') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"toggleHeaderRow()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.headerRow') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"deleteRow()\"><kpt-icon name=\"trash\" /> {{ i18n.t('richText.menu.deleteRow') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <div class=\"kpt-rt-menu__group\">{{ i18n.t('richText.menu.cell') }}</div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"openCellBg()\"><kpt-icon name=\"palette\" /> {{ i18n.t('richText.menu.cellBackground') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"alignCell('left')\"><kpt-icon name=\"align-left\" /> {{ i18n.t('richText.menu.alignLeft') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"alignCell('center')\"><kpt-icon name=\"align-center\" /> {{ i18n.t('richText.menu.alignCenter') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"alignCell('right')\"><kpt-icon name=\"align-right\" /> {{ i18n.t('richText.menu.alignRight') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" [class.is-disabled]=\"!canMerge()\" (click)=\"mergeCells()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.mergeCells') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" [class.is-disabled]=\"!canSplit()\" (click)=\"splitCell()\"><kpt-icon name=\"grip-vertical\" /> {{ i18n.t('richText.menu.splitCell') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"openBorder()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.border') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <button type=\"button\" class=\"kpt-rt-menu__item kpt-rt-menu__item--danger\" (click)=\"deleteTable()\"><kpt-icon name=\"trash\" /> {{ i18n.t('richText.menu.deleteTable') }}</button>\n    </div>\n  </ng-template>\n\n  <!-- Popover obramowania (tabela / kom\u00F3rka) -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"menuPoint()\"\n    [cdkConnectedOverlayOpen]=\"borderOpen()\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"closeBorder()\"\n    (detach)=\"closeBorder()\"\n  >\n    <div class=\"kpt-rt-border\" (mousedown)=\"$event.preventDefault()\">\n      <div class=\"kpt-rt-border__seg\">\n        <button type=\"button\" [class.is-active]=\"borderTarget() === 'table'\" (click)=\"borderTarget.set('table')\">{{ i18n.t('richText.border.table') }}</button>\n        <button type=\"button\" [class.is-active]=\"borderTarget() === 'cell'\" (click)=\"borderTarget.set('cell')\">{{ i18n.t('richText.border.cell') }}</button>\n      </div>\n      <div class=\"kpt-rt-border__widths\">\n        <button type=\"button\" (click)=\"setBorderWidth('none')\">{{ i18n.t('richText.border.none') }}</button>\n        <button type=\"button\" (click)=\"setBorderWidth('thin')\">{{ i18n.t('richText.border.thin') }}</button>\n        <button type=\"button\" (click)=\"setBorderWidth('medium')\">{{ i18n.t('richText.border.medium') }}</button>\n        <button type=\"button\" (click)=\"setBorderWidth('thick')\">{{ i18n.t('richText.border.thick') }}</button>\n      </div>\n      <div class=\"kpt-rich-text__swatches\">\n        @for (c of swatches; track c) {\n          <button type=\"button\" class=\"kpt-rich-text__swatch\" [style.background]=\"c\" [attr.aria-label]=\"c\" (click)=\"setBorderColor(c)\"></button>\n        }\n      </div>\n      <label class=\"kpt-rich-text__picker\">\n        <span>{{ i18n.t('richText.border.customColor') }}</span>\n        <input type=\"color\" (input)=\"onBorderColorInput($event)\" />\n      </label>\n    </div>\n  </ng-template>\n\n  <!-- Popover koloru t\u0142a kom\u00F3rki (z menu kontekstowego) -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"menuPoint()\"\n    [cdkConnectedOverlayOpen]=\"colorOpen() && colorKind() === 'cellBg'\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"closeColor()\"\n    (detach)=\"closeColor()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"paletteTpl\" />\n  </ng-template>\n</div>\n\n<ng-template #paletteTpl>\n  <div class=\"kpt-rich-text__palette\" (mousedown)=\"$event.preventDefault()\">\n    <div class=\"kpt-rich-text__swatches\">\n      @for (c of swatches; track c) {\n        <button\n          type=\"button\"\n          class=\"kpt-rich-text__swatch\"\n          [style.background]=\"c\"\n          [attr.aria-label]=\"c\"\n          (click)=\"applyColor(c)\"\n        ></button>\n      }\n    </div>\n    <label class=\"kpt-rich-text__picker\">\n      <span>{{ i18n.t('richText.paletteCustom') }}</span>\n      <input type=\"color\" (input)=\"onColorInput($event)\" />\n    </label>\n  </div>\n</ng-template>\n", styles: ["@layer kpt.components{.kpt-rich-text-host{display:block}.kpt-rich-text{border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);overflow:hidden;background:var(--kpt-form-field-bg)}.kpt-rich-text:focus-within{border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-rich-text--invalid{border-color:var(--kpt-form-field-border-error)}.kpt-rich-text--disabled{opacity:.6}.kpt-rich-text__toolbar{display:flex;flex-wrap:wrap;gap:.15rem;padding:.3rem;border-bottom:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);background:var(--kpt-color-surface-variant)}.kpt-rich-text__tool{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer;font-size:1.05rem}.kpt-rich-text__tool:hover:not(:disabled){background:var(--kpt-color-muted)}.kpt-rich-text__tool:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__tool.is-active{background:var(--kpt-color-muted);color:var(--kpt-color-primary)}.kpt-rich-text__divider{width:var(--kpt-border-width-thin, 1px);align-self:stretch;margin-inline:.2rem;background:var(--kpt-color-border)}.kpt-rich-text__style{display:inline-flex;align-items:center;gap:var(--kpt-space-1, .25rem);height:2rem;min-width:8rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-radius-sm, .25rem);background:var(--kpt-form-field-bg);color:var(--kpt-form-field-text);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);padding-inline:.5rem;cursor:pointer}.kpt-rich-text__style span{flex:1;text-align:start}.kpt-rich-text__style:hover:not(:disabled){border-color:var(--kpt-form-field-border-hover)}.kpt-rich-text__style.is-open{border-color:var(--kpt-form-field-border-focus)}.kpt-rich-text__style:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__style-caret{opacity:.6}.kpt-rich-text__editor{min-height:6rem;padding:var(--kpt-space-3, .75rem);font-size:var(--kpt-font-size-sm, .875rem);line-height:var(--kpt-font-line-height-normal, 1.5);color:var(--kpt-form-field-text);outline:none;overflow-y:auto}.kpt-rich-text__editor:empty:before{content:attr(data-placeholder);color:var(--kpt-form-field-placeholder)}.kpt-rich-text__editor a{color:var(--kpt-color-primary)}.kpt-rich-text__editor ul,.kpt-rich-text__editor ol{padding-inline-start:1.5rem}.kpt-rich-text__editor h1{font-size:1.6em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h2{font-size:1.4em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h3{font-size:1.2em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h4{font-size:1.05em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h5{font-size:.95em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h6{font-size:.85em;font-weight:600;margin:.4em 0;text-transform:uppercase}.kpt-rich-text__editor blockquote{margin:.4em 0;padding-inline-start:.75rem;border-inline-start:3px solid var(--kpt-color-border-strong);color:var(--kpt-color-on-surface-muted)}.kpt-rich-text__editor .kpt-rt-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.5em 0}.kpt-rich-text__editor .kpt-rt-table td,.kpt-rich-text__editor .kpt-rt-table th{border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);padding:.35rem .5rem;min-width:2rem;vertical-align:top;overflow-wrap:anywhere}.kpt-rich-text__editor .kpt-rt-table th{background:var(--kpt-color-surface-variant);font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-rich-text__editor .kpt-rt-table .kpt-rt-cell-sel{box-shadow:inset 0 0 0 2px var(--kpt-color-primary);background:color-mix(in oklch,var(--kpt-color-primary) 12%,transparent)}.kpt-rich-text__editor.is-col-resize{cursor:col-resize}.kpt-rich-text__source{display:block;width:100%;box-sizing:border-box;min-height:6rem;padding:var(--kpt-space-3, .75rem);border:0;background:var(--kpt-color-surface-variant);color:var(--kpt-form-field-text);font-family:var(--kpt-font-family-mono, ui-monospace, monospace);font-size:var(--kpt-font-size-xs, .75rem);line-height:var(--kpt-font-line-height-normal, 1.5);resize:vertical;outline:none}.kpt-rich-text__style-panel{min-width:11rem;margin:0;padding:.25rem;list-style:none;background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3);max-height:20rem;overflow-y:auto}.kpt-rich-text__style-opt{padding:.35rem .6rem;border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface);cursor:pointer;line-height:1.2}.kpt-rich-text__style-opt:hover{background:var(--kpt-color-muted)}.kpt-rich-text__style-opt.is-selected{background:var(--kpt-color-muted);color:var(--kpt-color-primary)}.kpt-rich-text__style-opt--p{font-size:.95rem}.kpt-rich-text__style-opt--h1{font-size:1.7rem;font-weight:700}.kpt-rich-text__style-opt--h2{font-size:1.45rem;font-weight:700}.kpt-rich-text__style-opt--h3{font-size:1.25rem;font-weight:600}.kpt-rich-text__style-opt--h4{font-size:1.1rem;font-weight:600}.kpt-rich-text__style-opt--h5{font-size:1rem;font-weight:600}.kpt-rich-text__style-opt--h6{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpt-rich-text__palette{padding:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3)}.kpt-rich-text__swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.kpt-rich-text__swatch{width:1.4rem;height:1.4rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-sm, .25rem);cursor:pointer}.kpt-rich-text__swatch:hover{transform:scale(1.1)}.kpt-rich-text__picker{display:flex;align-items:center;justify-content:space-between;gap:var(--kpt-space-2, .5rem);margin-top:var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface-muted)}.kpt-rich-text__picker input[type=color]{width:2rem;height:1.6rem;padding:0;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-sm, .25rem);background:none;cursor:pointer}.kpt-rt-grid-pop{padding:var(--kpt-space-2, .5rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3)}.kpt-rt-grid{display:flex;flex-direction:column;gap:3px}.kpt-rt-grid__row{display:flex;gap:3px}.kpt-rt-grid__cell{width:1rem;height:1rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:2px;cursor:pointer}.kpt-rt-grid__cell.is-on{background:var(--kpt-color-primary);border-color:var(--kpt-color-primary)}.kpt-rt-grid__label{margin-top:var(--kpt-space-2, .5rem);text-align:center;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted)}.kpt-rt-menu{min-width:12rem;padding:.25rem;background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-rt-menu__group{padding:.3rem .6rem .15rem;font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.03em;color:var(--kpt-color-on-surface-muted)}.kpt-rt-menu__item{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);width:100%;padding:.4rem .6rem;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);font:inherit;text-align:start;cursor:pointer}.kpt-rt-menu__item:hover{background:var(--kpt-color-muted)}.kpt-rt-menu__item kpt-icon{color:var(--kpt-color-on-surface-muted)}.kpt-rt-menu__item--danger{color:var(--kpt-color-danger)}.kpt-rt-menu__item--danger kpt-icon{color:var(--kpt-color-danger)}.kpt-rt-menu__item.is-disabled{opacity:.4;pointer-events:none}.kpt-rt-menu__sep{height:1px;margin:.25rem 0;background:var(--kpt-color-border)}.kpt-rt-border{display:flex;flex-direction:column;gap:var(--kpt-space-2, .5rem);padding:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3)}.kpt-rt-border__seg{display:flex;gap:2px;padding:2px;background:var(--kpt-color-surface-variant);border-radius:var(--kpt-radius-md, .5rem)}.kpt-rt-border__seg button{flex:1;border:0;background:none;padding:.25rem .5rem;border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface-muted);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);cursor:pointer}.kpt-rt-border__seg button.is-active{background:var(--kpt-color-surface-raised);color:var(--kpt-color-on-surface);font-weight:var(--kpt-font-weight-medium, 500);box-shadow:var(--kpt-elevation-1)}.kpt-rt-border__widths{display:flex;gap:.25rem}.kpt-rt-border__widths button{flex:1;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);background:none;padding:.25rem .3rem;border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface);font:inherit;font-size:var(--kpt-font-size-xs, .75rem);cursor:pointer}.kpt-rt-border__widths button:hover{background:var(--kpt-color-muted)}}\n"] }]
-    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], editor: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRichText, { className: "KptRichText", filePath: "lib/rich-text/rich-text.component.ts", lineNumber: 121 }); })();
+        args: [{ selector: 'kpt-rich-text', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon, CdkOverlayOrigin, CdkConnectedOverlay, NgTemplateOutlet, KptTooltip], host: { class: 'kpt-rich-text-host' }, template: "<div class=\"kpt-rich-text\" [class.kpt-rich-text--invalid]=\"showInvalid()\" [class.kpt-rich-text--disabled]=\"disabled()\">\n  <div class=\"kpt-rich-text__toolbar\" role=\"toolbar\">\n    @for (section of sections(); track $index; let firstSection = $first) {\n      @if (!firstSection) {\n        <span class=\"kpt-rich-text__divider\" aria-hidden=\"true\"></span>\n      }\n      @for (item of section; track item) {\n        @switch (item) {\n          @case ('heading') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__style\"\n              cdkOverlayOrigin\n              #styleOrigin=\"cdkOverlayOrigin\"\n              [class.is-open]=\"styleOpen()\"\n              [disabled]=\"disabled()\"\n              [attr.aria-label]=\"aria(item)\"\n              [attr.aria-expanded]=\"styleOpen()\"\n              [kptTooltip]=\"aria(item)\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"openStyle()\"\n            >\n              <span>{{ styleLabel() }}</span>\n              <kpt-icon name=\"chevron-down\" class=\"kpt-rich-text__style-caret\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"styleOrigin\"\n              [cdkConnectedOverlayOpen]=\"styleOpen()\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeStyle()\"\n              (detach)=\"closeStyle()\"\n            >\n              <ul class=\"kpt-rich-text__style-panel\" role=\"listbox\">\n                @for (o of styleOptions(); track o.tag) {\n                  <li\n                    class=\"kpt-rich-text__style-opt\"\n                    [class]=\"'kpt-rich-text__style-opt kpt-rich-text__style-opt--' + o.tag\"\n                    role=\"option\"\n                    [attr.aria-selected]=\"currentBlock() === o.tag\"\n                    [class.is-selected]=\"currentBlock() === o.tag\"\n                    (click)=\"pickStyle(o.tag)\"\n                  >{{ o.label }}</li>\n                }\n              </ul>\n            </ng-template>\n          }\n          @case ('foreColor') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool kpt-rich-text__tool--color\"\n              cdkOverlayOrigin\n              #foreOrigin=\"cdkOverlayOrigin\"\n              [attr.aria-label]=\"aria(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"openColor('foreColor')\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"foreOrigin\"\n              [cdkConnectedOverlayOpen]=\"colorOpen() && colorKind() === 'foreColor'\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeColor()\"\n              (detach)=\"closeColor()\"\n            >\n              <ng-container [ngTemplateOutlet]=\"paletteTpl\" />\n            </ng-template>\n          }\n          @case ('backColor') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool kpt-rich-text__tool--color\"\n              cdkOverlayOrigin\n              #backOrigin=\"cdkOverlayOrigin\"\n              [attr.aria-label]=\"aria(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"openColor('backColor')\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"backOrigin\"\n              [cdkConnectedOverlayOpen]=\"colorOpen() && colorKind() === 'backColor'\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeColor()\"\n              (detach)=\"closeColor()\"\n            >\n              <ng-container [ngTemplateOutlet]=\"paletteTpl\" />\n            </ng-template>\n          }\n          @case ('table') {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool\"\n              cdkOverlayOrigin\n              #tableOrigin=\"cdkOverlayOrigin\"\n              [class.is-active]=\"tableOpen()\"\n              [attr.aria-label]=\"aria(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled()\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"exec(item)\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"tableOrigin\"\n              [cdkConnectedOverlayOpen]=\"tableOpen()\"\n              [cdkConnectedOverlayPositions]=\"positions\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeTable()\"\n              (detach)=\"closeTable()\"\n            >\n              <div class=\"kpt-rt-grid-pop\" (mousedown)=\"$event.preventDefault()\">\n                <div class=\"kpt-rt-grid\" (mouseleave)=\"gridHover(0, 0)\">\n                  @for (r of gridRows; track r) {\n                    <div class=\"kpt-rt-grid__row\">\n                      @for (c of gridCols; track c) {\n                        <span\n                          class=\"kpt-rt-grid__cell\"\n                          [class.is-on]=\"r <= gridR() && c <= gridC()\"\n                          (mouseenter)=\"gridHover(r, c)\"\n                          (click)=\"insertTable(r, c)\"\n                        ></span>\n                      }\n                    </div>\n                  }\n                </div>\n                <div class=\"kpt-rt-grid__label\">{{ gridR() }} \u00D7 {{ gridC() }}</div>\n              </div>\n            </ng-template>\n          }\n          @default {\n            <button\n              type=\"button\"\n              class=\"kpt-rich-text__tool\"\n              [class.is-active]=\"isActive(item)\"\n              [attr.aria-label]=\"aria(item)\"\n              [attr.aria-pressed]=\"pressed(item)\"\n              [kptTooltip]=\"aria(item)\"\n              [disabled]=\"disabled() || !enabled(item)\"\n              (mousedown)=\"$event.preventDefault()\"\n              (click)=\"exec(item)\"\n            >\n              <kpt-icon [name]=\"icon(item)\" />\n            </button>\n          }\n        }\n      }\n    }\n  </div>\n  @if (sourceView()) {\n    <textarea\n      class=\"kpt-rich-text__source\"\n      [value]=\"value()\"\n      [disabled]=\"disabled()\"\n      spellcheck=\"false\"\n      [attr.aria-label]=\"i18n.t('richText.htmlSource')\"\n      (input)=\"onSource($event)\"\n      (blur)=\"touch.emit()\"\n    ></textarea>\n  } @else {\n    <div\n      #editor\n      class=\"kpt-rich-text__editor\"\n      [attr.contenteditable]=\"disabled() ? 'false' : 'true'\"\n      [attr.data-placeholder]=\"placeholder()\"\n      [attr.aria-invalid]=\"showInvalid() ? 'true' : null\"\n      role=\"textbox\"\n      aria-multiline=\"true\"\n      (input)=\"onInput()\"\n      (keydown)=\"onKeydown($event)\"\n      (paste)=\"onPaste($event)\"\n      (contextmenu)=\"onContextMenu($event)\"\n      (mousedown)=\"onEditorMouseDown($event)\"\n      (mousemove)=\"onEditorMouseMove($event)\"\n      (blur)=\"touch.emit()\"\n    ></div>\n  }\n\n  <!-- Menu kontekstowe tabeli (origin punktowy = pozycja kursora) -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"menuPoint()\"\n    [cdkConnectedOverlayOpen]=\"menuOpen()\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"closeMenu()\"\n    (detach)=\"closeMenu()\"\n  >\n    <div class=\"kpt-rt-menu\" (contextmenu)=\"$event.preventDefault()\">\n      <div class=\"kpt-rt-menu__group\">{{ i18n.t('richText.menu.column') }}</div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertColumn('left')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertLeft') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertColumn('right')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertRight') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"toggleHeaderColumn()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.headerColumn') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"deleteColumn()\"><kpt-icon name=\"trash\" /> {{ i18n.t('richText.menu.deleteColumn') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <div class=\"kpt-rt-menu__group\">{{ i18n.t('richText.menu.row') }}</div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertRow('above')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertAbove') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"insertRow('below')\"><kpt-icon name=\"plus\" /> {{ i18n.t('richText.menu.insertBelow') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"toggleHeaderRow()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.headerRow') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"deleteRow()\"><kpt-icon name=\"trash\" /> {{ i18n.t('richText.menu.deleteRow') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <div class=\"kpt-rt-menu__group\">{{ i18n.t('richText.menu.cell') }}</div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"openCellBg()\"><kpt-icon name=\"palette\" /> {{ i18n.t('richText.menu.cellBackground') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"alignCell('left')\"><kpt-icon name=\"align-left\" /> {{ i18n.t('richText.menu.alignLeft') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"alignCell('center')\"><kpt-icon name=\"align-center\" /> {{ i18n.t('richText.menu.alignCenter') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"alignCell('right')\"><kpt-icon name=\"align-right\" /> {{ i18n.t('richText.menu.alignRight') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" [class.is-disabled]=\"!canMerge()\" (click)=\"mergeCells()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.mergeCells') }}</button>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" [class.is-disabled]=\"!canSplit()\" (click)=\"splitCell()\"><kpt-icon name=\"grip-vertical\" /> {{ i18n.t('richText.menu.splitCell') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <button type=\"button\" class=\"kpt-rt-menu__item\" (click)=\"openBorder()\"><kpt-icon name=\"table\" /> {{ i18n.t('richText.menu.border') }}</button>\n      <div class=\"kpt-rt-menu__sep\"></div>\n      <button type=\"button\" class=\"kpt-rt-menu__item kpt-rt-menu__item--danger\" (click)=\"deleteTable()\"><kpt-icon name=\"trash\" /> {{ i18n.t('richText.menu.deleteTable') }}</button>\n    </div>\n  </ng-template>\n\n  <!-- Popover obramowania (tabela / kom\u00F3rka) -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"menuPoint()\"\n    [cdkConnectedOverlayOpen]=\"borderOpen()\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"closeBorder()\"\n    (detach)=\"closeBorder()\"\n  >\n    <div class=\"kpt-rt-border\" (mousedown)=\"$event.preventDefault()\">\n      <div class=\"kpt-rt-border__seg\">\n        <button type=\"button\" [class.is-active]=\"borderTarget() === 'table'\" (click)=\"borderTarget.set('table')\">{{ i18n.t('richText.border.table') }}</button>\n        <button type=\"button\" [class.is-active]=\"borderTarget() === 'cell'\" (click)=\"borderTarget.set('cell')\">{{ i18n.t('richText.border.cell') }}</button>\n      </div>\n      <div class=\"kpt-rt-border__widths\">\n        <button type=\"button\" (click)=\"setBorderWidth('none')\">{{ i18n.t('richText.border.none') }}</button>\n        <button type=\"button\" (click)=\"setBorderWidth('thin')\">{{ i18n.t('richText.border.thin') }}</button>\n        <button type=\"button\" (click)=\"setBorderWidth('medium')\">{{ i18n.t('richText.border.medium') }}</button>\n        <button type=\"button\" (click)=\"setBorderWidth('thick')\">{{ i18n.t('richText.border.thick') }}</button>\n      </div>\n      <div class=\"kpt-rich-text__swatches\">\n        @for (c of swatches; track c) {\n          <button type=\"button\" class=\"kpt-rich-text__swatch\" [style.background]=\"c\" [attr.aria-label]=\"c\" (click)=\"setBorderColor(c)\"></button>\n        }\n      </div>\n      <label class=\"kpt-rich-text__picker\">\n        <span>{{ i18n.t('richText.border.customColor') }}</span>\n        <input type=\"color\" (input)=\"onBorderColorInput($event)\" />\n      </label>\n    </div>\n  </ng-template>\n\n  <!-- Popover koloru t\u0142a kom\u00F3rki (z menu kontekstowego) -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"menuPoint()\"\n    [cdkConnectedOverlayOpen]=\"colorOpen() && colorKind() === 'cellBg'\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n    (backdropClick)=\"closeColor()\"\n    (detach)=\"closeColor()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"paletteTpl\" />\n  </ng-template>\n</div>\n\n<ng-template #paletteTpl>\n  <div class=\"kpt-rich-text__palette\" (mousedown)=\"$event.preventDefault()\">\n    <div class=\"kpt-rich-text__swatches\">\n      @for (c of swatches; track c) {\n        <button\n          type=\"button\"\n          class=\"kpt-rich-text__swatch\"\n          [style.background]=\"c\"\n          [attr.aria-label]=\"c\"\n          (click)=\"applyColor(c)\"\n        ></button>\n      }\n    </div>\n    <label class=\"kpt-rich-text__picker\">\n      <span>{{ i18n.t('richText.paletteCustom') }}</span>\n      <input type=\"color\" (input)=\"onColorInput($event)\" />\n    </label>\n  </div>\n</ng-template>\n", styles: ["@layer kpt.components{.kpt-rich-text-host{display:block}.kpt-rich-text{border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);overflow:hidden;background:var(--kpt-form-field-bg)}.kpt-rich-text:focus-within{border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-rich-text--invalid{border-color:var(--kpt-form-field-border-error)}.kpt-rich-text--disabled{opacity:.6}.kpt-rich-text__toolbar{display:flex;flex-wrap:wrap;gap:.15rem;padding:.3rem;border-bottom:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);background:var(--kpt-color-surface-variant)}.kpt-rich-text__tool{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);cursor:pointer;font-size:1.05rem}.kpt-rich-text__tool:hover:not(:disabled){background:var(--kpt-color-muted)}.kpt-rich-text__tool:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__tool.is-active{background:var(--kpt-color-muted);color:var(--kpt-color-primary)}.kpt-rich-text__divider{width:var(--kpt-border-width-thin, 1px);align-self:stretch;margin-inline:.2rem;background:var(--kpt-color-border)}.kpt-rich-text__style{display:inline-flex;align-items:center;gap:var(--kpt-space-1, .25rem);height:2rem;min-width:8rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-radius-sm, .25rem);background:var(--kpt-form-field-bg);color:var(--kpt-form-field-text);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);padding-inline:.5rem;cursor:pointer}.kpt-rich-text__style span{flex:1;text-align:start}.kpt-rich-text__style:hover:not(:disabled){border-color:var(--kpt-form-field-border-hover)}.kpt-rich-text__style.is-open{border-color:var(--kpt-form-field-border-focus)}.kpt-rich-text__style:disabled{opacity:.5;cursor:not-allowed}.kpt-rich-text__style-caret{opacity:.6}.kpt-rich-text__editor{min-height:6rem;padding:var(--kpt-space-3, .75rem);font-size:var(--kpt-font-size-sm, .875rem);line-height:var(--kpt-font-line-height-normal, 1.5);color:var(--kpt-form-field-text);outline:none;overflow-y:auto}.kpt-rich-text__editor:empty:before{content:attr(data-placeholder);color:var(--kpt-form-field-placeholder)}.kpt-rich-text__editor a{color:var(--kpt-color-primary)}.kpt-rich-text__editor ul,.kpt-rich-text__editor ol{padding-inline-start:1.5rem}.kpt-rich-text__editor ul{list-style-type:disc}.kpt-rich-text__editor ul ul{list-style-type:circle}.kpt-rich-text__editor ul ul ul{list-style-type:square}.kpt-rich-text__editor ul ul ul ul{list-style-type:disc}.kpt-rich-text__editor ul ul ul ul ul{list-style-type:circle}.kpt-rich-text__editor ul ul ul ul ul ul{list-style-type:square}.kpt-rich-text__editor ol{list-style-type:decimal}.kpt-rich-text__editor ol ol{list-style-type:lower-alpha}.kpt-rich-text__editor ol ol ol{list-style-type:lower-roman}.kpt-rich-text__editor ol ol ol ol{list-style-type:decimal}.kpt-rich-text__editor ol ol ol ol ol{list-style-type:lower-alpha}.kpt-rich-text__editor ol ol ol ol ol ol{list-style-type:lower-roman}.kpt-rich-text__editor h1{font-size:1.6em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h2{font-size:1.4em;font-weight:700;margin:.4em 0}.kpt-rich-text__editor h3{font-size:1.2em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h4{font-size:1.05em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h5{font-size:.95em;font-weight:600;margin:.4em 0}.kpt-rich-text__editor h6{font-size:.85em;font-weight:600;margin:.4em 0;text-transform:uppercase}.kpt-rich-text__editor blockquote{margin:.4em 0;padding-inline-start:.75rem;border-inline-start:3px solid var(--kpt-color-border-strong);color:var(--kpt-color-on-surface-muted)}.kpt-rich-text__editor .kpt-rt-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.5em 0}.kpt-rich-text__editor .kpt-rt-table td,.kpt-rich-text__editor .kpt-rt-table th{border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);padding:.35rem .5rem;min-width:2rem;vertical-align:top;overflow-wrap:anywhere}.kpt-rich-text__editor .kpt-rt-table th{background:var(--kpt-color-surface-variant);font-weight:var(--kpt-font-weight-semibold, 600)}.kpt-rich-text__editor .kpt-rt-table .kpt-rt-cell-sel{box-shadow:inset 0 0 0 2px var(--kpt-color-primary);background:color-mix(in oklch,var(--kpt-color-primary) 12%,transparent)}.kpt-rich-text__editor.is-col-resize{cursor:col-resize}.kpt-rich-text__source{display:block;width:100%;box-sizing:border-box;min-height:6rem;padding:var(--kpt-space-3, .75rem);border:0;background:var(--kpt-color-surface-variant);color:var(--kpt-form-field-text);font-family:var(--kpt-font-family-mono, ui-monospace, monospace);font-size:var(--kpt-font-size-xs, .75rem);line-height:var(--kpt-font-line-height-normal, 1.5);resize:vertical;outline:none}.kpt-rich-text__style-panel{min-width:11rem;margin:0;padding:.25rem;list-style:none;background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3);max-height:20rem;overflow-y:auto}.kpt-rich-text__style-opt{padding:.35rem .6rem;border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface);cursor:pointer;line-height:1.2}.kpt-rich-text__style-opt:hover{background:var(--kpt-color-muted)}.kpt-rich-text__style-opt.is-selected{background:var(--kpt-color-muted);color:var(--kpt-color-primary)}.kpt-rich-text__style-opt--p{font-size:.95rem}.kpt-rich-text__style-opt--h1{font-size:1.7rem;font-weight:700}.kpt-rich-text__style-opt--h2{font-size:1.45rem;font-weight:700}.kpt-rich-text__style-opt--h3{font-size:1.25rem;font-weight:600}.kpt-rich-text__style-opt--h4{font-size:1.1rem;font-weight:600}.kpt-rich-text__style-opt--h5{font-size:1rem;font-weight:600}.kpt-rich-text__style-opt--h6{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpt-rich-text__palette{padding:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3)}.kpt-rich-text__swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.kpt-rich-text__swatch{width:1.4rem;height:1.4rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-sm, .25rem);cursor:pointer}.kpt-rich-text__swatch:hover{transform:scale(1.1)}.kpt-rich-text__picker{display:flex;align-items:center;justify-content:space-between;gap:var(--kpt-space-2, .5rem);margin-top:var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface-muted)}.kpt-rich-text__picker input[type=color]{width:2rem;height:1.6rem;padding:0;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-sm, .25rem);background:none;cursor:pointer}.kpt-rt-grid-pop{padding:var(--kpt-space-2, .5rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3)}.kpt-rt-grid{display:flex;flex-direction:column;gap:3px}.kpt-rt-grid__row{display:flex;gap:3px}.kpt-rt-grid__cell{width:1rem;height:1rem;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:2px;cursor:pointer}.kpt-rt-grid__cell.is-on{background:var(--kpt-color-primary);border-color:var(--kpt-color-primary)}.kpt-rt-grid__label{margin-top:var(--kpt-space-2, .5rem);text-align:center;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted)}.kpt-rt-menu{min-width:12rem;padding:.25rem;background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-rt-menu__group{padding:.3rem .6rem .15rem;font-size:var(--kpt-font-size-xs, .75rem);font-weight:var(--kpt-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.03em;color:var(--kpt-color-on-surface-muted)}.kpt-rt-menu__item{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);width:100%;padding:.4rem .6rem;border:0;border-radius:var(--kpt-radius-sm, .25rem);background:none;color:var(--kpt-color-on-surface);font:inherit;text-align:start;cursor:pointer}.kpt-rt-menu__item:hover{background:var(--kpt-color-muted)}.kpt-rt-menu__item kpt-icon{color:var(--kpt-color-on-surface-muted)}.kpt-rt-menu__item--danger{color:var(--kpt-color-danger)}.kpt-rt-menu__item--danger kpt-icon{color:var(--kpt-color-danger)}.kpt-rt-menu__item.is-disabled{opacity:.4;pointer-events:none}.kpt-rt-menu__sep{height:1px;margin:.25rem 0;background:var(--kpt-color-border)}.kpt-rt-border{display:flex;flex-direction:column;gap:var(--kpt-space-2, .5rem);padding:var(--kpt-space-3, .75rem);background:var(--kpt-color-surface-raised);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);box-shadow:var(--kpt-elevation-3)}.kpt-rt-border__seg{display:flex;gap:2px;padding:2px;background:var(--kpt-color-surface-variant);border-radius:var(--kpt-radius-md, .5rem)}.kpt-rt-border__seg button{flex:1;border:0;background:none;padding:.25rem .5rem;border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface-muted);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);cursor:pointer}.kpt-rt-border__seg button.is-active{background:var(--kpt-color-surface-raised);color:var(--kpt-color-on-surface);font-weight:var(--kpt-font-weight-medium, 500);box-shadow:var(--kpt-elevation-1)}.kpt-rt-border__widths{display:flex;gap:.25rem}.kpt-rt-border__widths button{flex:1;border:var(--kpt-border-width-thin, 1px) solid var(--kpt-color-border);background:none;padding:.25rem .3rem;border-radius:var(--kpt-radius-sm, .25rem);color:var(--kpt-color-on-surface);font:inherit;font-size:var(--kpt-font-size-xs, .75rem);cursor:pointer}.kpt-rt-border__widths button:hover{background:var(--kpt-color-muted)}}\n"] }]
+    }], () => [], { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], maxListLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxListLevel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }], editor: [{ type: i0.ViewChild, args: ['editor', { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRichText, { className: "KptRichText", filePath: "lib/rich-text/rich-text.component.ts", lineNumber: 135 }); })();
 
 function KptSlider_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "span", 5);
@@ -5773,7 +6118,7 @@ class KptRating {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptRating, { className: "KptRating", filePath: "lib/rating/rating.component.ts", lineNumber: 46 }); })();
 
-const _forTrack0$6 = ($index, $item) => $item.name;
+const _forTrack0$7 = ($index, $item) => $item.name;
 function KptFileUpload_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
     i0.ɵɵtext(1);
@@ -5809,7 +6154,7 @@ function KptFileUpload_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function KptFileUpload_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 6);
-    i0.ɵɵrepeaterCreate(1, KptFileUpload_Conditional_6_For_2_Template, 8, 3, "li", 7, _forTrack0$6);
+    i0.ɵɵrepeaterCreate(1, KptFileUpload_Conditional_6_For_2_Template, 8, 3, "li", 7, _forTrack0$7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -6023,7 +6368,7 @@ class KptColorPicker {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptColorPicker, { className: "KptColorPicker", filePath: "lib/color-picker/color-picker.component.ts", lineNumber: 52 }); })();
 
-const _forTrack0$5 = ($index, $item) => $item.key;
+const _forTrack0$6 = ($index, $item) => $item.key;
 const _forTrack1$1 = ($index, $item) => $item.iso;
 function KptDateRange_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 2);
@@ -6243,7 +6588,7 @@ function KptDateRange_ng_template_7_Conditional_2_Conditional_3_Template(rf, ctx
 } }
 function KptDateRange_ng_template_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵrepeaterCreate(1, KptDateRange_ng_template_7_Conditional_2_For_2_Template, 14, 3, "div", 18, _forTrack0$5);
+    i0.ɵɵrepeaterCreate(1, KptDateRange_ng_template_7_Conditional_2_For_2_Template, 14, 3, "div", 18, _forTrack0$6);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, KptDateRange_ng_template_7_Conditional_2_Conditional_3_Template, 10, 8);
 } if (rf & 2) {
@@ -6706,7 +7051,7 @@ class KptInputNumber {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], showButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtons", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptInputNumber, { className: "KptInputNumber", filePath: "lib/input-number/input-number.component.ts", lineNumber: 53 }); })();
 
-const _c0$s = () => [0, 1, 2, 3];
+const _c0$t = () => [0, 1, 2, 3];
 function KptPassword_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 8);
 } if (rf & 2) {
@@ -6725,10 +7070,11 @@ function KptPassword_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵattribute("data-score", ctx_r1.strength().score);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(2, _c0$s));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(2, _c0$t));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.strength().label);
 } }
+let nextUniqueId$1 = 0;
 /**
  * Pole hasła z przełącznikiem widoczności i opcjonalnym miernikiem siły. Signal Forms.
  *
@@ -6741,6 +7087,15 @@ class KptPassword {
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.placeholder = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Id natywnego pola — pozwala związać etykietę przez `kpt-form-field [controlId]`. */
+        this.id = input(`kpt-password-${++nextUniqueId$1}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        /**
+         * Podpowiedź autouzupełniania. Rejestracja i reset hasła wymagają `new-password` — inaczej
+         * menedżer haseł podstawia stare hasło zamiast zaproponować nowe.
+         */
+        this.autocomplete = input('current-password', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
         this.feedback = input(false, { ...(ngDevMode ? { debugName: "feedback" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         this.invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -6769,7 +7124,7 @@ class KptPassword {
         ...(ngDevMode ? [{ debugName: "strength" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptPassword_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptPassword)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptPassword, selectors: [["kpt-password"]], hostAttrs: [1, "kpt-password-host"], inputs: { value: [1, "value"], placeholder: [1, "placeholder"], feedback: [1, "feedback"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 5, vars: 12, consts: [[1, "kpt-password"], ["autocomplete", "current-password", 1, "kpt-password__input", 3, "input", "blur", "type", "value", "disabled", "placeholder"], ["type", "button", 1, "kpt-password__toggle", 3, "click", "disabled"], [3, "name"], [1, "kpt-password__meter"], [1, "kpt-password__bars"], [1, "kpt-password__bar", 3, "is-on"], [1, "kpt-password__hint"], [1, "kpt-password__bar"]], template: function KptPassword_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptPassword, selectors: [["kpt-password"]], hostAttrs: [1, "kpt-password-host"], inputs: { value: [1, "value"], placeholder: [1, "placeholder"], id: [1, "id"], autocomplete: [1, "autocomplete"], feedback: [1, "feedback"], disabled: [1, "disabled"], invalid: [1, "invalid"], touched: [1, "touched"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 5, vars: 14, consts: [[1, "kpt-password"], [1, "kpt-password__input", 3, "input", "blur", "id", "type", "value", "disabled", "placeholder"], ["type", "button", 1, "kpt-password__toggle", 3, "click", "disabled"], [3, "name"], [1, "kpt-password__meter"], [1, "kpt-password__bars"], [1, "kpt-password__bar", 3, "is-on"], [1, "kpt-password__hint"], [1, "kpt-password__bar"]], template: function KptPassword_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "input", 1);
             i0.ɵɵlistener("input", function KptPassword_Template_input_input_1_listener($event) { return ctx.value.set($event.target.value); })("blur", function KptPassword_Template_input_blur_1_listener() { return ctx.touch.emit(); });
             i0.ɵɵelementEnd();
@@ -6781,7 +7136,8 @@ class KptPassword {
         } if (rf & 2) {
             i0.ɵɵclassProp("kpt-password--disabled", ctx.disabled())("kpt-password--invalid", ctx.showInvalid());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("type", ctx.visible() ? "text" : "password")("value", ctx.value())("disabled", ctx.disabled())("placeholder", ctx.placeholder());
+            i0.ɵɵproperty("id", ctx.id())("type", ctx.visible() ? "text" : "password")("value", ctx.value())("disabled", ctx.disabled())("placeholder", ctx.placeholder());
+            i0.ɵɵattribute("autocomplete", ctx.autocomplete());
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.disabled());
             i0.ɵɵattribute("aria-label", ctx.visible() ? ctx.i18n.t("password.hide") : ctx.i18n.t("password.show"));
@@ -6797,11 +7153,12 @@ class KptPassword {
     <div class="kpt-password" [class.kpt-password--disabled]="disabled()" [class.kpt-password--invalid]="showInvalid()">
       <input
         class="kpt-password__input"
+        [id]="id()"
         [type]="visible() ? 'text' : 'password'"
         [value]="value()"
         [disabled]="disabled()"
         [placeholder]="placeholder()"
-        autocomplete="current-password"
+        [attr.autocomplete]="autocomplete()"
         (input)="value.set($any($event.target).value)"
         (blur)="touch.emit()"
       />
@@ -6820,8 +7177,8 @@ class KptPassword {
       </div>
     }
   `, host: { class: 'kpt-password-host' }, styles: ["@layer kpt.components{.kpt-password-host{display:block}.kpt-password{display:flex;align-items:center;width:100%;height:2.5rem;box-sizing:border-box;padding-inline:var(--kpt-space-3, .75rem);gap:var(--kpt-space-2, .5rem);border:var(--kpt-border-width-thin, 1px) solid var(--kpt-form-field-border);border-radius:var(--kpt-form-field-radius, .5rem);background:var(--kpt-form-field-bg)}.kpt-password:focus-within:not(.kpt-password--disabled){border-color:var(--kpt-form-field-border-focus);box-shadow:0 0 0 2px color-mix(in oklch,var(--kpt-form-field-border-focus) 30%,transparent)}.kpt-password--invalid{border-color:var(--kpt-form-field-border-error)}.kpt-password--disabled{opacity:.6;background:var(--kpt-color-surface-variant)}.kpt-password__input{flex:1;min-width:0;border:0;background:none;color:var(--kpt-form-field-text);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-password__input:focus{outline:none}.kpt-password__input::placeholder{color:var(--kpt-form-field-placeholder)}.kpt-password__toggle{display:inline-flex;border:0;background:none;padding:0;cursor:pointer;color:var(--kpt-color-on-surface-muted)}.kpt-password__toggle:hover:not(:disabled){color:var(--kpt-color-on-surface)}.kpt-password__meter{margin-top:var(--kpt-space-2, .5rem);display:flex;align-items:center;gap:var(--kpt-space-2, .5rem)}.kpt-password__bars{display:flex;gap:4px;flex:1}.kpt-password__bar{height:4px;flex:1;border-radius:2px;background:var(--kpt-color-border);transition:background .15s}.kpt-password__hint{font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted)}.kpt-password__meter[data-score=\"1\"] .kpt-password__bar.is-on{background:var(--kpt-color-danger)}.kpt-password__meter[data-score=\"2\"] .kpt-password__bar.is-on{background:var(--kpt-color-warning)}.kpt-password__meter[data-score=\"3\"] .kpt-password__bar.is-on{background:var(--kpt-color-info)}.kpt-password__meter[data-score=\"4\"] .kpt-password__bar.is-on{background:var(--kpt-color-success)}}\n"] }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], feedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedback", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptPassword, { className: "KptPassword", filePath: "lib/password/password.component.ts", lineNumber: 52 }); })();
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], feedback: [{ type: i0.Input, args: [{ isSignal: true, alias: "feedback", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptPassword, { className: "KptPassword", filePath: "lib/password/password.component.ts", lineNumber: 55 }); })();
 
 function KptInputOtp_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -7120,7 +7477,7 @@ class KptInputMask {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptInputMask, { className: "KptInputMask", filePath: "lib/input-mask/input-mask.component.ts", lineNumber: 36 }); })();
 
-const _forTrack0$4 = ($index, $item) => $item.value;
+const _forTrack0$5 = ($index, $item) => $item.value;
 function KptListbox_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1);
@@ -7217,7 +7574,7 @@ class KptListbox {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, KptListbox_Conditional_1_Template, 3, 2, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵrepeaterCreate(3, KptListbox_For_4_Template, 4, 6, "button", 3, _forTrack0$4, false, KptListbox_ForEmpty_5_Template, 2, 1, "div", 4);
+            i0.ɵɵrepeaterCreate(3, KptListbox_For_4_Template, 4, 6, "button", 3, _forTrack0$5, false, KptListbox_ForEmpty_5_Template, 2, 1, "div", 4);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassProp("kpt-listbox--invalid", ctx.showInvalid());
@@ -7436,8 +7793,8 @@ class KptKnob {
     }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], stroke: [{ type: i0.Input, args: [{ isSignal: true, alias: "stroke", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptKnob, { className: "KptKnob", filePath: "lib/knob/knob.component.ts", lineNumber: 45 }); })();
 
-const _c0$r = ["*", [["", "kptCardFooter", ""]]];
-const _c1$a = ["*", "[kptCardFooter]"];
+const _c0$s = ["*", [["", "kptCardFooter", ""]]];
+const _c1$b = ["*", "[kptCardFooter]"];
 function KptCard_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵdomElementStart(0, "div", 0);
     i0.ɵɵtext(1);
@@ -7474,8 +7831,8 @@ class KptCard {
     static { this.ɵfac = function KptCard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptCard)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptCard, selectors: [["kpt-card"]], hostAttrs: [1, "kpt-card"], hostVars: 1, hostBindings: function KptCard_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-variant", ctx.variant());
-        } }, inputs: { variant: [1, "variant"], header: [1, "header"], flush: [1, "flush"] }, ngContentSelectors: _c1$a, decls: 4, vars: 3, consts: [[1, "kpt-card__header"], [1, "kpt-card__body"]], template: function KptCard_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$r);
+        } }, inputs: { variant: [1, "variant"], header: [1, "header"], flush: [1, "flush"] }, ngContentSelectors: _c1$b, decls: 4, vars: 3, consts: [[1, "kpt-card__header"], [1, "kpt-card__body"]], template: function KptCard_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$s);
             i0.ɵɵconditionalCreate(0, KptCard_Conditional_0_Template, 2, 1, "div", 0);
             i0.ɵɵdomElementStart(1, "div", 1);
             i0.ɵɵprojection(2);
@@ -7530,7 +7887,7 @@ class KptDivider {
     }], null, { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDivider, { className: "KptDivider", filePath: "lib/divider/divider.component.ts", lineNumber: 27 }); })();
 
-const _c0$q = ["*"];
+const _c0$r = ["*"];
 /**
  * Górny pasek (toolbar) — pozioma belka na treść aplikacji (logo, akcje).
  * Elementowi z atrybutem `kptToolbarSpacer` nadaj elastyczny odstęp, aby rozepchnąć zawartość.
@@ -7558,7 +7915,7 @@ class KptToolbar {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptToolbar, selectors: [["kpt-toolbar"]], hostAttrs: [1, "kpt-toolbar"], hostVars: 3, hostBindings: function KptToolbar_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("data-wrap", ctx.wrap() ? "" : null);
             i0.ɵɵclassProp("kpt-toolbar--elevated", ctx.elevated());
-        } }, inputs: { elevated: [1, "elevated"], wrap: [1, "wrap"] }, ngContentSelectors: _c0$q, decls: 1, vars: 0, template: function KptToolbar_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { elevated: [1, "elevated"], wrap: [1, "wrap"] }, ngContentSelectors: _c0$r, decls: 1, vars: 0, template: function KptToolbar_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["@layer kpt.components{.kpt-toolbar{--%NS%_kpt-toolbar-height: var(--%NS%kpt-toolbar-height, 3.5rem);--%NS%_kpt-toolbar-padding-inline: var(--%NS%kpt-space-4, 1rem);--%NS%_kpt-toolbar-gap: var(--%NS%kpt-space-3, .75rem);display:flex;align-items:center;gap:var(--%NS%_kpt-toolbar-gap);min-height:var(--%NS%_kpt-toolbar-height);padding-inline:var(--%NS%_kpt-toolbar-padding-inline);background:var(--%NS%kpt-toolbar-bg);color:var(--%NS%kpt-toolbar-fg);border-bottom:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-toolbar-border);min-inline-size:0}.kpt-toolbar--elevated{box-shadow:var(--%NS%kpt-elevation-1)}.kpt-toolbar [kptToolbarSpacer]{flex:1 1 auto;min-inline-size:0}.kpt-toolbar[data-wrap]{flex-wrap:wrap;row-gap:var(--%NS%kpt-space-2, .5rem);padding-block:var(--%NS%kpt-space-2, .5rem)}@media(max-width:639.98px){.kpt-toolbar{--%NS%_kpt-toolbar-height: var(--%NS%kpt-toolbar-height-compact, 3rem);--%NS%_kpt-toolbar-padding-inline: var(--%NS%kpt-space-3, .75rem);--%NS%_kpt-toolbar-gap: var(--%NS%kpt-space-2, .5rem)}}}\n"], encapsulation: 2 }); }
@@ -7573,8 +7930,8 @@ class KptToolbar {
     }], null, { elevated: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevated", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptToolbar, { className: "KptToolbar", filePath: "lib/toolbar/toolbar.component.ts", lineNumber: 27 }); })();
 
-const _c0$p = ["*", [["", "kptSidenavFooter", ""]]];
-const _c1$9 = ["*", "[kptSidenavFooter]"];
+const _c0$q = ["*", [["", "kptSidenavFooter", ""]]];
+const _c1$a = ["*", "[kptSidenavFooter]"];
 /**
  * Panel boczny (sidenav) — stylowany kontener nawigacji, zwykle umieszczany w slocie
  * `kptShellSidenav` komponentu `kpt-app-shell`.
@@ -7594,8 +7951,8 @@ const _c1$9 = ["*", "[kptSidenavFooter]"];
  */
 class KptSidenav {
     static { this.ɵfac = function KptSidenav_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSidenav)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSidenav, selectors: [["kpt-sidenav"]], hostAttrs: [1, "kpt-sidenav"], ngContentSelectors: _c1$9, decls: 3, vars: 0, consts: [[1, "kpt-sidenav__scroll"]], template: function KptSidenav_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$p);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSidenav, selectors: [["kpt-sidenav"]], hostAttrs: [1, "kpt-sidenav"], ngContentSelectors: _c1$a, decls: 3, vars: 0, consts: [[1, "kpt-sidenav__scroll"]], template: function KptSidenav_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$q);
             i0.ɵɵdomElementStart(0, "div", 0);
             i0.ɵɵprojection(1);
             i0.ɵɵdomElementEnd();
@@ -7608,8 +7965,8 @@ class KptSidenav {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptSidenav, { className: "KptSidenav", filePath: "lib/sidenav/sidenav.component.ts", lineNumber: 30 }); })();
 
-const _c0$o = [[["", "kptShellToolbar", ""]], [["", "kptShellSidenav", ""]], "*"];
-const _c1$8 = ["[kptShellToolbar]", "[kptShellSidenav]", "*"];
+const _c0$p = [[["", "kptShellToolbar", ""]], [["", "kptShellSidenav", ""]], "*"];
+const _c1$9 = ["[kptShellToolbar]", "[kptShellSidenav]", "*"];
 /**
  * Szkielet aplikacji: pasek u góry, panel boczny i treść. Sloty projekcji:
  * `[kptShellToolbar]`, `[kptShellSidenav]` oraz treść domyślna.
@@ -7729,8 +8086,8 @@ class KptAppShell {
         } if (rf & 2) {
             i0.ɵɵattribute("data-sidenav-mode", ctx.sidenavMode())("data-sidenav-breakpoint", ctx.sidenavBreakpoint())("data-sidenav-rail", ctx.sidenavRailBreakpoint());
             i0.ɵɵclassProp("kpt-app-shell--nav-open", ctx.sidenavOpen())("kpt-app-shell--nav-compact-open", ctx.sidenavCompactOpen());
-        } }, inputs: { sidenavOpen: [1, "sidenavOpen"], sidenavCompactOpen: [1, "sidenavCompactOpen"], sidenavMode: [1, "sidenavMode"], sidenavBreakpoint: [1, "sidenavBreakpoint"], sidenavRailBreakpoint: [1, "sidenavRailBreakpoint"], sidenavLabel: [1, "sidenavLabel"] }, outputs: { sidenavOpen: "sidenavOpenChange", sidenavCompactOpen: "sidenavCompactOpenChange" }, ngContentSelectors: _c1$8, decls: 7, vars: 3, consts: [[1, "kpt-app-shell__body"], ["role", "navigation", "tabindex", "-1", 1, "kpt-app-shell__sidenav", 3, "id"], ["aria-hidden", "true", 1, "kpt-app-shell__scrim", 3, "click"], [1, "kpt-app-shell__content"]], template: function KptAppShell_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$o);
+        } }, inputs: { sidenavOpen: [1, "sidenavOpen"], sidenavCompactOpen: [1, "sidenavCompactOpen"], sidenavMode: [1, "sidenavMode"], sidenavBreakpoint: [1, "sidenavBreakpoint"], sidenavRailBreakpoint: [1, "sidenavRailBreakpoint"], sidenavLabel: [1, "sidenavLabel"] }, outputs: { sidenavOpen: "sidenavOpenChange", sidenavCompactOpen: "sidenavCompactOpenChange" }, ngContentSelectors: _c1$9, decls: 7, vars: 3, consts: [[1, "kpt-app-shell__body"], ["role", "navigation", "tabindex", "-1", 1, "kpt-app-shell__sidenav", 3, "id"], ["aria-hidden", "true", 1, "kpt-app-shell__scrim", 3, "click"], [1, "kpt-app-shell__content"]], template: function KptAppShell_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$p);
             i0.ɵɵprojection(0);
             i0.ɵɵdomElementStart(1, "div", 0)(2, "aside", 1);
             i0.ɵɵprojection(3, 1);
@@ -7813,75 +8170,841 @@ class KptShellNavToggle {
             }]
     }], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptShellNavToggle", required: false }] }] }); })();
 
-const _c0$n = [[["", "kptPanelActions", ""]], "*"];
-const _c1$7 = ["[kptPanelActions]", "*"];
-function KptPanel_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 8);
-    i0.ɵɵlistener("click", function KptPanel_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.collapsed.set(!ctx_r1.collapsed())); });
-    i0.ɵɵelement(1, "kpt-icon", 9);
+const _c0$o = ["*"];
+function KptAlert_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("aria-expanded", !ctx_r1.collapsed())("aria-label", ctx_r1.i18n.t("panel.toggle"));
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("name", ctx_r1.collapsed() ? "chevron-down" : "chevron-up");
+    i0.ɵɵtextInterpolate(ctx_r0.title());
+} }
+function KptAlert_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function KptAlert_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.dismiss()); });
+    i0.ɵɵelement(1, "kpt-icon", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", ctx_r0.i18n.t("common.close"));
 } }
 /**
- * Panel z nagłówkiem i opcjonalnym zwijaniem. Akcje nagłówka: atrybut `kptPanelActions`.
+ * Komunikat inline (alert). Warianty info/success/warning/danger, opcjonalny tytuł i zamykanie.
  *
  * @example
- * <kpt-panel header="Ustawienia" toggleable>Treść…</kpt-panel>
+ * <kpt-alert variant="success" title="Zapisano">Zmiany zostały zapisane.</kpt-alert>
  */
-class KptPanel {
+class KptAlert {
     constructor() {
-        this.header = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
-        this.toggleable = input(false, { ...(ngDevMode ? { debugName: "toggleable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.collapsed = model(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
-        this.animated = input(true, { ...(ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.animationDuration = input(500, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+        this.variant = input('info', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.closed = output();
         this.i18n = inject(KptI18n);
+        this.visible = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = function KptPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptPanel)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptPanel, selectors: [["kpt-panel"]], hostAttrs: [1, "kpt-panel-host"], hostVars: 2, hostBindings: function KptPanel_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵstyleProp("--%NS%kpt-anim-duration", (ctx.animated() ? ctx.animationDuration() : 0) + "ms");
-        } }, inputs: { header: [1, "header"], toggleable: [1, "toggleable"], collapsed: [1, "collapsed"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, outputs: { collapsed: "collapsedChange" }, ngContentSelectors: _c1$7, decls: 11, vars: 6, consts: [[1, "kpt-panel"], [1, "kpt-panel__header"], [1, "kpt-panel__title"], [1, "kpt-panel__actions"], ["type", "button", 1, "kpt-panel__toggle"], [1, "kpt-panel__collapse"], [1, "kpt-panel__collapse-inner"], [1, "kpt-panel__body"], ["type", "button", 1, "kpt-panel__toggle", 3, "click"], [3, "name"]], template: function KptPanel_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$n);
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "span", 3);
+    iconName() {
+        return { info: 'info', success: 'circle-check', warning: 'alert-triangle', danger: 'circle-x' }[this.variant()];
+    }
+    dismiss() {
+        this.visible.set(false);
+        this.closed.emit();
+    }
+    static { this.ɵfac = function KptAlert_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptAlert)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptAlert, selectors: [["kpt-alert"]], hostAttrs: [1, "kpt-alert-host"], hostVars: 1, hostBindings: function KptAlert_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵdomProperty("hidden", !ctx.visible());
+        } }, inputs: { variant: [1, "variant"], title: [1, "title"], dismissible: [1, "dismissible"] }, outputs: { closed: "closed" }, ngContentSelectors: _c0$o, decls: 7, vars: 4, consts: [["role", "alert", 1, "kpt-alert"], [1, "kpt-alert__icon", 3, "name"], [1, "kpt-alert__content"], [1, "kpt-alert__title"], [1, "kpt-alert__message"], ["type", "button", 1, "kpt-alert__close"], ["type", "button", 1, "kpt-alert__close", 3, "click"], ["name", "x"]], template: function KptAlert_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "kpt-icon", 1);
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵconditionalCreate(3, KptAlert_Conditional_3_Template, 2, 1, "div", 3);
+            i0.ɵɵelementStart(4, "div", 4);
             i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(6, KptAlert_Conditional_6_Template, 2, 1, "button", 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(6, KptPanel_Conditional_6_Template, 2, 3, "button", 4);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "div", 7);
-            i0.ɵɵprojection(10, 1);
-            i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.header());
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.toggleable() ? 6 : -1);
+            i0.ɵɵattribute("data-variant", ctx.variant());
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("is-open", !ctx.collapsed());
-            i0.ɵɵattribute("inert", ctx.collapsed() ? "" : null)("aria-hidden", ctx.collapsed());
-        } }, dependencies: [KptIcon], styles: ["@layer kpt.components{.kpt-panel-host{display:block}.kpt-panel{border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);background:var(--%NS%kpt-color-surface-raised);overflow:hidden}.kpt-panel__header{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-3, .75rem) var(--%NS%kpt-space-4, 1rem);background:var(--%NS%kpt-color-surface-variant);border-bottom:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border)}.kpt-panel__title{font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-panel__actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--%NS%kpt-space-1, .25rem)}.kpt-panel__toggle{display:inline-flex;border:0;background:none;padding:0;cursor:pointer;color:var(--%NS%kpt-color-on-surface-muted)}.kpt-panel__toggle:hover{color:var(--%NS%kpt-color-on-surface)}.kpt-panel__collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--%NS%kpt-anim-duration, .5s) var(--%NS%kpt-motion-easing-standard)}.kpt-panel__collapse.is-open{grid-template-rows:1fr}.kpt-panel__collapse-inner{overflow:hidden;min-height:0}.kpt-panel__body{padding:var(--%NS%kpt-space-4, 1rem)}@media(prefers-reduced-motion:reduce){.kpt-panel__collapse{transition:none}}}\n"], encapsulation: 2 }); }
+            i0.ɵɵproperty("name", ctx.iconName());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.title() ? 3 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.dismissible() ? 6 : -1);
+        } }, dependencies: [KptIcon], styles: ["@layer kpt.components{.kpt-alert{--%NS%_accent: var(--%NS%kpt-color-info);display:flex;align-items:flex-start;gap:var(--%NS%kpt-space-3, .75rem);padding:var(--%NS%kpt-space-3, .75rem) var(--%NS%kpt-space-4, 1rem);border:var(--%NS%kpt-border-width-thin, 1px) solid color-mix(in oklch,var(--%NS%_accent) 35%,transparent);border-inline-start:3px solid var(--%NS%_accent);border-radius:var(--%NS%kpt-radius-md, .5rem);background:color-mix(in oklch,var(--%NS%_accent) 10%,var(--%NS%kpt-color-surface));color:var(--%NS%kpt-color-on-surface);font-size:var(--%NS%kpt-font-size-sm, .875rem)}.kpt-alert[data-variant=success]{--%NS%_accent: var(--%NS%kpt-color-success)}.kpt-alert[data-variant=warning]{--%NS%_accent: var(--%NS%kpt-color-warning)}.kpt-alert[data-variant=danger]{--%NS%_accent: var(--%NS%kpt-color-danger)}.kpt-alert__icon{color:var(--%NS%_accent);font-weight:700;line-height:1.5}.kpt-alert__content{flex:1;min-width:0}.kpt-alert__title{font-weight:var(--%NS%kpt-font-weight-semibold, 600);margin-bottom:.15rem}.kpt-alert__close{background:none;border:0;cursor:pointer;color:var(--%NS%kpt-color-on-surface-muted);font-size:1.15rem;line-height:1;padding:0}.kpt-alert__close:hover{color:var(--%NS%kpt-color-on-surface)}}\n"], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptPanel, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptAlert, [{
         type: Component,
-        args: [{ selector: 'kpt-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon], template: `
-    <div class="kpt-panel">
-      <div class="kpt-panel__header">
-        <span class="kpt-panel__title">{{ header() }}</span>
-        <span class="kpt-panel__actions"><ng-content select="[kptPanelActions]" /></span>
-        @if (toggleable()) {
-          <button type="button" class="kpt-panel__toggle" (click)="collapsed.set(!collapsed())" [attr.aria-expanded]="!collapsed()" [attr.aria-label]="i18n.t('panel.toggle')">
-            <kpt-icon [name]="collapsed() ? 'chevron-down' : 'chevron-up'" />
-          </button>
+        args: [{ selector: 'kpt-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon], template: `
+    <div class="kpt-alert" [attr.data-variant]="variant()" role="alert">
+      <kpt-icon class="kpt-alert__icon" [name]="iconName()" />
+      <div class="kpt-alert__content">
+        @if (title()) {
+          <div class="kpt-alert__title">{{ title() }}</div>
+        }
+        <div class="kpt-alert__message"><ng-content /></div>
+      </div>
+      @if (dismissible()) {
+        <button class="kpt-alert__close" type="button" (click)="dismiss()" [attr.aria-label]="i18n.t('common.close')"><kpt-icon name="x" /></button>
+      }
+    </div>
+  `, host: { class: 'kpt-alert-host', '[hidden]': '!visible()' }, styles: ["@layer kpt.components{.kpt-alert{--_accent: var(--kpt-color-info);display:flex;align-items:flex-start;gap:var(--kpt-space-3, .75rem);padding:var(--kpt-space-3, .75rem) var(--kpt-space-4, 1rem);border:var(--kpt-border-width-thin, 1px) solid color-mix(in oklch,var(--_accent) 35%,transparent);border-inline-start:3px solid var(--_accent);border-radius:var(--kpt-radius-md, .5rem);background:color-mix(in oklch,var(--_accent) 10%,var(--kpt-color-surface));color:var(--kpt-color-on-surface);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-alert[data-variant=success]{--_accent: var(--kpt-color-success)}.kpt-alert[data-variant=warning]{--_accent: var(--kpt-color-warning)}.kpt-alert[data-variant=danger]{--_accent: var(--kpt-color-danger)}.kpt-alert__icon{color:var(--_accent);font-weight:700;line-height:1.5}.kpt-alert__content{flex:1;min-width:0}.kpt-alert__title{font-weight:var(--kpt-font-weight-semibold, 600);margin-bottom:.15rem}.kpt-alert__close{background:none;border:0;cursor:pointer;color:var(--kpt-color-on-surface-muted);font-size:1.15rem;line-height:1;padding:0}.kpt-alert__close:hover{color:var(--kpt-color-on-surface)}}\n"] }]
+    }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAlert, { className: "KptAlert", filePath: "lib/alert/alert.component.ts", lineNumber: 45 }); })();
+
+/**
+ * Własny szablon przycisku jednego dostawcy logowania w `kpt-auth`. Kontekst: `$implicit` =
+ * obiekt dostawcy, `select` = funkcja zgłaszająca wybór (emituje `providerSelect`).
+ *
+ * Przydatne, gdy logo marki nie przechodzi przez rejestr ikon (gradienty i `fill-rule` są
+ * wycinane przy sanityzacji) albo gdy przycisk ma mieć inny układ niż wbudowany.
+ *
+ * @example
+ * <kpt-auth [providers]="providers">
+ *   <ng-template kptAuthProvider="google" let-p let-select="select">
+ *     <button type="button" class="my-google" (click)="select()">
+ *       <img src="/google.svg" alt="" /> {{ p.label }}
+ *     </button>
+ *   </ng-template>
+ * </kpt-auth>
+ */
+class KptAuthProviderDef {
+    constructor() {
+        /** Identyfikator dostawcy, dla którego obowiązuje szablon. */
+        this.kptAuthProvider = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "kptAuthProvider" }] : /* istanbul ignore next */ []));
+        this.template = inject(TemplateRef);
+    }
+    static { this.ɵfac = function KptAuthProviderDef_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptAuthProviderDef)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: KptAuthProviderDef, selectors: [["ng-template", "kptAuthProvider", ""]], inputs: { kptAuthProvider: [1, "kptAuthProvider"] } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptAuthProviderDef, [{
+        type: Directive,
+        args: [{
+                selector: 'ng-template[kptAuthProvider]',
+            }]
+    }], null, { kptAuthProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "kptAuthProvider", required: true }] }] }); })();
+
+const _c0$n = ["heading"];
+const _c1$8 = [[["", "kptAuthBrand", ""]], [["", "kptAuthFooter", ""]], [["", "kptAuthPromo", ""]], [["", "kptAuthFields", ""]], [["", "kptAuthFields", ""]], [["", "kptAuthSso", ""]]];
+const _c2$3 = ["[kptAuthBrand]", "[kptAuthFooter]", "[kptAuthPromo]", "[kptAuthFields]", "[kptAuthFields]", "[kptAuthSso]"];
+const _c3$1 = () => ({ min: 8 });
+const _c4$1 = a0 => ({ provider: a0 });
+const _forTrack0$4 = ($index, $item) => $item.id;
+function KptAuth_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kpt-alert", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.error());
+} }
+function KptAuth_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kpt-alert", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.notice());
+} }
+function KptAuth_Case_13_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kpt-checkbox", 22);
+    i0.ɵɵcontrolCreate();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("formField", ctx_r0.signInForm.remember)("label", ctx_r0.i18n.t("auth.remember"));
+    i0.ɵɵcontrol();
+} }
+function KptAuth_Case_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span");
+} }
+function KptAuth_Case_13_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 17);
+    i0.ɵɵlistener("submit", function KptAuth_Case_13_Template_form_submit_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSignIn()); });
+    i0.ɵɵelementStart(1, "kpt-form-field", 18);
+    i0.ɵɵelement(2, "kpt-input", 19);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kpt-form-field", 18);
+    i0.ɵɵelement(4, "kpt-password", 20);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+    i0.ɵɵprojection(5, 3);
+    i0.ɵɵelementStart(6, "div", 21);
+    i0.ɵɵconditionalCreate(7, KptAuth_Case_13_Conditional_7_Template, 1, 2, "kpt-checkbox", 22)(8, KptAuth_Case_13_Conditional_8_Template, 1, 0, "span");
+    i0.ɵɵelementStart(9, "button", 23);
+    i0.ɵɵlistener("click", function KptAuth_Case_13_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setMode("forgot")); });
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "kpt-button", 24);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formRoot", ctx_r0.signInForm);
+    i0.ɵɵattribute("aria-labelledby", ctx_r0.ids.signIn);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.email"))("error", ctx_r0.signInEmailError())("controlId", ctx_r0.ids.email);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signInForm.email)("id", ctx_r0.ids.email)("placeholder", ctx_r0.i18n.t("auth.emailPlaceholder"));
+    i0.ɵɵcontrol();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.password"))("error", ctx_r0.signInPasswordError())("controlId", ctx_r0.ids.password);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signInForm.password)("id", ctx_r0.ids.password);
+    i0.ɵɵcontrol();
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.showRemember() ? 7 : 8);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.i18n.t("auth.forgotLink"), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("loading", ctx_r0.busy())("disabled", ctx_r0.signInInvalid());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.i18n.t("auth.signInSubmit"), " ");
+} }
+function KptAuth_Case_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kpt-form-field", 18);
+    i0.ɵɵelement(1, "kpt-input", 29);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.name"))("error", ctx_r0.signUpNameError())("controlId", ctx_r0.ids.name);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signUpForm.name)("id", ctx_r0.ids.name);
+    i0.ɵɵcontrol();
+} }
+function KptAuth_Case_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kpt-form-field", 28);
+    i0.ɵɵelement(1, "kpt-checkbox", 22);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("error", ctx_r0.signUpTermsError());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signUpForm.terms)("label", ctx_r0.i18n.t("auth.terms"));
+    i0.ɵɵcontrol();
+} }
+function KptAuth_Case_14_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 17);
+    i0.ɵɵlistener("submit", function KptAuth_Case_14_Template_form_submit_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSignUp()); });
+    i0.ɵɵconditionalCreate(1, KptAuth_Case_14_Conditional_1_Template, 2, 5, "kpt-form-field", 18);
+    i0.ɵɵelementStart(2, "kpt-form-field", 18);
+    i0.ɵɵelement(3, "kpt-input", 19);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kpt-form-field", 25);
+    i0.ɵɵelement(5, "kpt-password", 26);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "kpt-form-field", 18);
+    i0.ɵɵelement(7, "kpt-password", 27);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+    i0.ɵɵprojection(8, 4);
+    i0.ɵɵconditionalCreate(9, KptAuth_Case_14_Conditional_9_Template, 2, 3, "kpt-form-field", 28);
+    i0.ɵɵelementStart(10, "kpt-button", 24);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formRoot", ctx_r0.signUpForm);
+    i0.ɵɵattribute("aria-labelledby", ctx_r0.ids.signUp);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.showName() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.email"))("error", ctx_r0.signUpEmailError())("controlId", ctx_r0.ids.regEmail);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signUpForm.email)("id", ctx_r0.ids.regEmail)("placeholder", ctx_r0.i18n.t("auth.emailPlaceholder"));
+    i0.ɵɵcontrol();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.password"))("error", ctx_r0.signUpPasswordError())("hint", ctx_r0.i18n.t("auth.passwordHint", i0.ɵɵpureFunction0(24, _c3$1)))("controlId", ctx_r0.ids.regPassword);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signUpForm.password)("id", ctx_r0.ids.regPassword);
+    i0.ɵɵcontrol();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.confirmPassword"))("error", ctx_r0.signUpConfirmError())("controlId", ctx_r0.ids.regConfirm);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.signUpForm.confirm)("id", ctx_r0.ids.regConfirm);
+    i0.ɵɵcontrol();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.requireTerms() ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("loading", ctx_r0.busy())("disabled", ctx_r0.signUpInvalid());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.i18n.t("auth.signUpSubmit"), " ");
+} }
+function KptAuth_Case_15_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 17);
+    i0.ɵɵlistener("submit", function KptAuth_Case_15_Template_form_submit_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onReset()); });
+    i0.ɵɵelementStart(1, "kpt-form-field", 18);
+    i0.ɵɵelement(2, "kpt-input", 19);
+    i0.ɵɵcontrolCreate();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kpt-button", 24);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 30);
+    i0.ɵɵlistener("click", function KptAuth_Case_15_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setMode("signIn")); });
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formRoot", ctx_r0.resetForm);
+    i0.ɵɵattribute("aria-labelledby", ctx_r0.ids.forgot);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r0.i18n.t("auth.email"))("error", ctx_r0.resetEmailError())("controlId", ctx_r0.ids.resetEmail);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formField", ctx_r0.resetForm.email)("id", ctx_r0.ids.resetEmail)("placeholder", ctx_r0.i18n.t("auth.emailPlaceholder"));
+    i0.ɵɵcontrol();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("loading", ctx_r0.busy())("disabled", ctx_r0.resetInvalid());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.i18n.t("auth.resetSubmit"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.i18n.t("auth.backToSignIn"), " ");
+} }
+function KptAuth_Conditional_16_Conditional_2_For_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 36);
+} if (rf & 2) {
+    const provider_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx)("ngTemplateOutletContext", ctx_r0.providerContext(provider_r6));
+} }
+function KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 39);
+} if (rf & 2) {
+    const provider_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("src", provider_r6.iconUrl, i0.ɵɵsanitizeUrl);
+} }
+function KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kpt-icon", 40);
+} if (rf & 2) {
+    const provider_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("name", provider_r6.icon);
+} }
+function KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const provider_r6 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(provider_r6.description);
+} }
+function KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 38);
+    i0.ɵɵlistener("click", function KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const provider_r6 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProvider(provider_r6)); });
+    i0.ɵɵconditionalCreate(1, KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Conditional_1_Template, 1, 1, "img", 39)(2, KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Conditional_2_Template, 1, 1, "kpt-icon", 40);
+    i0.ɵɵelementStart(3, "span", 41);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Conditional_5_Template, 2, 1, "span", 42);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const provider_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("disabled", ctx_r0.busy());
+    i0.ɵɵattribute("aria-label", ctx_r0.i18n.t("auth.continueWith", i0.ɵɵpureFunction1(5, _c4$1, provider_r6.label)));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(provider_r6.iconUrl ? 1 : provider_r6.icon ? 2 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(provider_r6.label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(provider_r6.description && ctx_r0.providerLayout() === "list" ? 5 : -1);
+} }
+function KptAuth_Conditional_16_Conditional_2_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, KptAuth_Conditional_16_Conditional_2_For_5_Conditional_0_Template, 1, 2, "ng-container", 36)(1, KptAuth_Conditional_16_Conditional_2_For_5_Conditional_1_Template, 6, 7, "button", 37);
+} if (rf & 2) {
+    let tmp_13_0;
+    const provider_r6 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional((tmp_13_0 = ctx_r0.templateFor(provider_r6)) ? 0 : 1, tmp_13_0);
+} }
+function KptAuth_Conditional_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33)(1, "span", 34);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "div", 35);
+    i0.ɵɵrepeaterCreate(4, KptAuth_Conditional_16_Conditional_2_For_5_Template, 2, 1, null, null, _forTrack0$4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-label", ctx_r0.i18n.t("auth.orContinueWith"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.i18n.t("auth.orContinueWith"));
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-layout", ctx_r0.providerLayout());
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.providers());
+} }
+function KptAuth_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵprojection(1, 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(2, KptAuth_Conditional_16_Conditional_2_Template, 6, 3);
+    i0.ɵɵelementStart(3, "p", 32);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementStart(5, "button", 23);
+    i0.ɵɵlistener("click", function KptAuth_Conditional_16_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setMode(ctx_r0.signUpActive() ? "signIn" : "signUp")); });
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.providers().length > 0 ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.signUpActive() ? ctx_r0.i18n.t("auth.haveAccount") : ctx_r0.i18n.t("auth.noAccount"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.signUpActive() ? ctx_r0.i18n.t("auth.signInSwitch") : ctx_r0.i18n.t("auth.signUpSwitch"), " ");
+} }
+function KptAuth_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.promoHeading());
+} }
+function KptAuth_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.promoBody());
+} }
+function KptAuth_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kpt-button", 43);
+    i0.ɵɵlistener("click", function KptAuth_Conditional_24_Template_kpt_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setMode(ctx_r0.promoMode())); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.promoMode() === "signUp" ? ctx_r0.i18n.t("auth.signUpSwitch") : ctx_r0.i18n.t("auth.signInSwitch"), " ");
+} }
+/** Minimalna długość hasła w rejestracji. */
+const MIN_PASSWORD = 8;
+let nextUniqueId = 0;
+/**
+ * Ekran uwierzytelniania: logowanie, rejestracja i odzyskiwanie hasła w jednym komponencie,
+ * z panelem promocyjnym i listą dostawców zewnętrznych (OAuth/SSO).
+ *
+ * Komponent jest prezentacyjny — nie woła API ani nie nawiguje. Wywołania backendu podpina
+ * aplikacja pod `signIn` / `signUp` / `resetPassword` / `providerSelect`, a stan operacji
+ * podaje z powrotem przez `busy`, `error` i `notice`.
+ *
+ * Układ `slider` przesuwa panel promocyjny nad formularzami przy zmianie trybu; `split`
+ * zostawia go nieruchomo i przełącza sam formularz. Poniżej breakpointu `md` oba układy
+ * schodzą do jednej kolumny.
+ *
+ * @example
+ * <kpt-auth
+ *   [providers]="[{ id: 'google', label: 'Google', icon: 'brand-google' }]"
+ *   [busy]="loading()"
+ *   [error]="serverError()"
+ *   (signIn)="login($event)"
+ *   (providerSelect)="oauth($event.id)"
+ * >
+ *   <img kptAuthBrand src="/logo.svg" alt="Konce" />
+ *   <div kptAuthPromo><h3>Witaj ponownie</h3><p>Zaloguj się, by wrócić do pracy.</p></div>
+ * </kpt-auth>
+ */
+class KptAuth {
+    constructor() {
+        /** Aktywny tryb ekranu (dwukierunkowy — aplikacja może go wymusić po nawigacji). */
+        this.mode = model('signIn', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        /** Układ: przesuwany panel promocyjny albo nieruchomy split-screen. */
+        this.layout = input('slider', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+        /** Dostawcy logowania zewnętrznego. */
+        this.providers = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "providers" }] : /* istanbul ignore next */ []));
+        /** Układ przycisków dostawców: lista pełnej szerokości albo siatka ikon. */
+        this.providerLayout = input('list', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "providerLayout" }] : /* istanbul ignore next */ []));
+        /** Pole „imię i nazwisko" w rejestracji. */
+        this.showName = input(true, { ...(ngDevMode ? { debugName: "showName" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Wymagana zgoda na regulamin w rejestracji. */
+        this.requireTerms = input(true, { ...(ngDevMode ? { debugName: "requireTerms" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Przełącznik „zapamiętaj mnie" przy logowaniu. */
+        this.showRemember = input(true, { ...(ngDevMode ? { debugName: "showRemember" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Operacja w toku — przyciski w stanie ładowania, pola zablokowane. */
+        this.busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Komunikat błędu z serwera (np. „nieprawidłowe dane logowania"). */
+        this.error = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        /** Komunikat powodzenia (np. „wysłaliśmy link na podany adres"). */
+        this.notice = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "notice" }] : /* istanbul ignore next */ []));
+        /**
+         * Tytuł panelu promocyjnego. `null` (domyślnie) = tekst z i18n zależny od trybu,
+         * `''` = brak tytułu (miejsce dla slotu `[kptAuthPromo]`).
+         */
+        this.promoTitle = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "promoTitle" }] : /* istanbul ignore next */ []));
+        /** Tekst panelu promocyjnego; zasady jak w `promoTitle`. */
+        this.promoText = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "promoText" }] : /* istanbul ignore next */ []));
+        /** Animacja przejścia między trybami. */
+        this.animated = input(true, { ...(ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Czas animacji w ms. */
+        this.animationDuration = input(320, { ...(ngDevMode ? { debugName: "animationDuration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.signIn = output();
+        this.signUp = output();
+        this.resetPassword = output();
+        this.providerSelect = output();
+        this.i18n = inject(KptI18n);
+        this.injector = inject(Injector);
+        this.uid = ++nextUniqueId;
+        /** Nagłówek panelu dostaje fokus po zmianie trybu — inaczej zmiana nie zostaje ogłoszona. */
+        this.headings = viewChildren('heading', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headings" }] : /* istanbul ignore next */ []));
+        this.providerDefs = contentChildren(KptAuthProviderDef, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "providerDefs" }] : /* istanbul ignore next */ []));
+        this.ids = {
+            signIn: `kpt-auth-${this.uid}-signin`,
+            signUp: `kpt-auth-${this.uid}-signup`,
+            forgot: `kpt-auth-${this.uid}-forgot`,
+            email: `kpt-auth-${this.uid}-email`,
+            password: `kpt-auth-${this.uid}-password`,
+            name: `kpt-auth-${this.uid}-name`,
+            regEmail: `kpt-auth-${this.uid}-reg-email`,
+            regPassword: `kpt-auth-${this.uid}-reg-password`,
+            regConfirm: `kpt-auth-${this.uid}-reg-confirm`,
+            resetEmail: `kpt-auth-${this.uid}-reset-email`,
+        };
+        /** W trybie `signUp` formularz i panel promocyjny zamieniają się stronami. */
+        this.signUpActive = computed(() => this.mode() === 'signUp', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpActive" }] : /* istanbul ignore next */ []));
+        this.headingId = computed(() => this.ids[this.mode()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headingId" }] : /* istanbul ignore next */ []));
+        this.title = computed(() => this.i18n.t(`auth.${this.mode()}Title`), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.subtitle = computed(() => this.i18n.t(`auth.${this.mode()}Subtitle`), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "subtitle" }] : /* istanbul ignore next */ []));
+        /** Panel promocyjny zachęca do trybu przeciwnego do bieżącego. */
+        this.promoMode = computed(() => (this.signUpActive() ? 'signIn' : 'signUp'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "promoMode" }] : /* istanbul ignore next */ []));
+        this.promoHeading = computed(() => {
+            const custom = this.promoTitle();
+            return custom === null ? this.i18n.t(`auth.promo.${this.promoMode()}Title`) : custom;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "promoHeading" }] : /* istanbul ignore next */ []));
+        this.promoBody = computed(() => {
+            const custom = this.promoText();
+            return custom === null ? this.i18n.t(`auth.promo.${this.promoMode()}Text`) : custom;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "promoBody" }] : /* istanbul ignore next */ []));
+        // ── Formularze (po jednym na tryb; walidatory bezwarunkowe) ──
+        this.signInModel = signal({ email: '', password: '', remember: false }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signInModel" }] : /* istanbul ignore next */ []));
+        this.signInForm = form(this.signInModel, (p) => {
+            required(p.email);
+            email(p.email);
+            required(p.password);
+        });
+        this.signUpModel = signal({ name: '', email: '', password: '', confirm: '', terms: false }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpModel" }] : /* istanbul ignore next */ []));
+        this.signUpForm = form(this.signUpModel, (p) => {
+            // `when` zależy od konfiguracji komponentu (czy pole w ogóle istnieje), nie od stanu UI —
+            // ukryte pole nie może blokować formularza, a `valid()` nadal mówi prawdę.
+            required(p.name, { when: () => this.showName() });
+            required(p.email);
+            email(p.email);
+            required(p.password);
+            minLength(p.password, MIN_PASSWORD);
+            required(p.terms, { when: () => this.requireTerms() });
+            // Zgodność haseł jako błąd pola „powtórz hasło" — walidacja par idzie przez validateTree.
+            validateTree(p, (ctx) => {
+                const pass = ctx.valueOf(p.password);
+                const confirm = ctx.valueOf(p.confirm);
+                if (!confirm || pass === confirm)
+                    return null;
+                return { kind: 'mismatch', fieldTree: ctx.fieldTreeOf(p.confirm) };
+            });
+        });
+        this.resetModel = signal({ email: '' }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resetModel" }] : /* istanbul ignore next */ []));
+        this.resetForm = form(this.resetModel, (p) => {
+            required(p.email);
+            email(p.email);
+        });
+        this.signInInvalid = computed(() => this.signInForm().invalid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signInInvalid" }] : /* istanbul ignore next */ []));
+        this.signUpInvalid = computed(() => this.signUpForm().invalid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpInvalid" }] : /* istanbul ignore next */ []));
+        this.resetInvalid = computed(() => this.resetForm().invalid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resetInvalid" }] : /* istanbul ignore next */ []));
+        this.signInEmailError = computed(() => this.errorText(this.signInForm.email().errors(), this.signInForm.email().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signInEmailError" }] : /* istanbul ignore next */ []));
+        this.signInPasswordError = computed(() => this.errorText(this.signInForm.password().errors(), this.signInForm.password().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signInPasswordError" }] : /* istanbul ignore next */ []));
+        this.signUpNameError = computed(() => this.errorText(this.signUpForm.name().errors(), this.signUpForm.name().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpNameError" }] : /* istanbul ignore next */ []));
+        this.signUpEmailError = computed(() => this.errorText(this.signUpForm.email().errors(), this.signUpForm.email().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpEmailError" }] : /* istanbul ignore next */ []));
+        this.signUpPasswordError = computed(() => this.errorText(this.signUpForm.password().errors(), this.signUpForm.password().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpPasswordError" }] : /* istanbul ignore next */ []));
+        this.signUpConfirmError = computed(() => this.errorText(this.signUpForm.confirm().errors(), this.signUpForm.confirm().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpConfirmError" }] : /* istanbul ignore next */ []));
+        this.signUpTermsError = computed(() => this.errorText(this.signUpForm.terms().errors(), this.signUpForm.terms().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signUpTermsError" }] : /* istanbul ignore next */ []));
+        this.resetEmailError = computed(() => this.errorText(this.resetForm.email().errors(), this.resetForm.email().touched()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resetEmailError" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Komunikat błędu składamy z `kind` w chwili renderowania, a nie w walidatorze — dzięki temu
+     * zmiana języka w runtime przerysowuje komunikaty (walidatory tworzą się raz, przy starcie).
+     * Bramka „nie strasz czerwienią świeżego pola" żyje tu, w prezentacji.
+     */
+    errorText(errors, touched) {
+        if (!touched || errors.length === 0)
+            return null;
+        switch (errors[0].kind) {
+            case 'required':
+                return this.i18n.t('auth.errorRequired');
+            case 'email':
+                return this.i18n.t('auth.errorEmail');
+            case 'minLength':
+                return this.i18n.t('auth.errorMinLength', { min: MIN_PASSWORD });
+            case 'mismatch':
+                return this.i18n.t('auth.errorMismatch');
+            default:
+                return this.i18n.t('auth.errorInvalid');
+        }
+    }
+    // ── Tryby ──
+    setMode(mode) {
+        if (mode === this.mode())
+            return;
+        this.mode.set(mode);
+        // Fokus na nagłówku nowego trybu: bez tego czytnik nie ogłosi zmiany, a fokus zostaje
+        // na przycisku, który właśnie zjechał z ekranu. Musi to być `afterNextRender` —
+        // mikrozadanie wykonałoby się jeszcze przed przerysowaniem, na starym nagłówku.
+        afterNextRender(() => {
+            const heading = this.headings().find((h) => h.nativeElement.dataset['mode'] === mode);
+            heading?.nativeElement.focus();
+        }, { injector: this.injector });
+    }
+    // ── Submit ──
+    onSignIn() {
+        void submit(this.signInForm, {
+            action: async () => {
+                this.signIn.emit({ ...this.signInModel() });
+            },
+        });
+    }
+    onSignUp() {
+        void submit(this.signUpForm, {
+            action: async () => {
+                const { name, email: mail, password, terms } = this.signUpModel();
+                this.signUp.emit({ name, email: mail, password, terms });
+            },
+        });
+    }
+    onReset() {
+        void submit(this.resetForm, {
+            action: async () => {
+                this.resetPassword.emit({ ...this.resetModel() });
+            },
+        });
+    }
+    // ── Dostawcy ──
+    templateFor(provider) {
+        return this.providerDefs().find((def) => def.kptAuthProvider() === provider.id)?.template ?? null;
+    }
+    selectProvider(provider) {
+        if (this.busy())
+            return;
+        this.providerSelect.emit(provider);
+    }
+    /** Kontekst szablonu własnego dostawcy: `$implicit` = dostawca, `select` = zgłoszenie wyboru. */
+    providerContext(provider) {
+        return { $implicit: provider, select: () => this.selectProvider(provider) };
+    }
+    static { this.ɵfac = function KptAuth_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptAuth)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptAuth, selectors: [["kpt-auth"]], contentQueries: function KptAuth_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.providerDefs, KptAuthProviderDef, 4);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, viewQuery: function KptAuth_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.headings, _c0$n, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, hostAttrs: [1, "kpt-auth-host"], hostVars: 4, hostBindings: function KptAuth_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-layout", ctx.layout())("data-mode", ctx.mode());
+            i0.ɵɵstyleProp("--%NS%kpt-anim-duration", (ctx.animated() ? ctx.animationDuration() : 0) + "ms");
+        } }, inputs: { mode: [1, "mode"], layout: [1, "layout"], providers: [1, "providers"], providerLayout: [1, "providerLayout"], showName: [1, "showName"], requireTerms: [1, "requireTerms"], showRemember: [1, "showRemember"], busy: [1, "busy"], error: [1, "error"], notice: [1, "notice"], promoTitle: [1, "promoTitle"], promoText: [1, "promoText"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, outputs: { mode: "modeChange", signIn: "signIn", signUp: "signUp", resetPassword: "resetPassword", providerSelect: "providerSelect" }, ngContentSelectors: _c2$3, decls: 25, vars: 12, consts: [["heading", ""], [1, "kpt-auth"], [1, "kpt-auth__card"], [1, "kpt-auth__form-side"], [1, "kpt-auth__inner"], [1, "kpt-auth__brand"], ["tabindex", "-1", 1, "kpt-auth__title", 3, "id"], [1, "kpt-auth__subtitle"], ["variant", "danger"], ["variant", "success"], [1, "kpt-auth__form", 3, "formRoot"], [1, "kpt-auth__footer"], [1, "kpt-auth__promo"], [1, "kpt-auth__promo-inner"], [1, "kpt-auth__promo-title"], [1, "kpt-auth__promo-text"], ["variant", "outline", 1, "kpt-auth__promo-cta"], [1, "kpt-auth__form", 3, "submit", "formRoot"], ["required", "", 3, "label", "error", "controlId"], ["type", "email", "autocomplete", "email", 3, "formField", "id", "placeholder"], ["autocomplete", "current-password", 3, "formField", "id"], [1, "kpt-auth__row"], [3, "formField", "label"], ["type", "button", 1, "kpt-auth__link", 3, "click"], ["type", "submit", "fullWidth", "", 3, "loading", "disabled"], ["required", "", 3, "label", "error", "hint", "controlId"], ["autocomplete", "new-password", "feedback", "", 3, "formField", "id"], ["autocomplete", "new-password", 3, "formField", "id"], [3, "error"], ["autocomplete", "name", 3, "formField", "id"], ["type", "button", 1, "kpt-auth__link", "kpt-auth__link--center", 3, "click"], [1, "kpt-auth__sso"], [1, "kpt-auth__switch"], ["role", "separator", 1, "kpt-auth__separator"], [1, "kpt-auth__separator-text"], [1, "kpt-auth__providers"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "button", 1, "kpt-auth__provider", 3, "disabled"], ["type", "button", 1, "kpt-auth__provider", 3, "click", "disabled"], ["alt", "", 1, "kpt-auth__provider-logo", 3, "src"], [1, "kpt-auth__provider-logo", 3, "name"], [1, "kpt-auth__provider-label"], [1, "kpt-auth__provider-desc"], ["variant", "outline", 1, "kpt-auth__promo-cta", 3, "click"]], template: function KptAuth_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c1$8);
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "div", 5);
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "h2", 6, 0);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "p", 7);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(11, KptAuth_Conditional_11_Template, 2, 1, "kpt-alert", 8);
+            i0.ɵɵconditionalCreate(12, KptAuth_Conditional_12_Template, 2, 1, "kpt-alert", 9);
+            i0.ɵɵconditionalCreate(13, KptAuth_Case_13_Template, 13, 18, "form", 10)(14, KptAuth_Case_14_Template, 12, 25, "form", 10)(15, KptAuth_Case_15_Template, 7, 12, "form", 10);
+            i0.ɵɵconditionalCreate(16, KptAuth_Conditional_16_Template, 7, 3);
+            i0.ɵɵelementStart(17, "div", 11);
+            i0.ɵɵprojection(18, 1);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(19, "aside", 12)(20, "div", 13);
+            i0.ɵɵconditionalCreate(21, KptAuth_Conditional_21_Template, 2, 1, "p", 14);
+            i0.ɵɵconditionalCreate(22, KptAuth_Conditional_22_Template, 2, 1, "p", 15);
+            i0.ɵɵprojection(23, 2);
+            i0.ɵɵconditionalCreate(24, KptAuth_Conditional_24_Template, 2, 1, "kpt-button", 16);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            let tmp_8_0;
+            i0.ɵɵadvance(3);
+            i0.ɵɵattribute("data-mode", ctx.mode());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("id", ctx.headingId());
+            i0.ɵɵattribute("data-mode", ctx.mode());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", ctx.title(), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.subtitle());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.error() ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.notice() ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((tmp_8_0 = ctx.mode()) === "signIn" ? 13 : tmp_8_0 === "signUp" ? 14 : tmp_8_0 === "forgot" ? 15 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.mode() !== "forgot" ? 16 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.promoHeading() ? 21 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.promoBody() ? 22 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.mode() !== "forgot" ? 24 : -1);
+        } }, dependencies: [FormField,
+            FormRoot,
+            KptAlert,
+            KptButton,
+            KptCheckbox,
+            KptFormField,
+            KptIcon,
+            KptInput,
+            KptPassword,
+            NgTemplateOutlet], styles: ["@layer kpt.components{.kpt-auth-host{display:block;--%NS%_kpt-auth-duration: var(--%NS%kpt-anim-duration, var(--%NS%kpt-motion-duration-slow, .32s));--%NS%_kpt-auth-easing: var(--%NS%kpt-motion-easing-emphasized, cubic-bezier(.3, 0, 0, 1));--%NS%_kpt-auth-dir: 1}[dir=rtl] .kpt-auth-host{--%NS%_kpt-auth-dir: -1}.kpt-auth{display:flex;align-items:center;justify-content:center;min-block-size:var(--%NS%kpt-auth-min-height, 100vh);min-block-size:var(--%NS%kpt-auth-min-height, 100dvh);padding:var(--%NS%kpt-auth-padding, var(--%NS%kpt-space-4, 1rem));background:var(--%NS%kpt-color-surface)}.kpt-auth__card{position:relative;display:grid;inline-size:min(var(--%NS%kpt-auth-width, 64rem),100%);min-block-size:var(--%NS%kpt-auth-card-height, 34rem);overflow:hidden;background:var(--%NS%kpt-color-surface-raised);border:var(--%NS%kpt-auth-card-border, 1px solid var(--%NS%kpt-color-border));border-radius:var(--%NS%kpt-auth-card-radius, var(--%NS%kpt-radius-lg, .75rem));box-shadow:var(--%NS%kpt-auth-card-shadow, var(--%NS%kpt-elevation-3));grid-template-columns:1fr 1fr;grid-template-areas:\"form promo\"}.kpt-auth__form-side{grid-area:form;display:flex;align-items:center;justify-content:center;padding:var(--%NS%kpt-space-6, 1.5rem);overflow-y:auto}.kpt-auth__inner{inline-size:min(24rem,100%);display:flex;flex-direction:column;gap:var(--%NS%kpt-space-3, .75rem)}.kpt-auth__brand:empty,.kpt-auth__sso:empty,.kpt-auth__footer:empty{display:none}.kpt-auth__title{margin:0;font-size:var(--%NS%kpt-font-size-xl, 1.5rem);font-weight:var(--%NS%kpt-font-weight-bold, 700);color:var(--%NS%kpt-color-on-surface);outline:none}.kpt-auth__subtitle{margin:0;font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-auth__form{display:flex;flex-direction:column;gap:var(--%NS%kpt-space-3, .75rem);margin-block-start:var(--%NS%kpt-space-2, .5rem)}.kpt-auth__row{display:flex;align-items:center;justify-content:space-between;gap:var(--%NS%kpt-space-2, .5rem);flex-wrap:wrap}.kpt-auth__link{padding:0;font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-primary);background:none;border:0;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.kpt-auth__link:hover{color:var(--%NS%kpt-color-primary-hover)}.kpt-auth__link--center{align-self:center}.kpt-auth__separator{display:flex;align-items:center;gap:var(--%NS%kpt-space-3, .75rem);margin-block:var(--%NS%kpt-space-2, .5rem);font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-auth__separator:before,.kpt-auth__separator:after{content:\"\";flex:1;block-size:1px;background:var(--%NS%kpt-color-border)}.kpt-auth__providers{display:grid;gap:var(--%NS%kpt-space-2, .5rem)}.kpt-auth__providers[data-layout=grid]{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr))}.kpt-auth__provider{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-3, .75rem);font:inherit;font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface);background:var(--%NS%kpt-color-surface-raised);border:1px solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);cursor:pointer;transition:background-color var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard)}.kpt-auth__provider:hover:not(:disabled){background:var(--%NS%kpt-color-surface-hover)}.kpt-auth__provider:disabled{opacity:.6;cursor:not-allowed}.kpt-auth__provider-logo{font-size:1.25rem;inline-size:1.25rem;block-size:1.25rem;flex-shrink:0}.kpt-auth__provider-desc{margin-inline-start:auto;font-size:var(--%NS%kpt-font-size-xs, .75rem);color:var(--%NS%kpt-color-on-surface-muted)}.kpt-auth__providers[data-layout=grid] .kpt-auth__provider{flex-direction:column;gap:var(--%NS%kpt-space-1, .25rem);text-align:center}.kpt-auth__switch{margin:0;font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface-muted);text-align:center}.kpt-auth__promo{grid-area:promo;display:flex;align-items:center;justify-content:center;padding:var(--%NS%kpt-space-8, 2rem);color:var(--%NS%kpt-color-primary-contrast);background:var(--%NS%kpt-auth-promo-bg, linear-gradient(135deg, var(--%NS%kpt-color-primary), var(--%NS%kpt-color-primary-hover)))}.kpt-auth__promo-inner{display:flex;flex-direction:column;align-items:center;gap:var(--%NS%kpt-space-3, .75rem);text-align:center}.kpt-auth__promo-title{margin:0;font-size:var(--%NS%kpt-font-size-lg, 1.25rem);font-weight:var(--%NS%kpt-font-weight-bold, 700)}.kpt-auth__promo-text{margin:0;font-size:var(--%NS%kpt-font-size-sm, .875rem);opacity:.85}.kpt-auth__promo-cta .kpt-button{color:var(--%NS%kpt-color-primary-contrast);border-color:color-mix(in oklch,var(--%NS%kpt-color-primary-contrast) 60%,transparent);background:transparent}.kpt-auth__promo-cta .kpt-button:hover:not(:disabled){background:color-mix(in oklch,var(--%NS%kpt-color-primary-contrast) 12%,transparent)}.kpt-auth-host[data-layout=slider] .kpt-auth__promo,.kpt-auth-host[data-layout=slider] .kpt-auth__form-side{transition:transform var(--%NS%_kpt-auth-duration) var(--%NS%_kpt-auth-easing)}.kpt-auth-host[data-layout=slider][data-mode=signUp] .kpt-auth__promo{transform:translate(calc(var(--%NS%_kpt-auth-dir) * -100%))}.kpt-auth-host[data-layout=slider][data-mode=signUp] .kpt-auth__form-side{transform:translate(calc(var(--%NS%_kpt-auth-dir) * 100%))}.kpt-auth-host[data-layout=slider][data-mode=signIn] .kpt-auth__promo-inner{animation:kpt-auth-promo-start var(--%NS%_kpt-auth-duration) var(--%NS%_kpt-auth-easing)}.kpt-auth-host[data-layout=slider][data-mode=signUp] .kpt-auth__promo-inner{animation:kpt-auth-promo-end var(--%NS%_kpt-auth-duration) var(--%NS%_kpt-auth-easing)}@keyframes kpt-auth-promo-start{0%{transform:translate(calc(var(--%NS%_kpt-auth-dir) * -14%))}to{transform:none}}@keyframes kpt-auth-promo-end{0%{transform:translate(calc(var(--%NS%_kpt-auth-dir) * 14%))}to{transform:none}}@keyframes kpt-auth-enter{0%{opacity:0;transform:translate(calc(var(--%NS%_kpt-auth-dir) * 1.25rem))}to{opacity:1;transform:none}}.kpt-auth__inner{animation:kpt-auth-enter var(--%NS%_kpt-auth-duration) var(--%NS%kpt-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.kpt-auth__card{grid-template-columns:1fr;grid-template-areas:\"promo\" \"form\";min-block-size:0}.kpt-auth__promo{padding:var(--%NS%kpt-space-6, 1.5rem)}@media(min-width:768px){.kpt-auth__card{grid-template-columns:1fr 1fr;grid-template-areas:\"form promo\";min-block-size:var(--%NS%kpt-auth-card-height, 34rem)}.kpt-auth__promo{padding:var(--%NS%kpt-space-8, 2rem)}}@media(max-width:767px){.kpt-auth-host[data-layout=slider][data-mode] .kpt-auth__promo,.kpt-auth-host[data-layout=slider][data-mode] .kpt-auth__form-side{transform:none}.kpt-auth-host[data-layout=slider][data-mode] .kpt-auth__promo-inner{animation:none;transform:none}}@media(prefers-reduced-motion:reduce){.kpt-auth-host[data-layout][data-mode] .kpt-auth__promo,.kpt-auth-host[data-layout][data-mode] .kpt-auth__form-side,.kpt-auth-host[data-layout][data-mode] .kpt-auth__promo-inner,.kpt-auth-host[data-layout][data-mode] .kpt-auth__provider{transition:none}.kpt-auth-host[data-layout][data-mode] .kpt-auth__inner,.kpt-auth-host[data-layout][data-mode] .kpt-auth__promo-inner{animation:none}}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptAuth, [{
+        type: Component,
+        args: [{ selector: 'kpt-auth', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                    FormField,
+                    FormRoot,
+                    KptAlert,
+                    KptButton,
+                    KptCheckbox,
+                    KptFormField,
+                    KptIcon,
+                    KptInput,
+                    KptPassword,
+                    NgTemplateOutlet,
+                ], host: {
+                    class: 'kpt-auth-host',
+                    '[attr.data-layout]': 'layout()',
+                    '[attr.data-mode]': 'mode()',
+                    '[style.--kpt-anim-duration]': "(animated() ? animationDuration() : 0) + 'ms'",
+                }, template: "<div class=\"kpt-auth\">\n  <div class=\"kpt-auth__card\">\n    <!--\n      W drzewie \u017Cyje wy\u0142\u0105cznie formularz aktywnego trybu. Dzi\u0119ki temu nie ma element\u00F3w\n      niewidocznych, ale wci\u0105\u017C fokusowalnych \u2014 najcz\u0119stsza wada ekran\u00F3w logowania z animacj\u0105,\n      w kt\u00F3rych oba formularze zostaj\u0105 w DOM i wygasza si\u0119 je sam\u0105 przezroczysto\u015Bci\u0105.\n    -->\n    <div class=\"kpt-auth__form-side\">\n      <div class=\"kpt-auth__inner\" [attr.data-mode]=\"mode()\">\n        <div class=\"kpt-auth__brand\"><ng-content select=\"[kptAuthBrand]\" /></div>\n\n        <h2 #heading class=\"kpt-auth__title\" [id]=\"headingId()\" [attr.data-mode]=\"mode()\" tabindex=\"-1\">\n          {{ title() }}\n        </h2>\n        <p class=\"kpt-auth__subtitle\">{{ subtitle() }}</p>\n\n        @if (error()) {\n          <kpt-alert variant=\"danger\">{{ error() }}</kpt-alert>\n        }\n        @if (notice()) {\n          <kpt-alert variant=\"success\">{{ notice() }}</kpt-alert>\n        }\n\n        @switch (mode()) {\n          @case ('signIn') {\n            <form class=\"kpt-auth__form\" [formRoot]=\"signInForm\" (submit)=\"onSignIn()\" [attr.aria-labelledby]=\"ids.signIn\">\n              <kpt-form-field [label]=\"i18n.t('auth.email')\" [error]=\"signInEmailError()\" required [controlId]=\"ids.email\">\n                <kpt-input\n                  [formField]=\"signInForm.email\"\n                  type=\"email\"\n                  autocomplete=\"email\"\n                  [id]=\"ids.email\"\n                  [placeholder]=\"i18n.t('auth.emailPlaceholder')\"\n                />\n              </kpt-form-field>\n\n              <kpt-form-field [label]=\"i18n.t('auth.password')\" [error]=\"signInPasswordError()\" required [controlId]=\"ids.password\">\n                <kpt-password [formField]=\"signInForm.password\" autocomplete=\"current-password\" [id]=\"ids.password\" />\n              </kpt-form-field>\n\n              <ng-content select=\"[kptAuthFields]\" />\n\n              <div class=\"kpt-auth__row\">\n                @if (showRemember()) {\n                  <kpt-checkbox [formField]=\"signInForm.remember\" [label]=\"i18n.t('auth.remember')\" />\n                } @else {\n                  <span></span>\n                }\n                <button type=\"button\" class=\"kpt-auth__link\" (click)=\"setMode('forgot')\">\n                  {{ i18n.t('auth.forgotLink') }}\n                </button>\n              </div>\n\n              <kpt-button type=\"submit\" fullWidth [loading]=\"busy()\" [disabled]=\"signInInvalid()\">\n                {{ i18n.t('auth.signInSubmit') }}\n              </kpt-button>\n            </form>\n          }\n\n          @case ('signUp') {\n            <form class=\"kpt-auth__form\" [formRoot]=\"signUpForm\" (submit)=\"onSignUp()\" [attr.aria-labelledby]=\"ids.signUp\">\n              @if (showName()) {\n                <kpt-form-field [label]=\"i18n.t('auth.name')\" [error]=\"signUpNameError()\" required [controlId]=\"ids.name\">\n                  <kpt-input [formField]=\"signUpForm.name\" autocomplete=\"name\" [id]=\"ids.name\" />\n                </kpt-form-field>\n              }\n\n              <kpt-form-field [label]=\"i18n.t('auth.email')\" [error]=\"signUpEmailError()\" required [controlId]=\"ids.regEmail\">\n                <kpt-input\n                  [formField]=\"signUpForm.email\"\n                  type=\"email\"\n                  autocomplete=\"email\"\n                  [id]=\"ids.regEmail\"\n                  [placeholder]=\"i18n.t('auth.emailPlaceholder')\"\n                />\n              </kpt-form-field>\n\n              <kpt-form-field\n                [label]=\"i18n.t('auth.password')\"\n                [error]=\"signUpPasswordError()\"\n                [hint]=\"i18n.t('auth.passwordHint', { min: 8 })\"\n                required\n                [controlId]=\"ids.regPassword\"\n              >\n                <kpt-password [formField]=\"signUpForm.password\" autocomplete=\"new-password\" feedback [id]=\"ids.regPassword\" />\n              </kpt-form-field>\n\n              <kpt-form-field [label]=\"i18n.t('auth.confirmPassword')\" [error]=\"signUpConfirmError()\" required [controlId]=\"ids.regConfirm\">\n                <kpt-password [formField]=\"signUpForm.confirm\" autocomplete=\"new-password\" [id]=\"ids.regConfirm\" />\n              </kpt-form-field>\n\n              <ng-content select=\"[kptAuthFields]\" />\n\n              @if (requireTerms()) {\n                <kpt-form-field [error]=\"signUpTermsError()\">\n                  <kpt-checkbox [formField]=\"signUpForm.terms\" [label]=\"i18n.t('auth.terms')\" />\n                </kpt-form-field>\n              }\n\n              <kpt-button type=\"submit\" fullWidth [loading]=\"busy()\" [disabled]=\"signUpInvalid()\">\n                {{ i18n.t('auth.signUpSubmit') }}\n              </kpt-button>\n            </form>\n          }\n\n          @case ('forgot') {\n            <form class=\"kpt-auth__form\" [formRoot]=\"resetForm\" (submit)=\"onReset()\" [attr.aria-labelledby]=\"ids.forgot\">\n              <kpt-form-field [label]=\"i18n.t('auth.email')\" [error]=\"resetEmailError()\" required [controlId]=\"ids.resetEmail\">\n                <kpt-input\n                  [formField]=\"resetForm.email\"\n                  type=\"email\"\n                  autocomplete=\"email\"\n                  [id]=\"ids.resetEmail\"\n                  [placeholder]=\"i18n.t('auth.emailPlaceholder')\"\n                />\n              </kpt-form-field>\n\n              <kpt-button type=\"submit\" fullWidth [loading]=\"busy()\" [disabled]=\"resetInvalid()\">\n                {{ i18n.t('auth.resetSubmit') }}\n              </kpt-button>\n              <button type=\"button\" class=\"kpt-auth__link kpt-auth__link--center\" (click)=\"setMode('signIn')\">\n                {{ i18n.t('auth.backToSignIn') }}\n              </button>\n            </form>\n          }\n        }\n\n        @if (mode() !== 'forgot') {\n          <div class=\"kpt-auth__sso\"><ng-content select=\"[kptAuthSso]\" /></div>\n\n          @if (providers().length > 0) {\n            <div class=\"kpt-auth__separator\" role=\"separator\" [attr.aria-label]=\"i18n.t('auth.orContinueWith')\">\n              <span class=\"kpt-auth__separator-text\">{{ i18n.t('auth.orContinueWith') }}</span>\n            </div>\n\n            <div class=\"kpt-auth__providers\" [attr.data-layout]=\"providerLayout()\">\n              @for (provider of providers(); track provider.id) {\n                @if (templateFor(provider); as tpl) {\n                  <ng-container [ngTemplateOutlet]=\"tpl\" [ngTemplateOutletContext]=\"providerContext(provider)\" />\n                } @else {\n                  <button\n                    type=\"button\"\n                    class=\"kpt-auth__provider\"\n                    [disabled]=\"busy()\"\n                    [attr.aria-label]=\"i18n.t('auth.continueWith', { provider: provider.label })\"\n                    (click)=\"selectProvider(provider)\"\n                  >\n                    @if (provider.iconUrl) {\n                      <img class=\"kpt-auth__provider-logo\" [src]=\"provider.iconUrl\" alt=\"\" />\n                    } @else if (provider.icon) {\n                      <kpt-icon class=\"kpt-auth__provider-logo\" [name]=\"provider.icon\" />\n                    }\n                    <span class=\"kpt-auth__provider-label\">{{ provider.label }}</span>\n                    @if (provider.description && providerLayout() === 'list') {\n                      <span class=\"kpt-auth__provider-desc\">{{ provider.description }}</span>\n                    }\n                  </button>\n                }\n              }\n            </div>\n          }\n\n          <p class=\"kpt-auth__switch\">\n            {{ signUpActive() ? i18n.t('auth.haveAccount') : i18n.t('auth.noAccount') }}\n            <button type=\"button\" class=\"kpt-auth__link\" (click)=\"setMode(signUpActive() ? 'signIn' : 'signUp')\">\n              {{ signUpActive() ? i18n.t('auth.signInSwitch') : i18n.t('auth.signUpSwitch') }}\n            </button>\n          </p>\n        }\n\n        <div class=\"kpt-auth__footer\"><ng-content select=\"[kptAuthFooter]\" /></div>\n      </div>\n    </div>\n\n    <aside class=\"kpt-auth__promo\">\n      <div class=\"kpt-auth__promo-inner\">\n        @if (promoHeading()) {\n          <p class=\"kpt-auth__promo-title\">{{ promoHeading() }}</p>\n        }\n        @if (promoBody()) {\n          <p class=\"kpt-auth__promo-text\">{{ promoBody() }}</p>\n        }\n        <ng-content select=\"[kptAuthPromo]\" />\n        @if (mode() !== 'forgot') {\n          <kpt-button class=\"kpt-auth__promo-cta\" variant=\"outline\" (click)=\"setMode(promoMode())\">\n            {{ promoMode() === 'signUp' ? i18n.t('auth.signUpSwitch') : i18n.t('auth.signInSwitch') }}\n          </kpt-button>\n        }\n      </div>\n    </aside>\n  </div>\n</div>\n", styles: ["@layer kpt.components{.kpt-auth-host{display:block;--_kpt-auth-duration: var(--kpt-anim-duration, var(--kpt-motion-duration-slow, .32s));--_kpt-auth-easing: var(--kpt-motion-easing-emphasized, cubic-bezier(.3, 0, 0, 1));--_kpt-auth-dir: 1}[dir=rtl] .kpt-auth-host{--_kpt-auth-dir: -1}.kpt-auth{display:flex;align-items:center;justify-content:center;min-block-size:var(--kpt-auth-min-height, 100vh);min-block-size:var(--kpt-auth-min-height, 100dvh);padding:var(--kpt-auth-padding, var(--kpt-space-4, 1rem));background:var(--kpt-color-surface)}.kpt-auth__card{position:relative;display:grid;inline-size:min(var(--kpt-auth-width, 64rem),100%);min-block-size:var(--kpt-auth-card-height, 34rem);overflow:hidden;background:var(--kpt-color-surface-raised);border:var(--kpt-auth-card-border, 1px solid var(--kpt-color-border));border-radius:var(--kpt-auth-card-radius, var(--kpt-radius-lg, .75rem));box-shadow:var(--kpt-auth-card-shadow, var(--kpt-elevation-3));grid-template-columns:1fr 1fr;grid-template-areas:\"form promo\"}.kpt-auth__form-side{grid-area:form;display:flex;align-items:center;justify-content:center;padding:var(--kpt-space-6, 1.5rem);overflow-y:auto}.kpt-auth__inner{inline-size:min(24rem,100%);display:flex;flex-direction:column;gap:var(--kpt-space-3, .75rem)}.kpt-auth__brand:empty,.kpt-auth__sso:empty,.kpt-auth__footer:empty{display:none}.kpt-auth__title{margin:0;font-size:var(--kpt-font-size-xl, 1.5rem);font-weight:var(--kpt-font-weight-bold, 700);color:var(--kpt-color-on-surface);outline:none}.kpt-auth__subtitle{margin:0;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface-muted)}.kpt-auth__form{display:flex;flex-direction:column;gap:var(--kpt-space-3, .75rem);margin-block-start:var(--kpt-space-2, .5rem)}.kpt-auth__row{display:flex;align-items:center;justify-content:space-between;gap:var(--kpt-space-2, .5rem);flex-wrap:wrap}.kpt-auth__link{padding:0;font:inherit;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-primary);background:none;border:0;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.kpt-auth__link:hover{color:var(--kpt-color-primary-hover)}.kpt-auth__link--center{align-self:center}.kpt-auth__separator{display:flex;align-items:center;gap:var(--kpt-space-3, .75rem);margin-block:var(--kpt-space-2, .5rem);font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface-muted)}.kpt-auth__separator:before,.kpt-auth__separator:after{content:\"\";flex:1;block-size:1px;background:var(--kpt-color-border)}.kpt-auth__providers{display:grid;gap:var(--kpt-space-2, .5rem)}.kpt-auth__providers[data-layout=grid]{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr))}.kpt-auth__provider{display:flex;align-items:center;gap:var(--kpt-space-2, .5rem);padding:var(--kpt-space-3, .75rem);font:inherit;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface);background:var(--kpt-color-surface-raised);border:1px solid var(--kpt-color-border);border-radius:var(--kpt-radius-md, .5rem);cursor:pointer;transition:background-color var(--kpt-motion-duration-fast, .12s) var(--kpt-motion-easing-standard)}.kpt-auth__provider:hover:not(:disabled){background:var(--kpt-color-surface-hover)}.kpt-auth__provider:disabled{opacity:.6;cursor:not-allowed}.kpt-auth__provider-logo{font-size:1.25rem;inline-size:1.25rem;block-size:1.25rem;flex-shrink:0}.kpt-auth__provider-desc{margin-inline-start:auto;font-size:var(--kpt-font-size-xs, .75rem);color:var(--kpt-color-on-surface-muted)}.kpt-auth__providers[data-layout=grid] .kpt-auth__provider{flex-direction:column;gap:var(--kpt-space-1, .25rem);text-align:center}.kpt-auth__switch{margin:0;font-size:var(--kpt-font-size-sm, .875rem);color:var(--kpt-color-on-surface-muted);text-align:center}.kpt-auth__promo{grid-area:promo;display:flex;align-items:center;justify-content:center;padding:var(--kpt-space-8, 2rem);color:var(--kpt-color-primary-contrast);background:var(--kpt-auth-promo-bg, linear-gradient(135deg, var(--kpt-color-primary), var(--kpt-color-primary-hover)))}.kpt-auth__promo-inner{display:flex;flex-direction:column;align-items:center;gap:var(--kpt-space-3, .75rem);text-align:center}.kpt-auth__promo-title{margin:0;font-size:var(--kpt-font-size-lg, 1.25rem);font-weight:var(--kpt-font-weight-bold, 700)}.kpt-auth__promo-text{margin:0;font-size:var(--kpt-font-size-sm, .875rem);opacity:.85}.kpt-auth__promo-cta .kpt-button{color:var(--kpt-color-primary-contrast);border-color:color-mix(in oklch,var(--kpt-color-primary-contrast) 60%,transparent);background:transparent}.kpt-auth__promo-cta .kpt-button:hover:not(:disabled){background:color-mix(in oklch,var(--kpt-color-primary-contrast) 12%,transparent)}.kpt-auth-host[data-layout=slider] .kpt-auth__promo,.kpt-auth-host[data-layout=slider] .kpt-auth__form-side{transition:transform var(--_kpt-auth-duration) var(--_kpt-auth-easing)}.kpt-auth-host[data-layout=slider][data-mode=signUp] .kpt-auth__promo{transform:translate(calc(var(--_kpt-auth-dir) * -100%))}.kpt-auth-host[data-layout=slider][data-mode=signUp] .kpt-auth__form-side{transform:translate(calc(var(--_kpt-auth-dir) * 100%))}.kpt-auth-host[data-layout=slider][data-mode=signIn] .kpt-auth__promo-inner{animation:kpt-auth-promo-start var(--_kpt-auth-duration) var(--_kpt-auth-easing)}.kpt-auth-host[data-layout=slider][data-mode=signUp] .kpt-auth__promo-inner{animation:kpt-auth-promo-end var(--_kpt-auth-duration) var(--_kpt-auth-easing)}@keyframes kpt-auth-promo-start{0%{transform:translate(calc(var(--_kpt-auth-dir) * -14%))}to{transform:none}}@keyframes kpt-auth-promo-end{0%{transform:translate(calc(var(--_kpt-auth-dir) * 14%))}to{transform:none}}@keyframes kpt-auth-enter{0%{opacity:0;transform:translate(calc(var(--_kpt-auth-dir) * 1.25rem))}to{opacity:1;transform:none}}.kpt-auth__inner{animation:kpt-auth-enter var(--_kpt-auth-duration) var(--kpt-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.kpt-auth__card{grid-template-columns:1fr;grid-template-areas:\"promo\" \"form\";min-block-size:0}.kpt-auth__promo{padding:var(--kpt-space-6, 1.5rem)}@media(min-width:768px){.kpt-auth__card{grid-template-columns:1fr 1fr;grid-template-areas:\"form promo\";min-block-size:var(--kpt-auth-card-height, 34rem)}.kpt-auth__promo{padding:var(--kpt-space-8, 2rem)}}@media(max-width:767px){.kpt-auth-host[data-layout=slider][data-mode] .kpt-auth__promo,.kpt-auth-host[data-layout=slider][data-mode] .kpt-auth__form-side{transform:none}.kpt-auth-host[data-layout=slider][data-mode] .kpt-auth__promo-inner{animation:none;transform:none}}@media(prefers-reduced-motion:reduce){.kpt-auth-host[data-layout][data-mode] .kpt-auth__promo,.kpt-auth-host[data-layout][data-mode] .kpt-auth__form-side,.kpt-auth-host[data-layout][data-mode] .kpt-auth__promo-inner,.kpt-auth-host[data-layout][data-mode] .kpt-auth__provider{transition:none}.kpt-auth-host[data-layout][data-mode] .kpt-auth__inner,.kpt-auth-host[data-layout][data-mode] .kpt-auth__promo-inner{animation:none}}}\n"] }]
+    }], null, { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], providers: [{ type: i0.Input, args: [{ isSignal: true, alias: "providers", required: false }] }], providerLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerLayout", required: false }] }], showName: [{ type: i0.Input, args: [{ isSignal: true, alias: "showName", required: false }] }], requireTerms: [{ type: i0.Input, args: [{ isSignal: true, alias: "requireTerms", required: false }] }], showRemember: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRemember", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], notice: [{ type: i0.Input, args: [{ isSignal: true, alias: "notice", required: false }] }], promoTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "promoTitle", required: false }] }], promoText: [{ type: i0.Input, args: [{ isSignal: true, alias: "promoText", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], signIn: [{ type: i0.Output, args: ["signIn"] }], signUp: [{ type: i0.Output, args: ["signUp"] }], resetPassword: [{ type: i0.Output, args: ["resetPassword"] }], providerSelect: [{ type: i0.Output, args: ["providerSelect"] }], headings: [{ type: i0.ViewChildren, args: ['heading', { isSignal: true }] }], providerDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KptAuthProviderDef), { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAuth, { className: "KptAuth", filePath: "lib/auth/auth.component.ts", lineNumber: 94 }); })();
+
+const _c0$m = [[["", "kptPanelActions", ""]], "*"];
+const _c1$7 = ["[kptPanelActions]", "*"];
+function KptPanel_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function KptPanel_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.collapsed.set(!ctx_r1.collapsed())); });
+    i0.ɵɵelement(1, "kpt-icon", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-expanded", !ctx_r1.collapsed())("aria-label", ctx_r1.i18n.t("panel.toggle"));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("name", ctx_r1.collapsed() ? "chevron-down" : "chevron-up");
+} }
+/**
+ * Panel z nagłówkiem i opcjonalnym zwijaniem. Akcje nagłówka: atrybut `kptPanelActions`.
+ *
+ * @example
+ * <kpt-panel header="Ustawienia" toggleable>Treść…</kpt-panel>
+ */
+class KptPanel {
+    constructor() {
+        this.header = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+        this.toggleable = input(false, { ...(ngDevMode ? { debugName: "toggleable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.collapsed = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+        this.animated = input(true, { ...(ngDevMode ? { debugName: "animated" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.animationDuration = input(500, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+        this.i18n = inject(KptI18n);
+    }
+    static { this.ɵfac = function KptPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptPanel)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptPanel, selectors: [["kpt-panel"]], hostAttrs: [1, "kpt-panel-host"], hostVars: 2, hostBindings: function KptPanel_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("--%NS%kpt-anim-duration", (ctx.animated() ? ctx.animationDuration() : 0) + "ms");
+        } }, inputs: { header: [1, "header"], toggleable: [1, "toggleable"], collapsed: [1, "collapsed"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, outputs: { collapsed: "collapsedChange" }, ngContentSelectors: _c1$7, decls: 11, vars: 6, consts: [[1, "kpt-panel"], [1, "kpt-panel__header"], [1, "kpt-panel__title"], [1, "kpt-panel__actions"], ["type", "button", 1, "kpt-panel__toggle"], [1, "kpt-panel__collapse"], [1, "kpt-panel__collapse-inner"], [1, "kpt-panel__body"], ["type", "button", 1, "kpt-panel__toggle", 3, "click"], [3, "name"]], template: function KptPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$m);
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 3);
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, KptPanel_Conditional_6_Template, 2, 3, "button", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "div", 7);
+            i0.ɵɵprojection(10, 1);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.header());
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.toggleable() ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("is-open", !ctx.collapsed());
+            i0.ɵɵattribute("inert", ctx.collapsed() ? "" : null)("aria-hidden", ctx.collapsed());
+        } }, dependencies: [KptIcon], styles: ["@layer kpt.components{.kpt-panel-host{display:block}.kpt-panel{border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-md, .5rem);background:var(--%NS%kpt-color-surface-raised);overflow:hidden}.kpt-panel__header{display:flex;align-items:center;gap:var(--%NS%kpt-space-2, .5rem);padding:var(--%NS%kpt-space-3, .75rem) var(--%NS%kpt-space-4, 1rem);background:var(--%NS%kpt-color-surface-variant);border-bottom:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border)}.kpt-panel__title{font-weight:var(--%NS%kpt-font-weight-semibold, 600)}.kpt-panel__actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--%NS%kpt-space-1, .25rem)}.kpt-panel__toggle{display:inline-flex;border:0;background:none;padding:0;cursor:pointer;color:var(--%NS%kpt-color-on-surface-muted)}.kpt-panel__toggle:hover{color:var(--%NS%kpt-color-on-surface)}.kpt-panel__collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--%NS%kpt-anim-duration, .5s) var(--%NS%kpt-motion-easing-standard)}.kpt-panel__collapse.is-open{grid-template-rows:1fr}.kpt-panel__collapse-inner{overflow:hidden;min-height:0}.kpt-panel__body{padding:var(--%NS%kpt-space-4, 1rem)}@media(prefers-reduced-motion:reduce){.kpt-panel__collapse{transition:none}}}\n"], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptPanel, [{
+        type: Component,
+        args: [{ selector: 'kpt-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon], template: `
+    <div class="kpt-panel">
+      <div class="kpt-panel__header">
+        <span class="kpt-panel__title">{{ header() }}</span>
+        <span class="kpt-panel__actions"><ng-content select="[kptPanelActions]" /></span>
+        @if (toggleable()) {
+          <button type="button" class="kpt-panel__toggle" (click)="collapsed.set(!collapsed())" [attr.aria-expanded]="!collapsed()" [attr.aria-label]="i18n.t('panel.toggle')">
+            <kpt-icon [name]="collapsed() ? 'chevron-down' : 'chevron-up'" />
+          </button>
         }
       </div>
       <div
@@ -7902,7 +9025,7 @@ class KptPanel {
     }], null, { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], toggleable: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleable", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptPanel, { className: "KptPanel", filePath: "lib/panel/panel.component.ts", lineNumber: 45 }); })();
 
-const _c0$m = ["*"];
+const _c0$l = ["*"];
 function KptFieldset_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
@@ -7948,7 +9071,7 @@ class KptFieldset {
     static { this.ɵfac = function KptFieldset_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptFieldset)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptFieldset, selectors: [["kpt-fieldset"]], hostAttrs: [1, "kpt-fieldset-host"], hostVars: 2, hostBindings: function KptFieldset_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵstyleProp("--%NS%kpt-anim-duration", (ctx.animated() ? ctx.animationDuration() : 0) + "ms");
-        } }, inputs: { legend: [1, "legend"], toggleable: [1, "toggleable"], collapsed: [1, "collapsed"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, outputs: { collapsed: "collapsedChange" }, ngContentSelectors: _c0$m, decls: 8, vars: 5, consts: [[1, "kpt-fieldset"], [1, "kpt-fieldset__legend"], ["type", "button", 1, "kpt-fieldset__toggle"], [1, "kpt-fieldset__collapse"], [1, "kpt-fieldset__collapse-inner"], [1, "kpt-fieldset__body"], ["type", "button", 1, "kpt-fieldset__toggle", 3, "click"], [3, "name"]], template: function KptFieldset_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { legend: [1, "legend"], toggleable: [1, "toggleable"], collapsed: [1, "collapsed"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, outputs: { collapsed: "collapsedChange" }, ngContentSelectors: _c0$l, decls: 8, vars: 5, consts: [[1, "kpt-fieldset"], [1, "kpt-fieldset__legend"], ["type", "button", 1, "kpt-fieldset__toggle"], [1, "kpt-fieldset__collapse"], [1, "kpt-fieldset__collapse-inner"], [1, "kpt-fieldset__body"], ["type", "button", 1, "kpt-fieldset__toggle", 3, "click"], [3, "name"]], template: function KptFieldset_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "fieldset", 0)(1, "legend", 1);
             i0.ɵɵconditionalCreate(2, KptFieldset_Conditional_2_Template, 4, 3, "button", 2)(3, KptFieldset_Conditional_3_Template, 2, 1, "span");
@@ -7996,7 +9119,7 @@ class KptFieldset {
     }], null, { legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], toggleable: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleable", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }, { type: i0.Output, args: ["collapsedChange"] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptFieldset, { className: "KptFieldset", filePath: "lib/fieldset/fieldset.component.ts", lineNumber: 45 }); })();
 
-const _c0$l = [[["", "kptSplitStart", ""]], [["", "kptSplitEnd", ""]]];
+const _c0$k = [[["", "kptSplitStart", ""]], [["", "kptSplitEnd", ""]]];
 const _c1$6 = ["[kptSplitStart]", "[kptSplitEnd]"];
 /**
  * Splitter — dwa panele z przeciąganym uchwytem. Panele przez sloty `[kptSplitStart]` i `[kptSplitEnd]`.
@@ -8051,7 +9174,7 @@ class KptSplitter {
     }
     static { this.ɵfac = function KptSplitter_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptSplitter)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptSplitter, selectors: [["kpt-splitter"]], hostAttrs: [1, "kpt-splitter-host"], inputs: { orientation: [1, "orientation"], startSize: [1, "startSize"], minSize: [1, "minSize"] }, outputs: { startSize: "startSizeChange" }, ngContentSelectors: _c1$6, decls: 6, vars: 7, consts: [[1, "kpt-splitter"], [1, "kpt-splitter__pane"], ["role", "separator", "tabindex", "0", 1, "kpt-splitter__gutter", 3, "pointerdown", "keydown"]], template: function KptSplitter_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$l);
+            i0.ɵɵprojectionDef(_c0$k);
             i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵdomElementEnd();
@@ -8423,7 +9546,7 @@ class KptAvatarGroup {
     }], null, { avatars: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatars", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAvatarGroup, { className: "KptAvatarGroup", filePath: "lib/avatar-group/avatar-group.component.ts", lineNumber: 36 }); })();
 
-const _c0$k = ["*"];
+const _c0$j = ["*"];
 function KptEmpty_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵelement(1, "kpt-icon", 5);
@@ -8469,7 +9592,7 @@ class KptEmpty {
         ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = function KptEmpty_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptEmpty)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptEmpty, selectors: [["kpt-empty"]], hostAttrs: [1, "kpt-empty-host"], inputs: { icon: [1, "icon"], title: [1, "title"], description: [1, "description"] }, ngContentSelectors: _c0$k, decls: 6, vars: 3, consts: [[1, "kpt-empty"], [1, "kpt-empty__icon"], [1, "kpt-empty__title"], [1, "kpt-empty__desc"], [1, "kpt-empty__actions"], [3, "name"]], template: function KptEmpty_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptEmpty, selectors: [["kpt-empty"]], hostAttrs: [1, "kpt-empty-host"], inputs: { icon: [1, "icon"], title: [1, "title"], description: [1, "description"] }, ngContentSelectors: _c0$j, decls: 6, vars: 3, consts: [[1, "kpt-empty"], [1, "kpt-empty__icon"], [1, "kpt-empty__title"], [1, "kpt-empty__desc"], [1, "kpt-empty__actions"], [3, "name"]], template: function KptEmpty_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, KptEmpty_Conditional_1_Template, 2, 1, "div", 1);
@@ -8500,7 +9623,7 @@ class KptEmpty {
     }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptEmpty, { className: "KptEmpty", filePath: "lib/empty/empty.component.ts", lineNumber: 28 }); })();
 
-const _c0$j = ["*"];
+const _c0$i = ["*"];
 function KptTab_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -8523,7 +9646,7 @@ class KptTab {
             i0.ɵɵviewQuerySignal(ctx.content, TemplateRef, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { label: [1, "label"], disabled: [1, "disabled"] }, ngContentSelectors: _c0$j, decls: 1, vars: 0, template: function KptTab_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: [1, "label"], disabled: [1, "disabled"] }, ngContentSelectors: _c0$i, decls: 1, vars: 0, template: function KptTab_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomTemplate(0, KptTab_ng_template_0_Template, 1, 0, "ng-template");
         } }, encapsulation: 2 }); }
@@ -8538,7 +9661,7 @@ class KptTab {
     }], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], content: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptTab, { className: "KptTab", filePath: "lib/tabs/tab.component.ts", lineNumber: 14 }); })();
 
-const _c0$i = ["tabBtn"];
+const _c0$h = ["tabBtn"];
 function _forTrack0$3($index, $item) { /* @ts-ignore */
 return this.activeIndex(); }
 function KptTabs_For_2_Template(rf, ctx) { if (rf & 1) {
@@ -8620,7 +9743,7 @@ class KptTabs {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, viewQuery: function KptTabs_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.tabBtns, _c0$i, 5);
+            i0.ɵɵviewQuerySignal(ctx.tabBtns, _c0$h, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "kpt-tabs-host"], hostVars: 4, hostBindings: function KptTabs_HostBindings(rf, ctx) { if (rf & 1) {
@@ -8676,7 +9799,7 @@ class KptTabs {
     }], () => [], { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KptTab), { isSignal: true }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], tabBtns: [{ type: i0.ViewChildren, args: ['tabBtn', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptTabs, { className: "KptTabs", filePath: "lib/tabs/tabs.component.ts", lineNumber: 62 }); })();
 
-const _c0$h = ["*"];
+const _c0$g = ["*"];
 /**
  * Panel akordeonu. Umieszczaj w `kpt-accordion`. Stan `expanded` jest dwukierunkowy.
  */
@@ -8706,7 +9829,7 @@ class KptAccordionPanel {
     static { this.ɵfac = function KptAccordionPanel_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptAccordionPanel)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptAccordionPanel, selectors: [["kpt-accordion-panel"]], hostAttrs: [1, "kpt-accordion-panel-host"], hostVars: 2, hostBindings: function KptAccordionPanel_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵstyleProp("--%NS%kpt-anim-duration", ctx.animMs());
-        } }, inputs: { title: [1, "title"], disabled: [1, "disabled"], expanded: [1, "expanded"] }, outputs: { expanded: "expandedChange" }, ngContentSelectors: _c0$h, decls: 9, vars: 11, consts: [[1, "kpt-accordion-panel"], ["type", "button", 1, "kpt-accordion-panel__header", 3, "click", "disabled"], [1, "kpt-accordion-panel__title"], ["name", "chevron-down", 1, "kpt-accordion-panel__chevron"], [1, "kpt-accordion-panel__collapse"], [1, "kpt-accordion-panel__collapse-inner"], [1, "kpt-accordion-panel__body"]], template: function KptAccordionPanel_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { title: [1, "title"], disabled: [1, "disabled"], expanded: [1, "expanded"] }, outputs: { expanded: "expandedChange" }, ngContentSelectors: _c0$g, decls: 9, vars: 11, consts: [[1, "kpt-accordion-panel"], ["type", "button", 1, "kpt-accordion-panel__header", 3, "click", "disabled"], [1, "kpt-accordion-panel__title"], ["name", "chevron-down", 1, "kpt-accordion-panel__chevron"], [1, "kpt-accordion-panel__collapse"], [1, "kpt-accordion-panel__collapse-inner"], [1, "kpt-accordion-panel__body"]], template: function KptAccordionPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
             i0.ɵɵlistener("click", function KptAccordionPanel_Template_button_click_1_listener() { return ctx.toggle(); });
@@ -8764,7 +9887,7 @@ class KptAccordionPanel {
     }], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAccordionPanel, { className: "KptAccordionPanel", filePath: "lib/accordion/accordion-panel.component.ts", lineNumber: 52 }); })();
 
-const _c0$g = ["*"];
+const _c0$f = ["*"];
 /**
  * Akordeon — grupa rozwijanych paneli. `multi` pozwala otworzyć wiele naraz.
  *
@@ -8797,7 +9920,7 @@ class KptAccordion {
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.panels, KptAccordionPanel, 4);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "kpt-accordion-host"], inputs: { multi: [1, "multi"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, ngContentSelectors: _c0$g, decls: 1, vars: 0, template: function KptAccordion_Template(rf, ctx) { if (rf & 1) {
+        } }, hostAttrs: [1, "kpt-accordion-host"], inputs: { multi: [1, "multi"], animated: [1, "animated"], animationDuration: [1, "animationDuration"] }, ngContentSelectors: _c0$f, decls: 1, vars: 0, template: function KptAccordion_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, styles: ["@layer kpt.components{.kpt-accordion-host{display:block;border:var(--%NS%kpt-border-width-thin, 1px) solid var(--%NS%kpt-color-border);border-radius:var(--%NS%kpt-radius-lg, .75rem);overflow:hidden}}\n"], encapsulation: 2 }); }
@@ -8887,7 +10010,7 @@ class KptBreadcrumb {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptBreadcrumb, { className: "KptBreadcrumb", filePath: "lib/breadcrumb/breadcrumb.component.ts", lineNumber: 38 }); })();
 
-const _c0$f = ["*"];
+const _c0$e = ["*"];
 function KptStep_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -8909,7 +10032,7 @@ class KptStep {
             i0.ɵɵviewQuerySignal(ctx.content, TemplateRef, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { label: [1, "label"] }, ngContentSelectors: _c0$f, decls: 1, vars: 0, template: function KptStep_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { label: [1, "label"] }, ngContentSelectors: _c0$e, decls: 1, vars: 0, template: function KptStep_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵdomTemplate(0, KptStep_ng_template_0_Template, 1, 0, "ng-template");
         } }, encapsulation: 2 }); }
@@ -9435,7 +10558,7 @@ class KptRowDetailDef {
             }]
     }], null, null); })();
 
-const _c0$e = ["scrollEl"];
+const _c0$d = ["scrollEl"];
 const _c1$5 = ["theadEl"];
 const _c2$2 = ["editorHost"];
 const _c3 = [[["", "kptPaginatorActions", ""]]];
@@ -10673,7 +11796,7 @@ class KptDataTable {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
         } }, viewQuery: function KptDataTable_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.scrollEl, _c0$e, 5)(ctx.theadEl, _c1$5, 5)(ctx.editorHost, _c2$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.scrollEl, _c0$d, 5)(ctx.theadEl, _c1$5, 5)(ctx.editorHost, _c2$2, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
         } }, hostAttrs: [1, "kpt-data-table"], hostVars: 2, hostBindings: function KptDataTable_HostBindings(rf, ctx) { if (rf & 2) {
@@ -10752,7 +11875,7 @@ class KptDataTable {
     }], () => [], { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], filterRowPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterRowPosition", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], rowHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowHeight", required: false }] }], reorderable: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderable", required: false }] }], exportable: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportable", required: false }] }], exportFilename: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportFilename", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], totalRecords: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalRecords", required: false }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], multiExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiExpand", required: false }] }], summaryLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "summaryLabel", required: false }] }], summaryValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "summaryValues", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], expandedRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedRows", required: false }] }, { type: i0.Output, args: ["expandedRowsChange"] }], hiddenFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenFields", required: false }] }, { type: i0.Output, args: ["hiddenFieldsChange"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], lazyLoad: [{ type: i0.Output, args: ["lazyLoad"] }], cellEdit: [{ type: i0.Output, args: ["cellEdit"] }], scrollEl: [{ type: i0.ViewChild, args: ['scrollEl', { isSignal: true }] }], theadEl: [{ type: i0.ViewChild, args: ['theadEl', { isSignal: true }] }], editorHost: [{ type: i0.ViewChild, args: ['editorHost', { isSignal: true }] }], cellDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KptCellDef), { isSignal: true }] }], cellEditDefs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KptCellEditDef), { isSignal: true }] }], rowDetailDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KptRowDetailDef), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDataTable, { className: "KptDataTable", filePath: "lib/data-table/data-table.component.ts", lineNumber: 157 }); })();
 
-const _c0$d = a0 => ({ $implicit: a0, level: 0 });
+const _c0$c = a0 => ({ $implicit: a0, level: 0 });
 const _c1$4 = (a0, a1) => ({ $implicit: a0, level: a1 });
 function KptTree_ng_template_2_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -10874,7 +11997,7 @@ class KptTree {
         } if (rf & 2) {
             const nodeTpl_r6 = i0.ɵɵreference(3);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", nodeTpl_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$d, ctx.nodes()));
+            i0.ɵɵproperty("ngTemplateOutlet", nodeTpl_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$c, ctx.nodes()));
         } }, dependencies: [NgTemplateOutlet, KptIcon], styles: ["@layer kpt.components{.kpt-tree-host{display:block}.kpt-tree,.kpt-tree ul{list-style:none;margin:0;padding:0}.kpt-tree__row{display:flex;align-items:center;gap:.35rem;padding-block:.3rem;padding-inline-end:.5rem;border-radius:var(--%NS%kpt-radius-sm, .25rem);cursor:pointer;font-size:var(--%NS%kpt-font-size-sm, .875rem);color:var(--%NS%kpt-color-on-surface)}.kpt-tree__row:hover{background:var(--%NS%kpt-color-surface-variant)}.kpt-tree__row.is-selected{background:color-mix(in oklch,var(--%NS%kpt-color-primary) 14%,var(--%NS%kpt-color-surface));color:var(--%NS%kpt-color-primary)}.kpt-tree__row.is-disabled{opacity:.5;cursor:not-allowed}.kpt-tree__toggle{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;border:0;background:none;cursor:pointer;color:var(--%NS%kpt-color-on-surface-muted);padding:0}.kpt-tree__spacer{display:inline-block;width:1.25rem;flex-shrink:0}.kpt-tree__chevron{transition:transform var(--%NS%kpt-motion-duration-fast, .12s) var(--%NS%kpt-motion-easing-standard)}.kpt-tree__chevron.is-open{transform:rotate(90deg)}.kpt-tree__icon{color:var(--%NS%kpt-color-on-surface-muted)}.kpt-tree__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}\n"], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptTree, [{
@@ -11008,7 +12131,7 @@ class KptTimeline {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptTimeline, { className: "KptTimeline", filePath: "lib/timeline/timeline.component.ts", lineNumber: 44 }); })();
 
-const _c0$c = (a0, a1) => ({ $implicit: a0, index: a1 });
+const _c0$b = (a0, a1) => ({ $implicit: a0, index: a1 });
 const _c1$3 = a0 => ({ index: a0 });
 function KptCarousel_For_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
@@ -11019,7 +12142,7 @@ function KptCarousel_For_4_Template(rf, ctx) { if (rf & 1) {
     const $index_r2 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.slideTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$c, item_r1, $index_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.slideTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0$b, item_r1, $index_r2));
 } }
 function KptCarousel_For_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -11131,7 +12254,7 @@ class KptCarousel {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], slideTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptCarousel, { className: "KptCarousel", filePath: "lib/carousel/carousel.component.ts", lineNumber: 54 }); })();
 
-const _c0$b = a0 => ({ count: a0 });
+const _c0$a = a0 => ({ count: a0 });
 const _c1$2 = (a0, a1) => ({ $implicit: a0, index: a1 });
 const _c2$1 = a0 => [a0];
 function KptDataView_For_11_Template(rf, ctx) { if (rf & 1) {
@@ -11223,7 +12346,7 @@ class KptDataView {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.i18n.t("dataView.count", i0.ɵɵpureFunction1(10, _c0$b, ctx.items().length)));
+            i0.ɵɵtextInterpolate(ctx.i18n.t("dataView.count", i0.ɵɵpureFunction1(10, _c0$a, ctx.items().length)));
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("is-active", ctx.layout() === "list");
             i0.ɵɵattribute("aria-label", ctx.i18n.t("dataView.list"));
@@ -11268,7 +12391,7 @@ class KptDataView {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }, { type: i0.Output, args: ["layoutChange"] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], paginated: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginated", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], pageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: false }] }, { type: i0.Output, args: ["pageIndexChange"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptDataView, { className: "KptDataView", filePath: "lib/data-view/data-view.component.ts", lineNumber: 49 }); })();
 
-const _c0$a = a0 => ({ $implicit: a0 });
+const _c0$9 = a0 => ({ $implicit: a0 });
 function KptPickList_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 9);
@@ -11280,7 +12403,7 @@ function KptPickList_For_6_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("is-selected", ctx_r2.selSource().has(item_r2));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$a, item_r2));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$9, item_r2));
 } }
 function KptPickList_For_23_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
@@ -11293,7 +12416,7 @@ function KptPickList_For_23_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("is-selected", ctx_r2.selTarget().has(item_r5));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$a, item_r5));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.itemTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction1(4, _c0$9, item_r5));
 } }
 /**
  * PickList — transfer elementów między dwiema listami (źródło ↔ cel).
@@ -11438,7 +12561,7 @@ class KptPickList {
     }], null, { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }, { type: i0.Output, args: ["sourceChange"] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }, { type: i0.Output, args: ["targetChange"] }], sourceHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHeader", required: false }] }], targetHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHeader", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptPickList, { className: "KptPickList", filePath: "lib/pick-list/pick-list.component.ts", lineNumber: 55 }); })();
 
-const _c0$9 = (a0, a1) => ({ $implicit: a0, index: a1 });
+const _c0$8 = (a0, a1) => ({ $implicit: a0, index: a1 });
 function KptOrderList_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6);
     i0.ɵɵtext(1);
@@ -11460,7 +12583,7 @@ function KptOrderList_For_10_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("is-selected", ctx_r0.selected() === ɵ$index_21_r3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.itemTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction2(4, _c0$9, item_r4, ɵ$index_21_r3));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.itemTpl())("ngTemplateOutletContext", i0.ɵɵpureFunction2(4, _c0$8, item_r4, ɵ$index_21_r3));
 } }
 /**
  * OrderList — lista z ręcznym porządkowaniem elementów (w górę/dół).
@@ -11550,7 +12673,7 @@ class KptOrderList {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }, { type: i0.Output, args: ["itemsChange"] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptOrderList, { className: "KptOrderList", filePath: "lib/order-list/order-list.component.ts", lineNumber: 41 }); })();
 
-const _c0$8 = a0 => ({ index: a0 });
+const _c0$7 = a0 => ({ index: a0 });
 function KptGalleria_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "img", 4);
 } if (rf & 2) {
@@ -11568,7 +12691,7 @@ function KptGalleria_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
     const ɵ$index_19_r3 = ctx.$index;
     const ctx_r3 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("is-active", ɵ$index_19_r3 === ctx_r3.activeIndex());
-    i0.ɵɵattribute("aria-label", ctx_r3.i18n.t("galleria.image", i0.ɵɵpureFunction1(5, _c0$8, ɵ$index_19_r3 + 1)));
+    i0.ɵɵattribute("aria-label", ctx_r3.i18n.t("galleria.image", i0.ɵɵpureFunction1(5, _c0$7, ɵ$index_19_r3 + 1)));
     i0.ɵɵadvance();
     i0.ɵɵproperty("src", item_r5.thumbnail || item_r5.src, i0.ɵɵsanitizeUrl)("alt", item_r5.alt || "");
 } }
@@ -11657,94 +12780,6 @@ class KptGalleria {
     }], null, { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], showThumbnails: [{ type: i0.Input, args: [{ isSignal: true, alias: "showThumbnails", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptGalleria, { className: "KptGalleria", filePath: "lib/galleria/galleria.component.ts", lineNumber: 46 }); })();
 
-const _c0$7 = ["*"];
-function KptAlert_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.title());
-} }
-function KptAlert_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function KptAlert_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.dismiss()); });
-    i0.ɵɵelement(1, "kpt-icon", 7);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("aria-label", ctx_r0.i18n.t("common.close"));
-} }
-/**
- * Komunikat inline (alert). Warianty info/success/warning/danger, opcjonalny tytuł i zamykanie.
- *
- * @example
- * <kpt-alert variant="success" title="Zapisano">Zmiany zostały zapisane.</kpt-alert>
- */
-class KptAlert {
-    constructor() {
-        this.variant = input('info', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-        this.title = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-        this.dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.closed = output();
-        this.i18n = inject(KptI18n);
-        this.visible = signal(true, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
-    }
-    iconName() {
-        return { info: 'info', success: 'circle-check', warning: 'alert-triangle', danger: 'circle-x' }[this.variant()];
-    }
-    dismiss() {
-        this.visible.set(false);
-        this.closed.emit();
-    }
-    static { this.ɵfac = function KptAlert_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KptAlert)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: KptAlert, selectors: [["kpt-alert"]], hostAttrs: [1, "kpt-alert-host"], hostVars: 1, hostBindings: function KptAlert_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵdomProperty("hidden", !ctx.visible());
-        } }, inputs: { variant: [1, "variant"], title: [1, "title"], dismissible: [1, "dismissible"] }, outputs: { closed: "closed" }, ngContentSelectors: _c0$7, decls: 7, vars: 4, consts: [["role", "alert", 1, "kpt-alert"], [1, "kpt-alert__icon", 3, "name"], [1, "kpt-alert__content"], [1, "kpt-alert__title"], [1, "kpt-alert__message"], ["type", "button", 1, "kpt-alert__close"], ["type", "button", 1, "kpt-alert__close", 3, "click"], ["name", "x"]], template: function KptAlert_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelement(1, "kpt-icon", 1);
-            i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵconditionalCreate(3, KptAlert_Conditional_3_Template, 2, 1, "div", 3);
-            i0.ɵɵelementStart(4, "div", 4);
-            i0.ɵɵprojection(5);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(6, KptAlert_Conditional_6_Template, 2, 1, "button", 5);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵattribute("data-variant", ctx.variant());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("name", ctx.iconName());
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.title() ? 3 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.dismissible() ? 6 : -1);
-        } }, dependencies: [KptIcon], styles: ["@layer kpt.components{.kpt-alert{--%NS%_accent: var(--%NS%kpt-color-info);display:flex;align-items:flex-start;gap:var(--%NS%kpt-space-3, .75rem);padding:var(--%NS%kpt-space-3, .75rem) var(--%NS%kpt-space-4, 1rem);border:var(--%NS%kpt-border-width-thin, 1px) solid color-mix(in oklch,var(--%NS%_accent) 35%,transparent);border-inline-start:3px solid var(--%NS%_accent);border-radius:var(--%NS%kpt-radius-md, .5rem);background:color-mix(in oklch,var(--%NS%_accent) 10%,var(--%NS%kpt-color-surface));color:var(--%NS%kpt-color-on-surface);font-size:var(--%NS%kpt-font-size-sm, .875rem)}.kpt-alert[data-variant=success]{--%NS%_accent: var(--%NS%kpt-color-success)}.kpt-alert[data-variant=warning]{--%NS%_accent: var(--%NS%kpt-color-warning)}.kpt-alert[data-variant=danger]{--%NS%_accent: var(--%NS%kpt-color-danger)}.kpt-alert__icon{color:var(--%NS%_accent);font-weight:700;line-height:1.5}.kpt-alert__content{flex:1;min-width:0}.kpt-alert__title{font-weight:var(--%NS%kpt-font-weight-semibold, 600);margin-bottom:.15rem}.kpt-alert__close{background:none;border:0;cursor:pointer;color:var(--%NS%kpt-color-on-surface-muted);font-size:1.15rem;line-height:1;padding:0}.kpt-alert__close:hover{color:var(--%NS%kpt-color-on-surface)}}\n"], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KptAlert, [{
-        type: Component,
-        args: [{ selector: 'kpt-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [KptIcon], template: `
-    <div class="kpt-alert" [attr.data-variant]="variant()" role="alert">
-      <kpt-icon class="kpt-alert__icon" [name]="iconName()" />
-      <div class="kpt-alert__content">
-        @if (title()) {
-          <div class="kpt-alert__title">{{ title() }}</div>
-        }
-        <div class="kpt-alert__message"><ng-content /></div>
-      </div>
-      @if (dismissible()) {
-        <button class="kpt-alert__close" type="button" (click)="dismiss()" [attr.aria-label]="i18n.t('common.close')"><kpt-icon name="x" /></button>
-      }
-    </div>
-  `, host: { class: 'kpt-alert-host', '[hidden]': '!visible()' }, styles: ["@layer kpt.components{.kpt-alert{--_accent: var(--kpt-color-info);display:flex;align-items:flex-start;gap:var(--kpt-space-3, .75rem);padding:var(--kpt-space-3, .75rem) var(--kpt-space-4, 1rem);border:var(--kpt-border-width-thin, 1px) solid color-mix(in oklch,var(--_accent) 35%,transparent);border-inline-start:3px solid var(--_accent);border-radius:var(--kpt-radius-md, .5rem);background:color-mix(in oklch,var(--_accent) 10%,var(--kpt-color-surface));color:var(--kpt-color-on-surface);font-size:var(--kpt-font-size-sm, .875rem)}.kpt-alert[data-variant=success]{--_accent: var(--kpt-color-success)}.kpt-alert[data-variant=warning]{--_accent: var(--kpt-color-warning)}.kpt-alert[data-variant=danger]{--_accent: var(--kpt-color-danger)}.kpt-alert__icon{color:var(--_accent);font-weight:700;line-height:1.5}.kpt-alert__content{flex:1;min-width:0}.kpt-alert__title{font-weight:var(--kpt-font-weight-semibold, 600);margin-bottom:.15rem}.kpt-alert__close{background:none;border:0;cursor:pointer;color:var(--kpt-color-on-surface-muted);font-size:1.15rem;line-height:1;padding:0}.kpt-alert__close:hover{color:var(--kpt-color-on-surface)}}\n"] }]
-    }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KptAlert, { className: "KptAlert", filePath: "lib/alert/alert.component.ts", lineNumber: 45 }); })();
-
 const _c0$6 = ["dlg"];
 const _c1$1 = ["*", [["", "kptDialogFooter", ""]]];
 const _c2 = ["*", "[kptDialogFooter]"];
@@ -13468,5 +14503,5 @@ class KptSpeedDial {
  * Generated bundle index. Do not edit.
  */
 
-export { KPT_BREAKPOINTS, KPT_FORM_FIELD_CONTROL, KPT_I18N_CONFIG, KPT_MESSAGES_EN, KPT_MESSAGES_PL, KptAccordion, KptAccordionPanel, KptAlert, KptAppShell, KptAutocomplete, KptAvatar, KptAvatarGroup, KptBadge, KptBottomSheet, KptBreadcrumb, KptBreakpointObserver, KptButton, KptButtonGroup, KptCard, KptCarousel, KptCellDef, KptCellEditDef, KptCheckbox, KptChip, KptChipsInput, KptClock, KptColorPicker, KptConfirmContainer, KptConfirmService, KptContextMenu, KptDataTable, KptDataView, KptDateRange, KptDatepicker, KptDialog, KptDivider, KptDrawer, KptEmpty, KptFab, KptFieldset, KptFileUpload, KptFormField, KptGalleria, KptI18n, KptIcon, KptIconButton, KptIconRegistry, KptImage, KptInput, KptInputMask, KptInputNumber, KptInputOtp, KptKnob, KptListbox, KptMegamenu, KptMenu, KptMenubar, KptMeterGroup, KptOrderList, KptPaginator, KptPanel, KptPassword, KptPickList, KptPopover, KptProgress, KptRadioGroup, KptRating, KptRichText, KptRowDetailDef, KptScrollTop, KptSelect, KptShellNavToggle, KptSidenav, KptSkeleton, KptSlider, KptSpeedDial, KptSpinner, KptSplitButton, KptSplitter, KptStep, KptStepper, KptSwitch, KptSwitchGroup, KptTab, KptTabs, KptTextarea, KptTimeline, KptToastContainer, KptToastService, KptToolbar, KptTooltip, KptTree, provideKptI18n, renderKptIconSvg };
+export { KPT_BREAKPOINTS, KPT_FORM_FIELD_CONTROL, KPT_I18N_CONFIG, KPT_MESSAGES_EN, KPT_MESSAGES_PL, KptAccordion, KptAccordionPanel, KptAlert, KptAppShell, KptAuth, KptAuthProviderDef, KptAutocomplete, KptAvatar, KptAvatarGroup, KptBadge, KptBottomSheet, KptBreadcrumb, KptBreakpointObserver, KptButton, KptButtonGroup, KptCard, KptCarousel, KptCellDef, KptCellEditDef, KptCheckbox, KptChip, KptChipsInput, KptClock, KptColorPicker, KptConfirmContainer, KptConfirmService, KptContextMenu, KptDataTable, KptDataView, KptDateRange, KptDatepicker, KptDialog, KptDivider, KptDrawer, KptEmpty, KptFab, KptFieldset, KptFileUpload, KptFormField, KptGalleria, KptI18n, KptIcon, KptIconButton, KptIconRegistry, KptImage, KptInput, KptInputMask, KptInputNumber, KptInputOtp, KptKnob, KptListbox, KptMegamenu, KptMenu, KptMenubar, KptMeterGroup, KptOrderList, KptPaginator, KptPanel, KptPassword, KptPickList, KptPopover, KptProgress, KptRadioGroup, KptRating, KptRichText, KptRowDetailDef, KptScrollTop, KptSelect, KptShellNavToggle, KptSidenav, KptSkeleton, KptSlider, KptSpeedDial, KptSpinner, KptSplitButton, KptSplitter, KptStep, KptStepper, KptSwitch, KptSwitchGroup, KptTab, KptTabs, KptTextarea, KptTimeline, KptToastContainer, KptToastService, KptToolbar, KptTooltip, KptTree, provideKptI18n, renderKptIconSvg };
 //# sourceMappingURL=konce-pt-angular.mjs.map