@ditojs/admin 3.2.7 → 3.3.1

package/src/mixins/PulldownMixin.js

@@ -1,72 +0,0 @@
-import DomMixin from './DomMixin.js'
-
-// @vue/component
-export default {
-  mixins: [DomMixin],
-
-  data() {
-    return {
-      pulldown: {
-        open: false,
-        startTime: 0,
-        checkTime: true,
-        events: {
-          mousedown: () => {
-            this.setPulldownOpen(false)
-            this.pulldown.handlers.remove()
-          },
-
-          mouseup: () => {
-            if (this.onPulldownMouseUp()) {
-              this.pulldown.handlers.remove()
-            }
-          }
-        },
-        handlers: null
-      }
-    }
-  },
-
-  computed: {
-    pulldownTriggerAttributes() {
-      return {
-        'aria-haspopup': 'menu',
-        'aria-expanded': this.pulldown.open
-      }
-    }
-  },
-
-  methods: {
-    onPulldownMouseDown(value = null) {
-      if (value === null) {
-        this.setPulldownOpen(true)
-        this.checkTime = true
-      } else {
-        this.checkTime = false
-      }
-    },
-
-    onPulldownMouseUp(value = null) {
-      const { startTime } = this.pulldown
-      if (!this.checkTime || startTime && (Date.now() - startTime > 250)) {
-        this.setPulldownOpen(false)
-        if (value !== null) {
-          this.onPulldownSelect(value)
-        }
-        return true
-      }
-    },
-
-    onPulldownSelect(/* value */) {
-      // NOTE: To be overridden.
-    },
-
-    setPulldownOpen(open) {
-      this.pulldown.open = open
-      this.pulldown.startTime = open ? Date.now() : 0
-      if (open) {
-        this.pulldown.handlers = this.domOn(document, this.pulldown.events)
-      }
-    }
-  }
-}

package/src/styles/_pulldown.scss

@@ -1,38 +0,0 @@
-@import '../styles/_imports';
-
-.dito-pulldown {
-  $self: &;
-
-  display: none;
-  position: absolute;
-  top: 0;
-  z-index: $z-index-popup;
-  border-radius: $pulldown-radius;
-  box-shadow: $shadow-window;
-  overflow: hidden;
-
-  &--open {
-    display: block;
-  }
-
-  li {
-    @include user-select(none);
-  }
-
-  &__item {
-    display: block;
-    padding: $pulldown-padding;
-    line-height: 1;
-    background: $button-color;
-
-    &--disabled {
-      color: $color-disabled;
-      cursor: default;
-    }
-
-    &:not(&--disabled):hover {
-      background: $color-active;
-      color: $color-white;
-    }
-  }
-}