chromeos/components/diagnostics_ui/resources/text_badge.js

// Copyright 2020 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.

import './diagnostics_fonts_css.js';
import './diagnostics_shared_css.js';

import {html, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';

/**
 * Badge style class type.
 * @enum {string}
 */
export const BadgeType = {
  DEFAULT: 'default',
  ERROR: 'error',
  SUCCESS: 'success',
};

/**
 * @fileoverview
 * 'text-badge' displays a text-based rounded badge.
 */
Polymer({
  is: 'text-badge',

  _template: html`{__html_template__}`,

  properties: {
    /** @type {!BadgeType} */
    badgeType: {
      type: String,
      value: BadgeType.DEFAULT,
    },

    /** @type {string} */
    value: {
      type: String,
      value: '',
    },

    /** @type {boolean} */
    hidden: {
      type: Boolean,
      value: false,
    },
  },
});