src/third_party/polymer/components-chromium/core-meta/core-meta.html

   1 <!--
   2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
   3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   6 Code distributed by Google as part of the polymer project is also
   7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   8 -->
   9
  10 <!--
  11 `core-meta` provides a method of constructing a self-organizing database.
  12 It is useful to collate element meta-data for things like catalogs and for
  13 designer.
  14
  15 Example, an element folder has a `metadata.html` file in it, that contains a
  16 `core-meta`, something like this:
  17
  18     <core-meta id="my-element" label="My Element">
  19       <property name="color" value="blue"></property>
  20     </core-meta>
  21
  22 An application can import as many of these files as it wants, and then use
  23 `core-meta` again to access the collected data.
  24
  25     <script>
  26       var meta = document.createElement('core-meta');
  27       console.log(meta.list); // dump a list of all meta-data elements that have been created
  28     </script>
  29
  30 Use `byId(id)` to retrive a specific core-meta.
  31
  32     <script>
  33       var meta = document.createElement('core-meta');
  34       console.log(meta.byId('my-element'));
  35     </script>
  36
  37 By default all meta-data are stored in a single databse.  If your meta-data
  38 have different types and want them to be stored separately, use `type` to
  39 differentiate them.
  40
  41 Example:
  42
  43     <core-meta id="x-foo" type="xElt"></core-meta>
  44     <core-meta id="x-bar" type="xElt"></core-meta>
  45     <core-meta id="y-bar" type="yElt"></core-meta>
  46
  47     <script>
  48       var meta = document.createElement('core-meta');
  49       meta.type = 'xElt';
  50       console.log(meta.list);
  51     </script>
  52
  53 @group Polymer Core Elements
  54 @element core-meta
  55 @homepage github.io
  56 -->
  57
  58 <link rel="import" href="../polymer/polymer.html">
  59
  60 <polymer-element name="core-meta" attributes="label type" hidden assetpath="">
  61
  62 </polymer-element>
  63 <script src="core-meta-extracted.js"></script>