@quidgest/ui 0.16.32 → 0.16.33

package/dist/json/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.16.32",
+  "version": "0.16.33",
   "components": [
     {
       "name": "QAccordion",
@@ -4305,6 +4305,20 @@
             "required": false,
             "category": "Behavior"
           },
+          {
+            "name": "multiple",
+            "type": "boolean | undefined",
+            "description": "Whether multiple options can be selected.",
+            "required": false,
+            "category": "Behavior"
+          },
+          {
+            "name": "badges",
+            "type": "boolean | undefined",
+            "description": "Whether to display the selected option(s) as badge(s).",
+            "required": false,
+            "category": "Presentation"
+          },
           {
             "name": "loading",
             "type": "boolean | undefined",
@@ -4446,6 +4460,16 @@
           "title": "Description In Items",
           "description": "Select with description items.",
           "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]\" />"
+        },
+        {
+          "title": "Multiple",
+          "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": "Badges",
+          "description": "Displays the selected options as badges.",
+          "code": "<QSelect :items=\"[\n\t\t\t{ key: 'copy', label: 'Copy', icon: { icon: 'content-copy' } },\n\t\t\t{ key: 'cut', label: 'Cut', icon: { icon: 'content-cut' } },\n\t\t\t{ key: 'duplicate', label: 'Duplicate', icon: { icon: 'content-duplicate' } },\n\t\t\t{ key: 'paste', label: 'Paste', icon: { icon: 'content-paste' } },\n\t\t\t{ key: 'save', label: 'Save', icon: { icon: 'content-save' } }\n\t\t]\" :multiple=\"true\" :badges=\"true\" />"
         }
       ]
     },

package/dist/ui.css

@@ -4249,6 +4249,21 @@ body *::-webkit-scrollbar-track {
   pointer-events: none;
   min-height: 1lh;
 }
+.q-select__badge-container {
+  display: flex;
+  gap: 0.1rem;
+  overflow: hidden;
+  width: 100%;
+}
+.q-select__badge-container .q-select__badge-count {
+  font-weight: bold;
+}
+.q-select__badge-container .q-select__badge-hidden {
+  visibility: hidden;
+}
+.q-select__badge-container .q-badge__content {
+  height: 0.85em;
+}
 .q-select__placeholder {
   font-style: italic;
   color: var(--q-theme-neutral);
@@ -4258,11 +4273,6 @@ body *::-webkit-scrollbar-track {
   opacity: 0;
   cursor: inherit;
 }
-.q-select .q-field__prepend {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
 .q-select__chevron {
   padding: 0.1rem;
   opacity: 0.5;
@@ -4270,7 +4280,6 @@ body *::-webkit-scrollbar-track {
 .q-select__chevron:hover {
   cursor: inherit;
 }
-
 .q-select__body {
   display: flex;
   flex-direction: column;
@@ -4285,7 +4294,6 @@ body *::-webkit-scrollbar-track {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
-
 .q-select__items {
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -4293,17 +4301,18 @@ body *::-webkit-scrollbar-track {
   max-height: 240px;
   align-items: start;
 }
-
 .q-select__loader {
   display: flex;
   justify-content: center;
   width: 100%;
 }
-
-.q-select__loader,
-.q-select__empty {
+.q-select__loader, .q-select__empty {
   margin: 1rem 0;
 }
+.q-select .q-field__prepend {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 
 .q-sidebar {
   height: 100%;