// Shared time/date placeholder definitions used by editor renderers.

(function () {
  var root = window;
  var PLACEHOLDERS = [
    { token: 'h', label: 'h' },
    { token: 'hh', label: 'hh' },
    { token: 'm', label: 'm' },
    { token: 'mm', label: 'mm' },
    { token: 's', label: 's' },
    { token: 'ss', label: 'ss' },
    { token: 'd', label: 'd' },
    { token: 'dd', label: 'dd' },
    { token: 'M', label: 'M' },
    { token: 'MM', label: 'MM' },
    { token: 'y', label: 'y' },
    { token: 'yyyy', label: 'yyyy' },
    { token: 'yy', label: 'yy' },
    { token: 'ddd', label: 'ddd' },
    { token: 'dddd', label: 'dddd' },
    { token: 'MMM', label: 'MMM' },
    { token: 'MMMM', label: 'MMMM' },
    { token: 'a', label: 'a' },
    { token: 'tz', label: 'tz' },
    { token: 'tz_short', label: 'tz_short' }
  ];

  function getTokens() {
    return PLACEHOLDERS.slice();
  }

  function renderChips() {
    if (root.placeholderChips && typeof root.placeholderChips.renderChips === 'function') {
      return root.placeholderChips.renderChips(PLACEHOLDERS.map(function (item) {
        return item.token;
      }));
    }

    return PLACEHOLDERS.map(function (item) {
      return '<span class="chip">{{' + item.token + '}}</span>';
    }).join('');
  }

  root.timeDatePlaceholders = {
    getTokens: getTokens,
    renderChips: renderChips
  };
}());