@kern-ux-annex/kern-angular-kit 1.0.2 → 1.2.0

package/{index.d.ts → types/kern-ux-annex-kern-angular-kit.d.ts}

@@ -27,16 +27,20 @@ declare class KernDialog {
     readonly btnCloseLabelText: _angular_core.InputSignal<string>;
     readonly btnPrimaryLabelText: _angular_core.InputSignal<string | null>;
     readonly btnSecondaryLabelText: _angular_core.InputSignal<string | null>;
+    readonly formId: _angular_core.InputSignal<string | null>;
+    readonly forceBodyScrollLock: _angular_core.InputSignal<boolean>;
     readonly cancelEvent: _angular_core.OutputEmitterRef<Event>;
     readonly btnPrimaryClickEvent: _angular_core.OutputEmitterRef<Event>;
     readonly btnSecondaryClickEvent: _angular_core.OutputEmitterRef<Event>;
     private readonly generatedId;
+    private readonly scrollLockService;
     protected readonly effectiveId: _angular_core.Signal<string>;
     private readonly dialog;
     showModal(): void;
     closeModal(): void;
+    protected unlockBodyScroll(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernDialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernDialog, "kern-dialog", never, { "dialogId": { "alias": "dialogId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "btnCloseLabelText": { "alias": "btnCloseLabelText"; "required": false; "isSignal": true; }; "btnPrimaryLabelText": { "alias": "btnPrimaryLabelText"; "required": false; "isSignal": true; }; "btnSecondaryLabelText": { "alias": "btnSecondaryLabelText"; "required": false; "isSignal": true; }; }, { "cancelEvent": "cancelEvent"; "btnPrimaryClickEvent": "btnPrimaryClickEvent"; "btnSecondaryClickEvent": "btnSecondaryClickEvent"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernDialog, "kern-dialog", never, { "dialogId": { "alias": "dialogId"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "btnCloseLabelText": { "alias": "btnCloseLabelText"; "required": false; "isSignal": true; }; "btnPrimaryLabelText": { "alias": "btnPrimaryLabelText"; "required": false; "isSignal": true; }; "btnSecondaryLabelText": { "alias": "btnSecondaryLabelText"; "required": false; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; "forceBodyScrollLock": { "alias": "forceBodyScrollLock"; "required": false; "isSignal": true; }; }, { "cancelEvent": "cancelEvent"; "btnPrimaryClickEvent": "btnPrimaryClickEvent"; "btnSecondaryClickEvent": "btnSecondaryClickEvent"; }, never, ["*"], true, never>;
 }
 
 declare class KernLoader {
@@ -60,9 +64,10 @@ declare class KernButton {
     readonly iconLeft: _angular_core.InputSignal<string | null>;
     readonly iconRight: _angular_core.InputSignal<string | null>;
     readonly srOnlyLabel: _angular_core.InputSignal<boolean>;
+    readonly formId: _angular_core.InputSignal<string | null>;
     readonly clickEvent: _angular_core.OutputEmitterRef<Event>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernButton, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernButton, "kern-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "srOnlyLabel": { "alias": "srOnlyLabel"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernButton, "kern-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "srOnlyLabel": { "alias": "srOnlyLabel"; "required": false; "isSignal": true; }; "formId": { "alias": "formId"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, ["*"], true, never>;
 }
 
 declare class KernCard {
@@ -441,6 +446,7 @@ declare class KernInputText {
     protected readonly effectiveId: _angular_core.Signal<string>;
     protected readonly inputDescribedBy: _angular_core.Signal<string | null>;
     protected onInput(event: Event): void;
+    protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernInputText, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KernInputText, "kern-input-text", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hintTemplate": { "alias": "hintTemplate"; "required": false; "isSignal": true; }; "hintText": { "alias": "hintText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ControlValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
@@ -607,711 +613,6 @@ declare class KernAngularKitModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<KernAngularKitModule>;
 }
 
-/**
- * TypeScript interfaces for KERN Angular Kit components
- * Provides IntelliSense support and type safety
- */
-interface KernAccordionInputs {
-    title: string;
-    open?: boolean;
-}
-interface KernAccordionGroupInputs {
-}
-interface KernAlertInputs {
-    title: string;
-    type?: 'info' | 'success' | 'warning' | 'danger';
-}
-interface KernBadgeInputs {
-    variant?: 'info' | 'success' | 'warning' | 'danger';
-    icon?: string | null;
-}
-interface KernButtonInputs {
-    variant?: 'primary' | 'secondary' | 'tertiary';
-    block?: boolean;
-    disabled?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    iconLeft?: string | null;
-    iconRight?: string | null;
-    srOnlyLabel?: boolean;
-}
-interface KernButtonOutputs {
-    clickEvent: Event;
-}
-interface KernCardInputs {
-    title?: string | null;
-    titleLinkHref?: string | null;
-    titleLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
-    preline?: string | null;
-    subline?: string | null;
-    imgSrc?: string | null;
-    imgAlt?: string | null;
-    size?: 'default' | 'small' | 'large';
-    headingLevel?: '1' | '2' | '3' | '4' | '5';
-    btnPrimaryLabelText?: string | null;
-    btnSecondaryLabelText?: string | null;
-}
-interface KernCardOutputs {
-    titleLinkClickEvent: Event;
-    btnPrimaryClickEvent: Event;
-    btnSecondaryClickEvent: Event;
-}
-interface KernDialogInputs {
-    dialogId?: string;
-    title: string;
-    btnCloseLabelText?: string;
-    btnPrimaryLabelText?: string | null;
-    btnSecondaryLabelText?: string | null;
-}
-interface KernDialogOutputs {
-    cancelEvent: Event;
-    btnPrimaryClickEvent: Event;
-    btnSecondaryClickEvent: Event;
-}
-interface KernDividerInputs {
-}
-interface KernIconInputs {
-    name: string;
-    size?: string;
-}
-interface KernLinkInputs {
-    href: string;
-    target?: '_self' | '_blank' | '_parent' | '_top';
-    external?: boolean;
-}
-interface KernLoaderInputs {
-    text?: string;
-}
-interface KernProgressInputs {
-    value: number;
-    max?: number;
-    label?: string;
-}
-interface KernKopfzeileInputs {
-    fluid?: boolean;
-}
-interface KernHeadingInputs {
-    level?: '1' | '2' | '3' | '4' | '5' | '6';
-    text: string;
-}
-interface KernTableInputs {
-    responsive?: boolean;
-    small?: boolean;
-    striped?: boolean;
-    caption?: string | null;
-    columns: KernTableColumn[];
-    data: KernTableRow[];
-    footer?: KernTableRow[] | null;
-    rowHeaderKey?: string | null;
-}
-interface KernSummaryInputs {
-    titleId?: string;
-    title?: string | null;
-    titleNumber?: string | null;
-    headingLevel?: '1' | '2' | '3' | '4' | '5' | '6';
-    items: {
-        term: string;
-        description: string;
-    }[];
-    actionLinkHref?: string | null;
-    actionLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
-}
-interface KernSummaryOutputs {
-    actionLinkClickEvent: Event;
-}
-interface KernSummaryGroupInputs {
-}
-interface KernDescriptionListInputs {
-    items: {
-        term: string;
-        description: string;
-    }[];
-    orientation?: 'horizontal' | 'vertical';
-}
-interface KernTasklistItem {
-    id: string;
-    text: string;
-    completed?: boolean;
-    href?: string;
-}
-interface KernTasklistInputs {
-    tasks: KernTasklistItem[];
-    editable?: boolean;
-}
-interface KernInputBaseInputs {
-    inputId?: string;
-    labelText: string;
-    optional?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-}
-interface KernFieldsetInputs {
-    legend: string;
-    required?: boolean;
-}
-interface KernInputErrorInputs {
-    errorText: string;
-}
-interface KernInputHintInputs {
-    hintText: string;
-}
-interface KernInputTextInputs extends KernInputBaseInputs {
-    inputmode?: 'decimal' | 'numeric' | null;
-    maxlength?: number | null;
-}
-interface KernInputNumberInputs extends KernInputBaseInputs {
-    min?: number | null;
-    max?: number | null;
-    step?: number | null;
-    autocomplete?: string | null;
-    placeholder?: string | null;
-}
-interface KernInputCheckboxInputs extends KernInputBaseInputs {
-}
-interface KernInputDateInputs extends KernInputBaseInputs {
-    min?: string | null;
-    max?: string | null;
-}
-interface KernInputEmailInputs extends KernInputBaseInputs {
-}
-interface KernInputFileInputs extends KernInputBaseInputs {
-    accept?: string | null;
-    multiple?: boolean;
-}
-interface KernInputPasswordInputs extends KernInputBaseInputs {
-    maxlength?: number | null;
-}
-interface KernInputRadioInputs extends KernInputBaseInputs {
-    value: string;
-    name: string;
-}
-interface KernInputSelectInputs extends KernInputBaseInputs {
-    emptyPlaceholder?: string;
-}
-interface KernInputTelInputs extends KernInputBaseInputs {
-}
-interface KernInputTextareaInputs extends KernInputBaseInputs {
-    rows?: number | null;
-    cols?: number | null;
-    maxlength?: number | null;
-}
-interface KernInputUrlInputs extends KernInputBaseInputs {
-}
-interface KernContainerInputs {
-    fluid?: boolean;
-}
-interface KernRowInputs {
-    verticalAlign?: 'start' | 'center' | 'end' | null;
-    horizontalAlign?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' | null;
-}
-interface KernColInputs {
-    size?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
-    offset?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
-}
-/**
- * Combined interface mapping component selectors to their input types
- * Useful for programmatic component configuration
- */
-interface KernComponentSchemas {
-    'kern-accordion': KernAccordionInputs;
-    'kern-accordion-group': KernAccordionGroupInputs;
-    'kern-alert': KernAlertInputs;
-    'kern-badge': KernBadgeInputs;
-    'kern-button': KernButtonInputs;
-    'kern-card': KernCardInputs;
-    'kern-dialog': KernDialogInputs;
-    'kern-divider': KernDividerInputs;
-    'kern-icon': KernIconInputs;
-    'kern-link': KernLinkInputs;
-    'kern-loader': KernLoaderInputs;
-    'kern-progress': KernProgressInputs;
-    'kern-kopfzeile': KernKopfzeileInputs;
-    'kern-heading': KernHeadingInputs;
-    'kern-table': KernTableInputs;
-    'kern-summary': KernSummaryInputs;
-    'kern-summary-group': KernSummaryGroupInputs;
-    'kern-description-list': KernDescriptionListInputs;
-    'kern-tasklist': KernTasklistInputs;
-    'kern-fieldset': KernFieldsetInputs;
-    'kern-input-error': KernInputErrorInputs;
-    'kern-input-hint': KernInputHintInputs;
-    'kern-input-text': KernInputTextInputs;
-    'kern-input-number': KernInputNumberInputs;
-    'kern-input-checkbox': KernInputCheckboxInputs;
-    'kern-input-date': KernInputDateInputs;
-    'kern-input-email': KernInputEmailInputs;
-    'kern-input-file': KernInputFileInputs;
-    'kern-input-password': KernInputPasswordInputs;
-    'kern-input-radio': KernInputRadioInputs;
-    'kern-input-select': KernInputSelectInputs;
-    'kern-input-tel': KernInputTelInputs;
-    'kern-input-textarea': KernInputTextareaInputs;
-    'kern-input-url': KernInputUrlInputs;
-    'kern-container': KernContainerInputs;
-    'kern-row': KernRowInputs;
-    'kern-col': KernColInputs;
-}
-/**
- * Type helper for getting component inputs by selector
- */
-type ComponentInputs<T extends keyof KernComponentSchemas> = KernComponentSchemas[T];
-/**
- * Union type of all component selectors
- */
-type KernComponentSelector = keyof KernComponentSchemas;
-/**
- * Type helper for getting component outputs by selector
- */
-interface KernComponentOutputs {
-    'kern-button': KernButtonOutputs;
-    'kern-card': KernCardOutputs;
-    'kern-dialog': KernDialogOutputs;
-    'kern-summary': KernSummaryOutputs;
-}
-/**
- * Type helper for component event handlers
- */
-type ComponentOutputs<T extends keyof KernComponentOutputs> = KernComponentOutputs[T];
-
-/**
- * Augment the global JSX namespace to provide IntelliSense for KERN components
- * when used as custom elements or in JSX/TSX contexts
- */
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'kern-accordion': {
-                title: string;
-                open?: boolean;
-                children?: any;
-            };
-            'kern-accordion-group': {
-                children?: any;
-            };
-            'kern-alert': {
-                title: string;
-                type?: 'info' | 'success' | 'warning' | 'danger';
-                children?: any;
-            };
-            'kern-badge': {
-                variant?: 'info' | 'success' | 'warning' | 'danger';
-                icon?: string | null;
-                children?: any;
-            };
-            'kern-button': {
-                variant?: 'primary' | 'secondary' | 'tertiary';
-                block?: boolean;
-                disabled?: boolean;
-                type?: 'button' | 'submit' | 'reset';
-                iconLeft?: string | null;
-                iconRight?: string | null;
-                srOnlyLabel?: boolean;
-                onClick?: (event: Event) => void;
-                children?: any;
-            };
-            'kern-card': {
-                title?: string | null;
-                titleLinkHref?: string | null;
-                titleLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
-                preline?: string | null;
-                subline?: string | null;
-                imgSrc?: string | null;
-                imgAlt?: string | null;
-                size?: 'default' | 'small' | 'large';
-                headingLevel?: '1' | '2' | '3' | '4' | '5';
-                btnPrimaryLabelText?: string | null;
-                btnSecondaryLabelText?: string | null;
-                onTitleLinkClickEvent?: (event: Event) => void;
-                onBtnPrimaryClickEvent?: (event: Event) => void;
-                onBtnSecondaryClickEvent?: (event: Event) => void;
-                children?: any;
-            };
-            'kern-dialog': {
-                dialogId?: string;
-                title: string;
-                btnCloseLabelText?: string;
-                btnPrimaryLabelText?: string | null;
-                btnSecondaryLabelText?: string | null;
-                onCancelEvent?: (event: Event) => void;
-                onBtnPrimaryClickEvent?: (event: Event) => void;
-                onBtnSecondaryClickEvent?: (event: Event) => void;
-                children?: any;
-            };
-            'kern-divider': {
-                children?: any;
-            };
-            'kern-icon': {
-                name: string;
-                size?: string;
-            };
-            'kern-link': {
-                href: string;
-                target?: '_self' | '_blank' | '_parent' | '_top';
-                external?: boolean;
-                children?: any;
-            };
-            'kern-loader': {
-                text?: string;
-                children?: any;
-            };
-            'kern-progress': {
-                value: number;
-                max?: number;
-                label?: string;
-            };
-            'kern-kopfzeile': {
-                fluid?: boolean;
-            };
-            'kern-heading': {
-                level?: '1' | '2' | '3' | '4' | '5' | '6';
-                text: string;
-            };
-            'kern-table': {
-                responsive?: boolean;
-                small?: boolean;
-                striped?: boolean;
-                caption?: string | null;
-                columns: Array<{
-                    key: string;
-                    header: string;
-                    numeric?: boolean;
-                }>;
-                data: Array<Record<string, unknown>>;
-                footer?: Array<Record<string, unknown>> | null;
-                rowHeaderKey?: string | null;
-            };
-            'kern-summary': {
-                titleId?: string;
-                title?: string | null;
-                titleNumber?: string | null;
-                headingLevel?: '1' | '2' | '3' | '4' | '5' | '6';
-                items: Array<{
-                    term: string;
-                    description: string;
-                }>;
-                actionLinkHref?: string | null;
-                actionLinkTarget?: '_self' | '_blank' | '_parent' | '_top';
-                onActionLinkClickEvent?: (event: Event) => void;
-                children?: any;
-            };
-            'kern-summary-group': {
-                children?: any;
-            };
-            'kern-description-list': {
-                items: Array<{
-                    term: string;
-                    description: string;
-                }>;
-                orientation?: 'horizontal' | 'vertical';
-            };
-            'kern-tasklist': {
-                tasks: Array<{
-                    id: string;
-                    text: string;
-                    completed?: boolean;
-                    href?: string;
-                }>;
-                editable?: boolean;
-            };
-            'kern-fieldset': {
-                legend: string;
-                required?: boolean;
-                children?: any;
-            };
-            'kern-input-error': {
-                errorText: string;
-            };
-            'kern-input-hint': {
-                hintText: string;
-            };
-            'kern-input-text': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                inputmode?: 'decimal' | 'numeric' | null;
-                maxlength?: number | null;
-                value?: string;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-input-number': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                min?: number | null;
-                max?: number | null;
-                step?: number | null;
-                autocomplete?: string | null;
-                placeholder?: string | null;
-                value?: number;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-input-checkbox': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                checked?: boolean;
-                onChange?: (event: Event) => void;
-            };
-            'kern-input-date': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                min?: string | null;
-                max?: string | null;
-                value?: string;
-                onChange?: (event: Event) => void;
-            };
-            'kern-input-email': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                value?: string;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-input-file': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                accept?: string | null;
-                multiple?: boolean;
-                onChange?: (event: Event) => void;
-            };
-            'kern-input-password': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                maxlength?: number | null;
-                value?: string;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-input-radio': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                value: string;
-                name: string;
-                checked?: boolean;
-                onChange?: (event: Event) => void;
-            };
-            'kern-input-select': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                emptyPlaceholder?: string;
-                value?: string | string[];
-                onChange?: (event: Event) => void;
-                children?: any;
-            };
-            'kern-input-tel': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                value?: string;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-input-textarea': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                rows?: number | null;
-                cols?: number | null;
-                maxlength?: number | null;
-                value?: string;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-input-url': {
-                inputId?: string;
-                labelText: string;
-                optional?: boolean;
-                readonly?: boolean;
-                required?: boolean;
-                value?: string;
-                onChange?: (event: Event) => void;
-                onInput?: (event: Event) => void;
-            };
-            'kern-container': {
-                fluid?: boolean;
-            };
-            'kern-row': {
-                verticalAlign?: 'start' | 'center' | 'end' | null;
-                horizontalAlign?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' | null;
-            };
-            'kern-col': {
-                size?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
-                offset?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
-            };
-        }
-    }
-}
-/**
- * Angular module that enables custom element schemas
- * Import this module to allow Angular to recognize KERN components as valid custom elements
- */
-declare class KernElementsModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KernElementsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KernElementsModule, never, never, never>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KernElementsModule>;
-}
-/**
- * HTML Element interfaces for direct DOM manipulation
- * Useful when working with KERN components as native custom elements
- */
-interface KernAccordionElement extends HTMLElement {
-    title: string;
-    open: boolean;
-}
-interface KernAlertElement extends HTMLElement {
-    title: string;
-    type: 'info' | 'success' | 'warning' | 'danger';
-}
-interface KernBadgeElement extends HTMLElement {
-    variant: 'info' | 'success' | 'warning' | 'danger';
-    icon?: string | null;
-}
-interface KernButtonElement extends HTMLElement {
-    variant: 'primary' | 'secondary' | 'tertiary';
-    block: boolean;
-    disabled: boolean;
-    type: 'button' | 'submit' | 'reset';
-    iconLeft?: string | null;
-    iconRight?: string | null;
-    srOnlyLabel: boolean;
-}
-interface KernCardElement extends HTMLElement {
-    cardTitle?: string | null;
-    titleLinkHref?: string | null;
-    titleLinkTarget: '_self' | '_blank' | '_parent' | '_top';
-    preline?: string | null;
-    subline?: string | null;
-    imgSrc?: string | null;
-    imgAlt?: string | null;
-    size: 'default' | 'small' | 'large';
-    headingLevel: '1' | '2' | '3' | '4' | '5';
-    btnPrimaryLabelText?: string | null;
-    btnSecondaryLabelText?: string | null;
-}
-interface KernDialogElement extends HTMLElement {
-    dialogId?: string;
-    dialogTitle: string;
-    btnCloseLabelText: string;
-    btnPrimaryLabelText?: string | null;
-    btnSecondaryLabelText?: string | null;
-    showModal(): void;
-    close(): void;
-}
-interface KernIconElement extends HTMLElement {
-    name: string;
-    size?: string;
-}
-interface KernLinkElement extends HTMLElement {
-    href: string;
-    target: '_self' | '_blank' | '_parent' | '_top';
-    external: boolean;
-}
-interface KernLoaderElement extends HTMLElement {
-    text: string;
-}
-interface KernProgressElement extends HTMLElement {
-    value: number;
-    max: number;
-    label?: string;
-}
-interface KernKopfzeileElement extends HTMLElement {
-    fluid?: boolean;
-}
-interface KernTableElement extends HTMLElement {
-    responsive: boolean;
-    small: boolean;
-    striped: boolean;
-    caption?: string | null;
-    columns: Array<{
-        key: string;
-        header: string;
-        numeric?: boolean;
-    }>;
-    data: Array<Record<string, unknown>>;
-    footer?: Array<Record<string, unknown>> | null;
-    rowHeaderKey?: string | null;
-}
-interface KernSummaryElement extends HTMLElement {
-    titleId?: string;
-    summaryTitle?: string | null;
-    titleNumber?: string | null;
-    headingLevel: '1' | '2' | '3' | '4' | '5' | '6';
-    items: Array<{
-        term: string;
-        description: string;
-    }>;
-    actionLinkHref?: string | null;
-    actionLinkTarget: '_self' | '_blank' | '_parent' | '_top';
-}
-interface KernInputElement extends HTMLElement {
-    inputId?: string;
-    labelText: string;
-    optional: boolean;
-    readonly: boolean;
-    required: boolean;
-    value: string;
-}
-interface KernContainerElement extends HTMLElement {
-    fluid?: boolean;
-}
-interface KernRowElement extends HTMLElement {
-    verticalAlign?: 'start' | 'center' | 'end' | null;
-    horizontalAlign?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly' | null;
-}
-interface KernColElement extends HTMLElement {
-    size?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
-    offset?: number | Partial<Record<'base' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
-}
-/**
- * Type guards for KERN custom elements
- */
-declare function isKernAccordion(element: Element | null): element is KernAccordionElement;
-declare function isKernAlert(element: Element | null): element is KernAlertElement;
-declare function isKernBadge(element: Element | null): element is KernBadgeElement;
-declare function isKernButton(element: Element | null): element is KernButtonElement;
-declare function isKernCard(element: Element | null): element is KernCardElement;
-declare function isKernDialog(element: Element | null): element is KernDialogElement;
-declare function isKernIcon(element: Element | null): element is KernIconElement;
-declare function isKernLink(element: Element | null): element is KernLinkElement;
-declare function isKernLoader(element: Element | null): element is KernLoaderElement;
-declare function isKernProgress(element: Element | null): element is KernProgressElement;
-declare function isKernKopfzeile(element: Element | null): element is KernKopfzeileElement;
-declare function isKernTable(element: Element | null): element is KernTableElement;
-declare function isKernSummary(element: Element | null): element is KernSummaryElement;
-declare function isKernInput(element: Element | null): element is KernInputElement;
-declare function isKernContainer(element: Element | null): element is KernContainerElement;
-declare function isKernRow(element: Element | null): element is KernRowElement;
-declare function isKernCol(element: Element | null): element is KernColElement;
-
 declare class UniqueIdService {
     private counter;
     getUniqueId(prefix?: string): string;
@@ -1319,5 +620,15 @@ declare class UniqueIdService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<UniqueIdService>;
 }
 
-export { ControlValueAccessorDirective, KernAccordion, KernAccordionGroup, KernAlert, KernAngularKitModule, KernBadge, KernBody, KernButton, KernCard, KernCol, KernContainer, KernDescriptionList, KernDialog, KernDivider, KernElementsModule, KernFieldset, KernHeading, KernIcon, KernInputCheckbox, KernInputDate, KernInputEmail, KernInputError, KernInputFile, KernInputHint, KernInputNumber, KernInputPassword, KernInputRadio, KernInputSelect, KernInputTel, KernInputText, KernInputTextarea, KernInputUrl, KernKopfzeile, KernLabel, KernLink, KernList, KernLoader, KernPreline, KernProgress, KernRow, KernSubline, KernSummary, KernSummaryGroup, KernTable, KernTasklist, KernTitle, UniqueIdService, isKernAccordion, isKernAlert, isKernBadge, isKernButton, isKernCard, isKernCol, isKernContainer, isKernDialog, isKernIcon, isKernInput, isKernKopfzeile, isKernLink, isKernLoader, isKernProgress, isKernRow, isKernSummary, isKernTable };
-export type { ComponentInputs, ComponentOutputs, KernAccordionElement, KernAccordionGroupInputs, KernAccordionInputs, KernAlertElement, KernAlertInputs, KernBadgeElement, KernBadgeInputs, KernButtonElement, KernButtonInputs, KernButtonOutputs, KernCardElement, KernCardInputs, KernCardOutputs, KernColElement, KernColInputs, KernComponentOutputs, KernComponentSchemas, KernComponentSelector, KernContainerElement, KernContainerInputs, KernDescriptionListInputs, KernDialogElement, KernDialogInputs, KernDialogOutputs, KernDividerInputs, KernFieldsetInputs, KernHeadingInputs, KernIconElement, KernIconInputs, KernInputBaseInputs, KernInputCheckboxInputs, KernInputDateInputs, KernInputElement, KernInputEmailInputs, KernInputErrorInputs, KernInputFileInputs, KernInputHintInputs, KernInputNumberInputs, KernInputPasswordInputs, KernInputRadioInputs, KernInputSelectInputs, KernInputTelInputs, KernInputTextInputs, KernInputTextareaInputs, KernInputUrlInputs, KernKopfzeileElement, KernKopfzeileInputs, KernLinkElement, KernLinkInputs, KernLoaderElement, KernLoaderInputs, KernProgressElement, KernProgressInputs, KernRowElement, KernRowInputs, KernSummaryElement, KernSummaryGroupInputs, KernSummaryInputs, KernSummaryOutputs, KernTableColumn, KernTableElement, KernTableInputs, KernTableRow, KernTasklistData, KernTasklistInputs, KernTasklistItem };
+declare class ScrollLockService {
+    private lockCount;
+    private defaultOverflowState;
+    lock(): void;
+    unlock(): void;
+    isLocked(): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollLockService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScrollLockService>;
+}
+
+export { ControlValueAccessorDirective, KernAccordion, KernAccordionGroup, KernAlert, KernAngularKitModule, KernBadge, KernBody, KernButton, KernCard, KernCol, KernContainer, KernDescriptionList, KernDialog, KernDivider, KernFieldset, KernHeading, KernIcon, KernInputCheckbox, KernInputDate, KernInputEmail, KernInputError, KernInputFile, KernInputHint, KernInputNumber, KernInputPassword, KernInputRadio, KernInputSelect, KernInputTel, KernInputText, KernInputTextarea, KernInputUrl, KernKopfzeile, KernLabel, KernLink, KernList, KernLoader, KernPreline, KernProgress, KernRow, KernSubline, KernSummary, KernSummaryGroup, KernTable, KernTasklist, KernTitle, ScrollLockService, UniqueIdService };
+export type { KernTableColumn, KernTableRow, KernTasklistData };