@quidgest/ui 0.16.74 → 0.17.0

package/dist/json/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.74",
+  "version": "0.17.0",
   "components": [
     {
       "name": "QAccordion",
@@ -1449,6 +1449,16 @@
             "default": "true",
             "required": false,
             "category": "Behavior"
+          },
+          {
+            "name": "borderless",
+            "type": {
+              "kind": "primitive",
+              "name": "boolean"
+            },
+            "description": "If true, the checkbox has no borders.",
+            "required": false,
+            "category": "Presentation"
           }
         ],
         "events": [
@@ -1510,6 +1520,11 @@
           "title": "Extras",
           "description": "Displays additional information in the `extras` slot.",
           "code": "<q-checkbox v-bind=args>\n\t\t\t\t<template #extras>\n\t\t\t\t\tBy clicking this checkbox, you agree to the terms and conditions.\n\t\t\t\t</template>\n\t\t\t</q-checkbox>"
+        },
+        {
+          "title": "Borderless",
+          "description": "Displays borderless checkbox.",
+          "code": "<QCheckbox :label=\"Accept terms and conditions\" :borderless=\"true\" :model-value=\"true\" />"
         }
       ]
     },
@@ -2437,16 +2452,17 @@
               "name": "boolean"
             },
             "description": "Whether to disable teleport.",
+            "default": "false",
             "required": false,
             "category": "Behavior"
           },
           {
-            "name": "closeOnSelect",
+            "name": "clearable",
             "type": {
               "kind": "primitive",
               "name": "boolean"
             },
-            "description": "Whether to close the popup when selecting the date.",
+            "description": "Whether the value of the component can be cleared.",
             "required": false,
             "category": "Behavior"
           },
@@ -2461,26 +2477,6 @@
             "required": false,
             "category": "Configuration"
           },
-          {
-            "name": "minTime",
-            "type": {
-              "kind": "primitive",
-              "name": "string"
-            },
-            "description": "The minimum time allowed in HH:mm format.",
-            "required": false,
-            "category": "Configuration"
-          },
-          {
-            "name": "maxTime",
-            "type": {
-              "kind": "primitive",
-              "name": "string"
-            },
-            "description": "The maximum time allowed in HH:mm format.",
-            "required": false,
-            "category": "Configuration"
-          },
           {
             "name": "range",
             "type": {
@@ -2491,17 +2487,6 @@
             "required": false,
             "category": "Configuration"
           },
-          {
-            "name": "locale",
-            "type": {
-              "kind": "primitive",
-              "name": "string"
-            },
-            "description": "The datepicker locale.\nDatepicker will use built in javascript locale formatter to extract month and weekday names.\nhttps://vue3datepicker.com/props/localization/#locale",
-            "default": "en-US",
-            "required": false,
-            "category": "Configuration"
-          },
           {
             "name": "icons",
             "type": {
@@ -2529,7 +2514,7 @@
           {
             "name": "update:modelValue",
             "description": "",
-            "type": "[value: string | Date | Date[]]"
+            "type": "[value: string | Date | Date[] | undefined]"
           }
         ],
         "slots": [
@@ -2565,30 +2550,20 @@
           "description": "Time-only picker with 12-hour format (AM/PM)",
           "code": "<QDateTimePicker :format=\"hh:mm a\" :label=\"Select Time\" :placeholder=\"hh:mm a\" />"
         },
-        {
-          "title": "Time Only Range",
-          "description": "Use the `minTime` and `maxTime` props to specify a range.",
-          "code": "<q-date-time-picker v-bind=\"args\">\n\t\t\t\t<template #extras>\n\t\t\t\t\t<q-icon icon=\"information-outline\" />\n\t\t\t\t\t<span>09:00 to 18:00</span>\n\t\t\t\t</template>\n\t\t\t</q-date-time-picker>"
-        },
         {
           "title": "Localized Picker",
           "description": "Localized DateTime picker (Portuguese)",
-          "code": "<QDateTimePicker :label=\"Selecionar data e hora\" :locale=\"pt-PT\" :placeholder=\"Selecionar data e hora\" />"
+          "code": "<QDateTimePicker :label=\"Selecionar data e hora\" :placeholder=\"Selecionar data e hora\" />"
         },
         {
           "title": "Read Only",
           "description": "Read-only DateTime picker",
-          "code": "<QDateTimePicker :label=\"View Only Date and Time\" :readonly=\"true\" :placeholder=\"Cannot modify\" />"
+          "code": "<QDateTimePicker :label=\"View Only Date and Time\" :readonly=\"true\" />"
         },
         {
           "title": "Disabled",
           "description": "Disabled DateTime picker",
-          "code": "<QDateTimePicker :label=\"Disabled Picker\" :disabled=\"true\" :placeholder=\"Interaction disabled\" />"
-        },
-        {
-          "title": "Auto Close",
-          "description": "With auto-close when selecting a date",
-          "code": "<QDateTimePicker :label=\"Auto-close dropdown when selecting a date\" :close-on-select=\"true\" />"
+          "code": "<QDateTimePicker :label=\"Disabled Picker\" :disabled=\"true\" />"
         },
         {
           "title": "Range",
@@ -4605,6 +4580,11 @@
           "description": "Allows the user to select items from the list.",
           "code": "<QList :items=\"[\n\t\t\t{ key: 'item1', label: 'Item 1' },\n\t\t\t{ key: 'item2', label: 'Item 2' },\n\t\t\t{ key: 'item3', label: 'Item 3' }\n\t\t]\" :multiple=\"true\" />"
         },
+        {
+          "title": "Multiple With Description",
+          "description": "Allows the user to select items from the list with icons.",
+          "code": "<QList :items=\"[\n\t\t\t{\n\t\t\t\ticon: { icon: 'content-copy' },\n\t\t\t\tkey: 'item1',\n\t\t\t\tlabel: 'Item 1',\n\t\t\t\tdescription: 'Description for items'\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: { icon: 'content-duplicate' },\n\t\t\t\tkey: 'item2',\n\t\t\t\tlabel: 'Item 2',\n\t\t\t\tdescription: 'This item is nice :)'\n\t\t\t},\n\t\t\t{\n\t\t\t\ticon: { icon: 'content-paste' },\n\t\t\t\tkey: 'item3',\n\t\t\t\tlabel: 'Item 3',\n\t\t\t\tdescription: 'This is a description for this item'\n\t\t\t}\n\t\t]\" :multiple=\"true\" />"
+        },
         {
           "title": "Selectable And Required",
           "description": "Allows the user to select items from the list and requires at least one item to be selected.",
@@ -6458,6 +6438,16 @@
           "description": "Allows the selection of multiple items.",
           "code": "<QSelect :items=\"[\n\t\t\t{ key: 'italic', label: 'Italic' },\n\t\t\t{ key: 'bold', label: 'Bold' },\n\t\t\t{ key: 'underlined', label: 'Underlined' },\n\t\t\t{ key: 'strikethrough', label: 'Strikethrough' },\n\t\t\t{ key: 'superscript', label: 'Superscript' },\n\t\t\t{ key: 'subscript', label: 'Subscript' },\n\t\t\t{ key: 'uppercase', label: 'Uppercase' },\n\t\t\t{ key: 'lowercase', label: 'Lowercase' },\n\t\t\t{ key: 'capitalize', label: 'Capitalize' },\n\t\t\t{ key: 'highlight', label: 'Highlight' }\n\t\t]\" :multiple=\"true\" />"
         },
+        {
+          "title": "Multiple With Description",
+          "description": "Allows the selection of multiple items with description.",
+          "code": "<QSelect :items=\"[\n\t\t\t{\n\t\t\t\tkey: 'copy',\n\t\t\t\tlabel: 'Copy',\n\t\t\t\ticon: { icon: 'content-copy' },\n\t\t\t\tdescription: 'Is used to duplicate the selected information.'\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'cut',\n\t\t\t\tlabel: 'Cut',\n\t\t\t\ticon: { icon: 'content-cut' },\n\t\t\t\tdescription:\n\t\t\t\t\t'This allows the cut information to be pasted in another location, effectively moving it from its original place to a new one.'\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'duplicate',\n\t\t\t\tlabel: 'Duplicate',\n\t\t\t\ticon: { icon: 'content-duplicate' },\n\t\t\t\tdescription:\n\t\t\t\t\t'Is used to create an exact copy of the selected item. Does not rely on the clipboard'\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'paste',\n\t\t\t\tlabel: 'Paste',\n\t\t\t\ticon: { icon: 'content-paste' },\n\t\t\t\tdescription: \"Is used to insert the information stored in the system's clipboard.\"\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'save',\n\t\t\t\tlabel: 'Save',\n\t\t\t\ticon: { icon: 'content-save' },\n\t\t\t\tdescription:\n\t\t\t\t\t'Is used to store the current state of a document, file, or project to a specified location on a storage device.'\n\t\t\t}\n\t\t]\" :multiple=\"true\" />"
+        },
+        {
+          "title": "Multiple With Icons",
+          "description": "Allows the selection of multiple items with icon.",
+          "code": "<QSelect :items=\"[\n\t\t\t{\n\t\t\t\tkey: 'copy',\n\t\t\t\tlabel: 'Copy',\n\t\t\t\ticon: { icon: 'content-copy' }\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'cut',\n\t\t\t\tlabel: 'Cut',\n\t\t\t\ticon: { icon: 'content-cut' }\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'duplicate',\n\t\t\t\tlabel: 'Duplicate',\n\t\t\t\ticon: { icon: 'content-duplicate' }\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'paste',\n\t\t\t\tlabel: 'Paste',\n\t\t\t\ticon: { icon: 'content-paste' }\n\t\t\t},\n\t\t\t{\n\t\t\t\tkey: 'save',\n\t\t\t\tlabel: 'Save',\n\t\t\t\ticon: { icon: 'content-save' }\n\t\t\t}\n\t\t]\" :multiple=\"true\" />"
+        },
         {
           "title": "Badges",
           "description": "Displays the selected options as badges.",