chrome/browser/resources/md_bookmarks/dnd_chip.js

// Copyright 2017 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

Polymer({
  is: 'bookmarks-dnd-chip',

  properties: {
    /** @private */
    showing_: {
      type: Boolean,
      reflectToAttribute: true,
    },

    /** @private */
    isMultiItem_: Boolean,
  },

  /**
   * @param {number} x
   * @param {number} y
   * @param {!Array<BookmarkNode>} items
   * @param {!BookmarkNode} dragItem
   */
  showForItems: function(x, y, items, dragItem) {
    this.style.setProperty('--mouse-x', x + 'px');
    this.style.setProperty('--mouse-y', y + 'px');

    if (this.showing_)
      return;

    const isFolder = !dragItem.url;
    this.isMultiItem_ = items.length > 1;

    this.$.icon.className = isFolder ? 'folder-icon' : 'website-icon';
    this.$.icon.style.backgroundImage =
        isFolder ? null : cr.icon.getFavicon(assert(dragItem.url));

    this.$.title.textContent = dragItem.title;
    this.$.count.textContent = items.length;
    this.showing_ = true;
  },

  hide: function() {
    this.showing_ = false;
  },
});