SVYX-1128 Typeahead dropdown caret [AI]

Add showAsCombo class for typeahead styling

Author: cPecican

components/projects/bootstrapcomponents/svy_bootstrapcomponents.css

@@ -477,4 +477,28 @@ body > .dropdown{
 .svy-form-floating  > .form-control:-webkit-autofill ~ label{
       opacity: .65;
       transform: scale(.85) translateY(-.5rem) translateX(.15rem);
+}
+
+/* typeahead show as combobox */
+.showAsCombo{
+    /* This class is added to the input when the typeahead is configured to show as a combo, it allows us to show the dropdown icon and set the correct cursor */
+}
+bootstrapcomponents-typeahead {
+    position: relative;
+}
+bootstrapcomponents-typeahead input.bts-typeahead.showAsCombo {
+    cursor: pointer;
+}
+bootstrapcomponents-typeahead:has(input.showAsCombo:not(:disabled):not([readonly]))::after {
+    content: "";
+    display: block;
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    border-top: 0.3em solid;
+    border-right: 0.3em solid transparent;
+    border-bottom: 0;
+    border-left: 0.3em solid transparent;
+    pointer-events: none;
 }

components/typeahead/typeahead.spec

@@ -17,7 +17,7 @@
 		"editable" : { "type": "protected", "blockingOn": false, "default": true,"for": ["dataProviderID","onDataChangeMethodID"] },
 		"findmode" : { "type":"findmode", "tags":{"scope":"private"}},
 		"size" : {"type" :"dimension",  "default" : {"width":140, "height":30}},
-	    "styleClass" : { "type" :"styleclass", "tags": { "scope" :"design", "doc": "Set the styleclasses that should be applied at to this component" }, "default" : "form-control"},
+	    "styleClass" : { "type" :"styleclass", "tags": { "scope" :"design", "doc": "Set the styleclasses that should be applied at to this component" }, "default" : "form-control", "values": ["form-control", "showAsCombo"]},
 	    "placeholderText" : "tagstring",
         "valuelistID" : { "type" : "valuelist", "tags": {"logWhenOverMax": false, "basic": true}, "for": "dataProviderID","config": "valuelistConfig", "default":"autoVL", "pushToServer": "allow", "max":100},
         "valuelistConfig" : { "type" : "valuelistConfig"},