<commit_before><link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../core-focusable/core-focusable.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../paper-shadow/paper-shadow.html">

<!--
Material Design: [http://www.google.com/design/spec/components/chips.html](Chips)

`paper-chip` is a small element that represents a complex entity such as a
calendar event or a contact. The chip can be in an opened or closed state. In
its closed state, it contains an icon and a short title. In its open state, the
chip expands to show more detail about the represented entity, as well as
(optionally) a "remove" button that removes the chip element from the DOM.

The following child elements may be placed within the chip tag define its
content:

  * .icon: The icon representing the chip. This may be any element, for
            example, a `<core-icon>` or a simple `<span>` with a single letter
  * h1: The chip label, shown in both closed and opened states
  * h2: A secondary label, shown only in the opened state

The `removable` attribute can be used to add a button which removes the chip
from the DOM.

## Examples:

Removable chip with core-icon

    <paper-chip removable>
      <core-icon class="icon" icon="avatars:avatar-1"></core-icon>
      <h1><NAME></h1>
      <h2><EMAIL></h2>
    </paper-chip>

Basic chip with single letter instead of an icon

    <paper-chip label="<NAME>">
      <div class="icon" flex>J</div>
      <h1><EMAIL></h1>
    </paper-chip>


@element paper-chip
@blurb A basic "chip" element representing an icon/image and a short piece of text.
@status alpha
@homepage https://github.com/bendavis78/paper-dialog-fullscreen
-->
<polymer-element name="paper-chip" tabindex="0">
  <template>
    <style>
      :host {
        display: inline-block;
        vertical-align: top;
        position: relative;
        border-radius: 16px;<commit_msg>fixed documentation<commit_after><link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../core-focusable/core-focusable.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../paper-shadow/paper-shadow.html">

<!--
Material Design: [Chips](http://www.google.com/design/spec/components/chips.html)

`paper-chip` is a small element that represents a complex entity such as a
calendar event or a contact. The chip can be in an opened or closed state. In
its closed state, it contains an icon and a short title. In its open state, the
chip expands to show more detail about the represented entity, as well as
(optionally) a "remove" button that removes the chip element from the DOM.

The following child elements may be placed within the chip tag define its
content:

  * .icon: The icon representing the chip. This may be any element, for
            example, a `<core-icon>` or a simple `<span>` with a single letter
  * h1: The chip label, shown in both closed and opened states
  * h2: A secondary label, shown only in the opened state

The `removable` attribute can be used to add a button which removes the chip
from the DOM.

## Examples:

Removable chip with core-icon

    <paper-chip removable>
      <core-icon class="icon" icon="avatars:avatar-1"></core-icon>
      <h1><NAME></h1>
      <h2><EMAIL></h2>
    </paper-chip>

Basic chip with single letter instead of an icon

    <paper-chip label="<NAME>">
      <div class="icon" flex>J</div>
      <h1><EMAIL></h1>
    </paper-chip>


@element paper-chip
@blurb A basic "chip" element representing an icon/image and a short piece of text.
@status alpha
@homepage https://github.com/bendavis78/paper-chip
-->
<polymer-element name="paper-chip" tabindex="0">
  <template>
    <style>
      :host {
        display: inline-block;
        vertical-align: top;
        position: relative;
        border-radius: 16px;
{'fraction_non_alphanumeric': 0.12041078305519898, 'fraction_numerical': 0.007188703465982028, 'mean_word_length': 3.5355064027939465, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 59, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '179356', 'n_tokens_mistral': 1183, 'n_tokens_neox': 1145, 'n_words': 446}