@db-ux/ngx-core-components 4.2.0 → 4.2.2-css-selectors-792dad7

package/index.d.ts

@@ -2591,7 +2591,9 @@ type DBSwitchDefaultProps = {
     variant?: LabelVariantHorizontalType;
 };
 type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps & DBSwitchDefaultProps;
-type DBSwitchDefaultState = {};
+type DBSwitchDefaultState = {
+    handleKeyDown: (event: GeneralKeyboardEvent<HTMLInputElement>) => void;
+};
 type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;
 
 declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy {
@@ -2611,6 +2613,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     validMessage: InputSignal<DBSwitchProps["validMessage"]>;
     invalidMessage: InputSignal<DBSwitchProps["invalidMessage"]>;
     checked: ModelSignal<DBSwitchProps["checked"]>;
+    disabled: ModelSignal<DBSwitchProps["disabled"]>;
     visualAid: InputSignal<DBSwitchProps["visualAid"]>;
     size: InputSignal<DBSwitchProps["size"]>;
     showLabel: InputSignal<DBSwitchProps["showLabel"]>;
@@ -2618,7 +2621,6 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     showRequiredAsterisk: InputSignal<DBSwitchProps["showRequiredAsterisk"]>;
     className: InputSignal<DBSwitchProps["className"]>;
     value: InputSignal<DBSwitchProps["value"]>;
-    disabled: ModelSignal<DBSwitchProps["disabled"]>;
     name: InputSignal<DBSwitchProps["name"]>;
     iconLeading: InputSignal<DBSwitchProps["iconLeading"]>;
     icon: InputSignal<DBSwitchProps["icon"]>;
@@ -2642,6 +2644,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
     handleBlur(event: InteractionEvent<HTMLInputElement>): void;
     handleFocus(event: InteractionEvent<HTMLInputElement>): void;
+    handleKeyDown(event: GeneralKeyboardEvent<HTMLInputElement>): void;
     constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
@@ -2657,7 +2660,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSwitch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
 }
 
 type DBTabItemDefaultProps = {
@@ -2681,10 +2684,13 @@ type DBTabItemDefaultProps = {
 type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
 type DBTabItemDefaultState = {
     _selected: boolean;
+    _listenerAdded: boolean;
+    boundSetSelectedOnChange?: (event: any) => void;
+    setSelectedOnChange: (event: any) => void;
 };
 type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState;
 
-declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
+declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private renderer;
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
@@ -2708,6 +2714,9 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
     _selected: _angular_core.WritableSignal<boolean>;
     _name: _angular_core.WritableSignal<string | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
+    _listenerAdded: _angular_core.WritableSignal<boolean>;
+    boundSetSelectedOnChange: _angular_core.WritableSignal<((event: any) => void) | undefined>;
+    setSelectedOnChange(event: any): void;
     handleNameAttribute(): void;
     handleChange(event: any): void;
     constructor(renderer: Renderer2);
@@ -2723,6 +2732,7 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor {
     registerOnTouched(onTouched: any): void;
     setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabItem, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; }, never, ["*"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/ngx-core-components",
-  "version": "4.2.0",
+  "version": "4.2.2-css-selectors-792dad7",
   "description": "Angular components @db-ux/core-components",
   "type": "module",
   "repository": {
@@ -16,8 +16,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@db-ux/core-components": "4.2.0",
-    "@db-ux/core-foundations": "4.2.0",
+    "@db-ux/core-components": "4.2.2-css-selectors-792dad7",
+    "@db-ux/core-foundations": "4.2.2-css-selectors-792dad7",
     "tslib": "^2.3.0"
   },
   "typings": "index.d.ts",
@@ -31,4 +31,4 @@
     }
   },
   "sideEffects": false
-}
+}