@itfin/components 1.0.113 → 1.0.115

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.0.113",
+  "version": "1.0.115",
   "main": "dist/itfin-components.umd.js",
   "unpkg": "dist/itfin-components.common.js",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",

package/src/components/dropdown/Dropdown.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="itf-dropdown dropdown">
+  <div class="itf-dropdown" :class="`drop${placement}`">
     <itf-button
       :class="{ 'dropdown-toggle': toggle }"
       v-bind="buttonOptions"
@@ -13,7 +13,7 @@
     </itf-button>
     <div
       class="itf-dropdown__menu dropdown-menu"
-      :class="{'dropdown-menu-end': right}"
+      :class="{'dropdown-menu-end': right, 'shadow': shadow}"
       ref="dropdown"
       :aria-labelledby="modalId">
       <slot></slot>
@@ -49,11 +49,12 @@ export default @Component({
 })
 class itfDropdown extends Vue {
   @PropSync('visible') value;
-  @Prop({ type: String, default: 'bottom', validator: (value) => ['bottom', 'left', 'right', 'top'].includes(value) }) placement;
+  @Prop({ type: String, default: 'down', validator: (value) => ['down', 'start', 'end', 'up'].includes(value) }) placement;
   @Prop({ type: String, default: 'click', validator: (value) => ['click', 'focus', 'hover', 'manual'].includes(value) }) trigger;
   @Prop({ type: String, default: 'Dropdown' }) label;
   @Prop({ type: Boolean }) right;
   @Prop({ type: Boolean }) toggle;
+  @Prop({ type: Boolean }) shadow;
   @Prop({ validator: (value) => [true, false, 'inside', 'outside'].includes(value), default: true }) autoclose;
   @Prop({ type: Object, default: () => ({}) }) buttonOptions;
 

package/src/components/select/Select.vue

@@ -1283,8 +1283,8 @@ export default {
       if (this.mousedown && !this.searching) {
         this.mousedown = false
       } else {
-        const { clearSearchOnSelect, multiple } = this
-        if (this.clearSearchOnBlur({ clearSearchOnSelect, multiple })) {
+        const { clearSearchOnSelect, multiple, combobox } = this
+        if (this.clearSearchOnBlur({ clearSearchOnSelect, multiple, combobox })) {
           this.search = ''
         }
         this.closeSearchOptions()