@oiz/stzh-components 2.6.0-beta → 2.7.0-alpha

package/dist/types/index.d.ts

@@ -165,6 +165,20 @@ export type StzhDatepickerChangeEvent = {
   value: string;
   valueAsDate: Date;
 };
+export type StzhTimepickerChangeEvent = {
+  component: "stzh-timepicker";
+  value: string;
+};
+export type StzhMonthyearpickerChangeEvent = {
+  component: "stzh-monthyearpicker";
+  value: string;
+  valueMonth: string;
+  valueYear: string;
+};
+export type StzhAmountChangeEvent = {
+  component: "stzh-amount";
+  value: string;
+};
 export type StzhAppointmentsChangeEvent = {
   component: "stzh-appointments";
   value: string;
@@ -489,6 +503,10 @@ export type StzhLangnavChangeEvent = {
   component: "stzh-langnav";
   value: string;
 };
+export type StzhDropdownOption = {
+  text: string;
+  value: string;
+};
 export type StzhDropdownChangeEvent = {
   component: "stzh-dropdown";
   value: string;
@@ -569,6 +587,7 @@ export type StzhUploadFileRemoveEvent = {
 export type StzhUploadFileRemovedEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
+  force: boolean;
 };
 export type StzhUploadSendingEvent = {
   component: "stzh-upload";

package/dist/types/utils/translation-utils.d.ts

@@ -26,6 +26,7 @@ export type StzhLocaleGlobals = {
   requiredFieldText: string;
   optionalFieldMarker: string;
   optionalFieldText: string;
+  invalidFieldText: string;
   clearButtonLabel: string;
   moreInfoButtonLabel: string;
   dayNames: DayNames;

package/dist/vscode-data.json

@@ -242,7 +242,7 @@
       "attributes": [
         {
           "name": "a11y-describedby",
-          "description": "Id of the element which describes the input (this will be overwritten if description prop is used)"
+          "description": "Id of the element which describes the input"
         },
         {
           "name": "clearable",
@@ -299,8 +299,20 @@
             {
               "name": "bottom"
             },
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-end"
+            },
             {
               "name": "top"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-end"
             }
           ]
         },
@@ -1143,7 +1155,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "value",
@@ -1208,7 +1220,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "value",
@@ -1921,7 +1933,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "size",
@@ -2058,6 +2070,10 @@
           "name": "icon",
           "description": "Icon (use instead of icon slot)"
         },
+        {
+          "name": "icon-angle",
+          "description": "Angle icon"
+        },
         {
           "name": "inline",
           "description": "Show inline (auto width)"
@@ -2989,7 +3005,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "show-spin",
@@ -3514,6 +3530,159 @@
         }
       ]
     },
+    {
+      "name": "stzh-monthyearpicker",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH monthyearpicker module."
+      },
+      "attributes": [
+        {
+          "name": "a11y-describedby",
+          "description": "Id of the element which describes the month dropdown"
+        },
+        {
+          "name": "a11y-describedby",
+          "description": "Id of the element which describes the year dropdown"
+        },
+        {
+          "name": "description-long-month",
+          "description": "Long description message appearing in a popover for month"
+        },
+        {
+          "name": "description-long-year",
+          "description": "Long description message appearing in a popover for year"
+        },
+        {
+          "name": "description-month",
+          "description": "Description message for month"
+        },
+        {
+          "name": "description-year",
+          "description": "Description message for year"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled or not"
+        },
+        {
+          "name": "error-month",
+          "description": "One or multiple error message for month"
+        },
+        {
+          "name": "error-year",
+          "description": "One or multiple error message for year"
+        },
+        {
+          "name": "format",
+          "description": "Picker format.",
+          "values": [
+            {
+              "name": "creditcard"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        },
+        {
+          "name": "invalid-month",
+          "description": "Invalid status for month"
+        },
+        {
+          "name": "invalid-year",
+          "description": "Invalid status for year"
+        },
+        {
+          "name": "max",
+          "description": "Maximum month and year allowed to be picked in `YYYY-MM` format.\nThis setting can be used alone or together with the `min` property."
+        },
+        {
+          "name": "max-year",
+          "description": "Maximum year (will be overwritten if `max` is used).\nThis setting can be used alone or together with the `minYear` property."
+        },
+        {
+          "name": "min",
+          "description": "Minimum month and year allowed to be picked in `YYYY-MM` format.\nThis setting can be used alone or together with the `max` property."
+        },
+        {
+          "name": "min-year",
+          "description": "Minimum year (will be overwritten if `min` is used).\nThis setting can be used alone or together with the `maxYear` property."
+        },
+        {
+          "name": "month-label",
+          "description": "Month dropdown label"
+        },
+        {
+          "name": "months",
+          "description": "Set which months to show (overwrites months from min/max)"
+        },
+        {
+          "name": "name",
+          "description": "Name of the hidden date picker input."
+        },
+        {
+          "name": "popover-placement",
+          "description": "Popover placement for the dropdown (if applicable)",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-end"
+            }
+          ]
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the element is readonly or not"
+        },
+        {
+          "name": "required",
+          "description": "Required status"
+        },
+        {
+          "name": "show-marker",
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
+        },
+        {
+          "name": "size",
+          "description": "Size variant",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Value of hidden input (current selected year and month YYYY-MM)."
+        },
+        {
+          "name": "year-label",
+          "description": "Year dropdown label"
+        },
+        {
+          "name": "years",
+          "description": "Set which years to show (overwrites years from min/max)"
+        }
+      ]
+    },
     {
       "name": "stzh-olmap",
       "description": {
@@ -3888,7 +4057,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "value",
@@ -3961,7 +4130,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "value",
@@ -5144,6 +5313,111 @@
         }
       ]
     },
+    {
+      "name": "stzh-timepicker",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH timepicker module."
+      },
+      "attributes": [
+        {
+          "name": "a11y-describedby",
+          "description": "Id of the element which describes the input"
+        },
+        {
+          "name": "description",
+          "description": "Description message (use description slot as alternative)"
+        },
+        {
+          "name": "description-long",
+          "description": "Long description message appearing in a popover (use description-long slot as alternative)"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled or not"
+        },
+        {
+          "name": "error",
+          "description": "One or multiple error message (use error slot as alternative)"
+        },
+        {
+          "name": "invalid",
+          "description": "Invalid status"
+        },
+        {
+          "name": "label",
+          "description": "Label for dropdown"
+        },
+        {
+          "name": "max",
+          "description": "Maximum time allowed to be picked in minutes. Can not be higher than 1440 (24h * 60).\nThis setting can be used alone or together with the min property."
+        },
+        {
+          "name": "min",
+          "description": "Minimum time allowed to be picked in minutes. Can not be lower than 0.\nThis setting can be used alone or together with the max property."
+        },
+        {
+          "name": "name",
+          "description": "Name of the hidden date picker input."
+        },
+        {
+          "name": "popover-placement",
+          "description": "Popover placement for the dropdown (if applicable)",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-end"
+            }
+          ]
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the element is readonly or not"
+        },
+        {
+          "name": "required",
+          "description": "Required status"
+        },
+        {
+          "name": "show-marker",
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
+        },
+        {
+          "name": "size",
+          "description": "Size variant",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "step",
+          "description": "Time added for each step in minutes."
+        },
+        {
+          "name": "value",
+          "description": "Value of hidden date picker input (current selected date in ISO format)."
+        }
+      ]
+    },
     {
       "name": "stzh-toggle",
       "description": {
@@ -5205,7 +5479,7 @@
         },
         {
           "name": "show-marker",
-          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show noting"
+          "description": "Append text to label depending if field is optional/required. true -> show \"(optional)\", false -> show nothing"
         },
         {
           "name": "value",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "2.6.0-beta",
+  "version": "2.7.0-alpha",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",