@db-ux/wc-core-components 2.4.0 → 2.4.2

package/dist/types/components/checkbox/checkbox.d.ts

@@ -21,11 +21,11 @@ export declare class DBCheckbox {
     focus: EventEmitter<Parameters<Required<DBCheckboxProps>["onFocus"]>[number]> | void;
     className: DBCheckboxProps["className"];
     size: DBCheckboxProps["size"];
+    showRequiredAsterisk: DBCheckboxProps["showRequiredAsterisk"];
     showLabel: DBCheckboxProps["showLabel"];
     name: DBCheckboxProps["name"];
     disabled: DBCheckboxProps["disabled"];
     value: DBCheckboxProps["value"];
-    showRequiredAsterisk: DBCheckboxProps["showRequiredAsterisk"];
     ariaDescribedBy: DBCheckboxProps["ariaDescribedBy"];
     label: DBCheckboxProps["label"];
     messageIcon: DBCheckboxProps["messageIcon"];

package/dist/types/components/input/input.d.ts

@@ -30,13 +30,13 @@ export declare class DBInput {
     showIcon: DBInputProps["showIcon"];
     icon: DBInputProps["icon"];
     iconAfter: DBInputProps["iconAfter"];
+    showRequiredAsterisk: DBInputProps["showRequiredAsterisk"];
     label: DBInputProps["label"];
     fieldSizing: DBInputProps["fieldSizing"];
     name: DBInputProps["name"];
     type: DBInputProps["type"];
     placeholder: DBInputProps["placeholder"];
     disabled: DBInputProps["disabled"];
-    showRequiredAsterisk: DBInputProps["showRequiredAsterisk"];
     step: DBInputProps["step"];
     maxlength: DBInputProps["maxlength"];
     minlength: DBInputProps["minlength"];

package/dist/types/components/navigation-item/navigation-item.d.ts

@@ -27,7 +27,7 @@ export declare class DBNavigationItem {
     autoClose: boolean;
     subNavigationId: string;
     navigationItemSafeTriangle: any;
-    handleNavigationItemClick(event: unknown): void;
+    handleNavigationItemClick(event: any): void;
     handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
     handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
     /**

package/dist/types/components/radio/radio.d.ts

@@ -14,6 +14,7 @@ export declare class DBRadio {
     focus: EventEmitter<Parameters<Required<DBRadioProps>["onFocus"]>[number]> | void;
     size: DBRadioProps["size"];
     showLabel: DBRadioProps["showLabel"];
+    showRequiredAsterisk: DBRadioProps["showRequiredAsterisk"];
     className: DBRadioProps["className"];
     validation: DBRadioProps["validation"];
     name: DBRadioProps["name"];
@@ -22,7 +23,6 @@ export declare class DBRadio {
     ariaDescribedBy: DBRadioProps["ariaDescribedBy"];
     value: DBRadioProps["value"];
     required: DBRadioProps["required"];
-    showRequiredAsterisk: DBRadioProps["showRequiredAsterisk"];
     label: DBRadioProps["label"];
     initialized: boolean;
     _id: any;

package/dist/types/components/select/select.d.ts

@@ -23,10 +23,10 @@ export declare class DBSelect {
     className: DBSelectProps["className"];
     variant: DBSelectProps["variant"];
     showLabel: DBSelectProps["showLabel"];
+    showRequiredAsterisk: DBSelectProps["showRequiredAsterisk"];
     icon: DBSelectProps["icon"];
     showIcon: DBSelectProps["showIcon"];
     label: DBSelectProps["label"];
-    showRequiredAsterisk: DBSelectProps["showRequiredAsterisk"];
     disabled: DBSelectProps["disabled"];
     name: DBSelectProps["name"];
     size: DBSelectProps["size"];

package/dist/types/components/switch/model.d.ts

@@ -6,7 +6,5 @@ export type DBSwitchDefaultProps = {
     visualAid?: boolean | string;
 };
 export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconAfterProps;
-export type DBSwitchDefaultState = {
-    _checked?: boolean;
-};
+export type DBSwitchDefaultState = {};
 export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;

package/dist/types/components/switch/switch.d.ts

@@ -8,7 +8,6 @@ import { EventEmitter } from "../../stencil-public-runtime";
 export declare class DBSwitch {
     private _ref;
     id: DBSwitchProps["id"];
-    checked: DBSwitchProps["checked"];
     change: EventEmitter<Parameters<Required<DBSwitchProps>["onChange"]>[number]> | void;
     blur: EventEmitter<Parameters<Required<DBSwitchProps>["onBlur"]>[number]> | void;
     focus: EventEmitter<Parameters<Required<DBSwitchProps>["onFocus"]>[number]> | void;
@@ -16,7 +15,9 @@ export declare class DBSwitch {
     size: DBSwitchProps["size"];
     showLabel: DBSwitchProps["showLabel"];
     emphasis: DBSwitchProps["emphasis"];
+    showRequiredAsterisk: DBSwitchProps["showRequiredAsterisk"];
     className: DBSwitchProps["className"];
+    checked: DBSwitchProps["checked"];
     value: DBSwitchProps["value"];
     disabled: DBSwitchProps["disabled"];
     describedbyid: DBSwitchProps["describedbyid"];
@@ -24,12 +25,10 @@ export declare class DBSwitch {
     validation: DBSwitchProps["validation"];
     name: DBSwitchProps["name"];
     required: DBSwitchProps["required"];
-    showRequiredAsterisk: DBSwitchProps["showRequiredAsterisk"];
     icon: DBSwitchProps["icon"];
     iconAfter: DBSwitchProps["iconAfter"];
     label: DBSwitchProps["label"];
     _id: any;
-    _checked: boolean;
     handleChange(event: ChangeEvent<HTMLInputElement>): void;
     handleBlur(event: InteractionEvent<HTMLInputElement>): void;
     handleFocus(event: InteractionEvent<HTMLInputElement>): void;
@@ -39,8 +38,6 @@ export declare class DBSwitch {
      * @param customElementSelector  the custom element like `my-component`
      */
     private enableAttributePassing;
-    watch0Fn(): void;
-    watch0(): void;
     componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components/textarea/textarea.d.ts

@@ -23,13 +23,13 @@ export declare class DBTextarea {
     focus: EventEmitter<Parameters<Required<DBTextareaProps>["onFocus"]>[number]> | void;
     className: DBTextareaProps["className"];
     variant: DBTextareaProps["variant"];
+    showRequiredAsterisk: DBTextareaProps["showRequiredAsterisk"];
     showLabel: DBTextareaProps["showLabel"];
     label: DBTextareaProps["label"];
     fieldSizing: DBTextareaProps["fieldSizing"];
     resize: DBTextareaProps["resize"];
     showResizer: DBTextareaProps["showResizer"];
     disabled: DBTextareaProps["disabled"];
-    showRequiredAsterisk: DBTextareaProps["showRequiredAsterisk"];
     readOnly: DBTextareaProps["readOnly"];
     readonly: DBTextareaProps["readonly"];
     form: DBTextareaProps["form"];

package/dist/types/shared/model.d.ts

@@ -85,7 +85,7 @@ export type PlacementProps = {
     placement?: PlacementType;
 };
 export type NavigationBehaviorState = {
-    handleNavigationItemClick: (event: unknown) => void;
+    handleNavigationItemClick: (event: any) => void;
 };
 export type GapProps = {
     /**

package/dist/vscode.html-custom-data.json

@@ -437,6 +437,11 @@
           "description": "The size attribute changes the font-size and other related sizes of the component.",
           "values": [{ "name": "small" }, { "name": "medium" }]
         },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
         {
           "name": "show-label",
           "description": "Enables/disables the visibility of the label",
@@ -457,11 +462,6 @@
           "description": "The value property is to receive results from the native form element.",
           "values": []
         },
-        {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
-        },
         {
           "name": "aria-described-by",
           "description": "Overwrites auto handling for aria-describedby.",
@@ -700,6 +700,11 @@
           "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
           "values": [{ "name": "IconTypes" }]
         },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
         {
           "name": "label",
           "description": "The label attribute specifies the caption of the form element.",
@@ -747,11 +752,6 @@
           "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
           "values": []
         },
-        {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
-        },
         {
           "name": "step",
           "description": "Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",
@@ -1876,6 +1876,11 @@
           "description": "Enables/disables the visibility of the label",
           "values": []
         },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
         {
           "name": "classname",
           "description": "React specific for adding className to the component.",
@@ -1916,11 +1921,6 @@
           "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
           "values": []
         },
-        {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
-        },
         {
           "name": "label",
           "description": "The label attribute specifies the caption of the form element.",
@@ -2029,6 +2029,11 @@
           "description": "Enables/disables the visibility of the label",
           "values": []
         },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
         {
           "name": "icon",
           "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
@@ -2044,11 +2049,6 @@
           "description": "The label attribute specifies the caption of the form element.",
           "values": []
         },
-        {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
-        },
         {
           "name": "disabled",
           "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
@@ -2224,11 +2224,6 @@
           "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
           "values": []
         },
-        {
-          "name": "checked",
-          "description": "Define the radio or checkbox elements checked state",
-          "values": []
-        },
         {
           "name": "visual-aid",
           "description": "Add additional icons to indicate active/inactive state.",
@@ -2249,11 +2244,21 @@
           "description": "The emphasis attribute divides in between a weak or strong importance.",
           "values": [{ "name": "weak" }, { "name": "strong" }]
         },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
         {
           "name": "classname",
           "description": "React specific for adding className to the component.",
           "values": []
         },
+        {
+          "name": "checked",
+          "description": "Define the radio or checkbox elements checked state",
+          "values": []
+        },
         {
           "name": "value",
           "description": "The value property is to receive results from the native form element.",
@@ -2289,11 +2294,6 @@
           "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
           "values": []
         },
-        {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
-        },
         {
           "name": "icon",
           "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
@@ -2553,6 +2553,11 @@
           "description": "Change the variant of the label to float or hidden",
           "values": [{ "name": "above" }, { "name": "floating" }]
         },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
         {
           "name": "show-label",
           "description": "Enables/disables the visibility of the label",
@@ -2588,11 +2593,6 @@
           "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
           "values": []
         },
-        {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
-        },
         {
           "name": "read-only",
           "description": "The disabled attribute can be set to keep a user from edit on the form element",