@polymer/iron-pages/iron-pages.d.ts

Organizes a set of pages and shows one at a time

/**
 * DO NOT EDIT
 *
 * This file was automatically generated by
 *   https://github.com/Polymer/tools/tree/master/packages/gen-typescript-declarations
 *
 * To modify these typings, edit the source file(s):
 *   iron-pages.js
 */

import {IronResizableBehavior} from '@polymer/iron-resizable-behavior/iron-resizable-behavior.js';

import {IronSelectableBehavior} from '@polymer/iron-selector/iron-selectable.js';

import {Polymer} from '@polymer/polymer/lib/legacy/polymer-fn.js';

import {html} from '@polymer/polymer/lib/utils/html-tag.js';

import {LegacyElementMixin} from '@polymer/polymer/lib/legacy/legacy-element-mixin.js';

/**
 * `iron-pages` is used to select one of its children to show. One use is to cycle
 * through a list of children "pages".
 *
 * Example:
 *
 *     <iron-pages selected="0">
 *       <div>One</div>
 *       <div>Two</div>
 *       <div>Three</div>
 *     </iron-pages>
 *
 *     <script>
 *       document.addEventListener('click', function(e) {
 *         var pages = document.querySelector('iron-pages');
 *         pages.selectNext();
 *       });
 *     </script>
 */
interface IronPagesElement extends IronResizableBehavior, IronSelectableBehavior, LegacyElementMixin, HTMLElement {

  /**
   * handler immediately changes it back
   */
  activateEvent: string|null|undefined;
  _selectedPageChanged(selected: any, old: any): void;
}

export {IronPagesElement};

declare global {

  interface HTMLElementTagNameMap {
    "iron-pages": IronPagesElement;
  }
}