[ { "path": ".bower.json", "content": "{\n \"name\": \"uniflow-polymer\",\n \"version\": \"0.6.0\",\n \"authors\": [\n \"Andrei Militeev \"\n ],\n \"description\": \"A straightforward way to architect Polymer application using unidirectional data flow.\",\n \"keywords\": [\n \"web-component\",\n \"polymer\",\n \"uniflow\",\n \"unidirectional\",\n \"flow\"\n ],\n \"license\": \"https://raw.githubusercontent.com/google/uniflow-polymer/master/LICENSE\",\n \"homepage\": \"https://github.com/google/uniflow-polymer/\",\n \"ignore\": [\n \"/.*\",\n \"/test/\"\n ],\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#^2.0.0\"\n },\n \"devDependencies\": {\n \"app-route\": \"PolymerElements/app-route#^2.0.2\",\n \"iron-component-page\": \"PolymerElements/iron-component-page#^3.0.0\",\n \"iron-demo-helpers\": \"PolymerElements/iron-demo-helpers#^2.0.0\",\n \"iron-icon\": \"PolymerElements/iron-icon#^2.0.0\",\n \"iron-icons\": \"PolymerElements/iron-icons#^2.0.0\",\n \"iron-test-helpers\": \"PolymerElements/iron-test-helpers#^2.0.0\",\n \"paper-styles\": \"PolymerElements/paper-styles#^2.0.0\",\n \"test-fixture\": \"PolymerElements/test-fixture#3.0.0-rc.1\",\n \"web-component-tester\": \"^v6.0.0\",\n \"todomvc-app-css\": \"^2.1.0\",\n \"iron-localstorage\": \"PolymerElements/iron-localstorage#^2.0.0\"\n }\n}\n" }, { "path": ".gitignore", "content": "bower_components/\n.idea/" }, { "path": "CONTRIBUTING", "content": "Want to contribute? Great! First, read this page (including the small print at the end).\n\n### Before you contribute\nBefore we can use your code, you must sign the\n[Google Individual Contributor License Agreement]\n(https://cla.developers.google.com/about/google-individual)\n(CLA), which you can do online. The CLA is necessary mainly because you own the\ncopyright to your changes, even after your contribution becomes part of our\ncodebase, so we need your permission to use and distribute your code. We also\nneed to be sure of various other things—for instance that you'll tell us if you\nknow that your code infringes on other people's patents. You don't have to sign\nthe CLA until after you've submitted your code for review and a member has\napproved it, but you must do it before we can put your code into our codebase.\nBefore you start working on a larger contribution, you should get in touch with\nus first through the issue tracker with your idea so that we can help out and\npossibly guide you. Coordinating up front makes it much easier to avoid\nfrustration later on.\n\n### Code reviews\nAll submissions, including submissions by project members, require review. We\nuse Github pull requests for this purpose.\n\n### The small print\nContributions made by corporations are covered by a different agreement than\nthe one above, the\n[Software Grant and Corporate Contributor License Agreement]\n(https://cla.developers.google.com/about/google-corporate).\n" }, { "path": "LICENSE", "content": "\n\n Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n\n APPENDIX: How to apply the Apache License to your work.\n\n To apply the Apache License to your work, attach the following\n boilerplate notice, with the fields enclosed by brackets \"[]\"\n replaced with your own identifying information. (Don't include\n the brackets!) The text should be enclosed in the appropriate\n comment syntax for the file format. We also recommend that a\n file or class name and description of purpose be included on the\n same \"printed page\" as the copyright notice for easier\n identification within third-party archives.\n\n Copyright 2016 Google Inc.\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License.\n\n" }, { "path": "README.md", "content": "# UniFlow for Polymer 2.x\n\nSet of mixins to enable uni-directional data flow in Polymer application.\n\n**Important!**\n\n*This library was developed as part of internal project at Google and isn't directly affiliated with the Polymer project (although Polymer team has provided some good feedback on UniFlow implementation).*\n\n## History & Overview\n\nWhen you start working on a new Polymer application, it's easy to start and build the first few elements, and make them communicate via events and data binding, so everything looks nice and rosy. However, as the number and complexity of elements grows, it becomes increasingly difficult to manage relationships between them, trace where/when the data changes happened, and debug the problems. So this project started as an attempt by our team at Google to find a good way to architect large Polymer application. \n\nInspired by React's community Flux (and, later, Redux) architecture, we implemented a unidirectional data flow pattern (data down, events up) for Polymer. We found that when using UniFlow application code becomes more streamlined (e.g. it is clear what the responsibilities of each element are) and much easier to manage; the code has fewer bugs, and debugging is a lot more efficient. Adding new functionality no longer exponentially increases complexity.\n\nThis project was also inspired by Backbone Marionette. Backbone.js back in the days of its glory was a great library that provided a nice set of building blocks for building JavaScript applications. However, it left much of the application design, architecture and scalability to the developer, including memory management, view management, and more. Marionette brought an application architecture to Backbone, along with built in view management and memory management. It was designed to be a lightweight and flexible library of tools that sits on top of Backbone, providing the framework for building a scalable application. Uniflow strives to achieve similar goal for Polymer. \n\nWe feel that Polymer, and web components in general, is a great concept that takes interoperability and encapsulation in Web development to the next level. But it lacked the patterns for building large and complex applications, and this is the void we expect UniFlow to fill. It is still in beta, so breaking changes may be happening before the first release. However, we believe that abstractions implemented in the library can be useful for Polymer community, so we encourage people to try, fork, ask questions, send comments, and submit pull requests.\n\n## Applicability\n\nThis library implements the architectural pattern called 'unidirectional data flow'. It works best if application logic involves complicated data management, when multiple elements need to have access to or modify the same data. Even though the pattern can be implemented just using built-in Polymer concepts, such as custom events and data binding, the UniFlow library provides a useful set of tools and abstractions, and helps to structure application code.\n\n## Implementation\n\nUniFlow is implemented as a set of mixins that developers apply to their elements. It is assumed that each application has a singleton application element that maintains state of entire application. Each element that needs access to the data is bound, directly or indirectly, to sub-tree of application state tree. Two way data binding is never used to send data up, from child to parent, so only parent elements send data to children using one way data binding. Child elements, in turn, send the events (emit actions) responding to user actions, indicating that the data may need to be modified. Special non-visual elements called action dispatchers mutate the data, then all elements listening to the data changes render new data. \n\n# API Documentation\n\n## Action Dispatcher\n\nUse UniFlow.ActionDispatcher for non-visual elements that process actions emitted by visual\nelements. Action dispatchers usually placed at the application level. Each action dispatcher\nelement gets a chance to process the action in the order the elements are present in the\nDOM tree. It is important that action dispatcher elements get two-way data binding to\napplication state as follows:\n\n \n\nAction dispatcher elements can include nested action dispatchers, so you can have a\nhierarchical organization of action dispatchers.\n\n### Example:\n\n#### HTML:\n```html\n\n\n\n```\n\n#### JavaScript:\n\n```javascript\nclass ParentDispatcher extends UniFlow.ActionDispatcher(Polymer.Element) {\n\n static get is() { return 'parent-dispatcher'; }\n \n MY_ACTION(detail) {\n // do MY_ACTION processing here\n // return false if you want to prevent other action dispatchers from\n // further processing of this action\n };\n}\n\ncustomElements.define(ParentDispatcher.is, ParentDispatcher);\n```\n\n## Action Emitter\n\nWhenever element needs to emit an action, this mixin should be used. Action object must always include type property.\n\n## Application State\n\nAssign this mixin to your main application element. It provides global\nstate and functionality to maintain individual elements states. This mixin\nis responsible for notifying all state-aware elements about their state\nchanges (provided those elements have `statePath` property defined).\nOnly one element in the application is supposed to have this mixin.\n\n### Example:\n\n#### HTML:\n```html\n\n```\n#### JavaScript:\n\n```javascript\nclass MyApp extends UniFlow.ApplicationState(Polymer.Element) {\n\n static get is() { return 'my-app'; }\n\n connectedCallback() {\n super.connectedCallback();\n this.state = {\n someElement: {}\n }\n }\n}\n\ncustomElements.define(MayApp.is, MyApp);\n```\n\nIn the example above, `` will receive notification of any changes to the state,\nas if it was declared as follows:\n\n```html\n\n```\n\nAlso, if `` has `propertyA`, on element attach this property will be assigned\nthe value of `state.someElement.propertyA`, and receive all notification of the property change\nwhenever the corresponding data in state tree changes. This essentially translates to following\ndeclaration:\n\n```html\n\n\n```\n\nNote that data binding is one-way in both cases. Although state-aware elements can modify their\nown state, it is considered their private state and no other elements will be notified of those\nchanges.\n\n## List View\n\nThis mixin used by elements that need to render multiple models backed\nby 'list' array. You may want to use ModelView to render individual\nmodels in the list. The mixin supports element selection by setting predefined\n$selected property on list elements.\n\n### Example:\n\n#### HTML:\n\n```html\n
    \n \n
\nSelected: [[selectedCount]] items\nDelete\n```\n\n#### JavaScript:\n\n```javascript\nclass ListElement extends Polymer.GestureEventListeners(UniFlow.ListView(UniFlow.StateAware(Polymer.Element))) {\n\n static get is() { return \"list-element\"; }\n\n onDeleteTap() {\n this.deleteSelected();\n }\n\n}\n\ncustomElements.define(ListElement.is, ListElement);\n```\n\nIn the example above list view element is also state-aware, meaning it has its own place\nin the application state tree. Assuming it has been declared as follows:\n\n```html\n\n```\n\nit will be rendering `state.listElement.list` and observing changes to it. Each `model-view`\nwithin dom-repeat template will have `state-path` property set to\n`state.listElement.list.#` where `index` is the element's index in the array.\n\n## Model View\n\nElement rendering data represented by a single object (model) in the\napplication state should use ModelView mixin. Model View is a powerful\nconcept that encapsulates model data (likely the data received from the\nserver and to be persisted to the server if modified as a result of user\nactions), status (validity of the data, flag that data was modified,\nnotifications for the user, etc.). Auxiliary data supplied by action\ndispatchers and needed for display purposes or element's logic\nshould be defined as element’s properties. Same applies to data\ncreated/modified by the element but not intended to be persisted.\nIf `StateAware` mixin is used along with `ModelView`, you can take advantage\nof statePath property that indicates path to the element's state in the\napplication state tree. Whenever any data is mutated by action dispatchers\nat statePath or below, the element will receive notification of its\nproperties' change (even if there is no explicit binding for those\nproperties). See `UniFlow.StateAware` for more details and example.\nModelView mixin defines some properties that are intended to be overridden\nin the elements:\n\n+ `validation` property allows to specify validation rules\nthat will be applied when validateModel() method is called. As a result of\nthis method validation status will be updated to indicate result for each\nmodel field that has validation rule associated with it.\n+ `saveAction` property indicates which action should be emitted when\nsaveModel method is called to perform save of the model.\n+ `getMessage` should be overridden with the function returning message\nstring for given error code (to translate validation error code to message)\n\n\n### Example:\n\n#### HTML:\n\n```html\n\n```\n\n#### JavaScript:\n\n```javascript\nclass MyModel extends Polymer.GestureEventListeners(UniFlow.ModelView(Polymer.Element)) {\n\n static get is() { return \"my-model\"; }\n \n get saveAction() { return 'MY_SAVE'; }\n \n get validation() { \n return {\n name: (value) => {\n if (!value || !value.trim()) {\n return 'Name is not specified';\n }\n }\n }\n }\n \n connectedCallback() {\n super.connectedCallback();\n this.fetchData();\n },\n \n fetchData() {\n this.emitAction({\n type: 'MY_FETCH',\n path: 'model'\n });\n },\n \n onSaveTap() {\n this.validateAndSave();\n }\n}\n\ncustomElements.define(MyModel.is, MyModel);\n```\n\nIn the example above model view has input field for `name` property and Save button. On\nelement attach the action is emitted to fetch the model's data. Note that in `emitAction()` method\nthe path is specified as `'model'`. ActionEmitter mixin is responsible of expanding the path\nwith element's state path, ensuring that when action dispatcher gets to process the action, the\npath contains full path in the state tree. So assuming that `my-model` is declared as follows:\n\n```html\n\n```\n\nthe path in `MY_FETCH` action gets expanded to `state.myModel.model`.\n\n`validation` property is an object that contains methods for fields validation. The keys in\nthis object should match model field names, the values are validation methods. Method receives\ncurrent value of the field and should return non-falsy value (string or error code) if the value\nof the field didn't pass validation. `status.validation` object will be populated with the results\nof validation with the keys matching field names and values being objects containing two fields:\n- `invalid`: true when the value is not valid\n- `errorMessage`: the message to show to user\n\n\nSo in the example above if user clicks on Save button with name not entered, they will get\n'Name is not specified' error message on the input element. When the name is non-empty, validation\nwill pass and `MY_SAVE` action will be emitted with model passed as a parameter and `'model'` as\npath.\n\n## State Aware\n\n Key mixin that must be assigned to all elements that need to access\n application state and/or have access to the application element. The element is\n notified of any changes to application's state, as well as all its properties\n when they're modified by state mutator elements. `state-path` property must\n be used to identify path to element's state in application state tree. \n\n\n### Example:\n\n#### HTML:\n\n```html\n\n```\n\n#### JavaScript:\n\n```javascript\nclass MyElement extends UniFlow.StateAware(Polymer.Element) {\n\n static get is() { return 'my-element'; }\n \n properties: {\n valueB: String\n }\n}\n\ncustomElements.define(MyElement.is, MyElement);\n```\n\nWhen above element is declared as follows:\n\n```html\n\n```\n\nit will be notified about changes (and render those) to `state.valueA` or\n`state.myElement.valueB` in action dispatchers or other state mutating\nelements.\n\n## State Mutator\n\nSome non-visual elements, like action dispatchers, need to modify application\nstate, in which case they should have this mixin assigned. Implements state-\naware and re-declares state property with notify attribute. State mutator elements\nare only supposed to exist at the application level.\n\n" }, { "path": "action-dispatcher.html", "content": "\n\n\n\n\n\n\n" }, { "path": "action-emitter.html", "content": "\n\n\n\n\n" }, { "path": "all-imports.html", "content": "\n\n\n\n\n\n\n" }, { "path": "analysis.json", "content": "{\n \"schema_version\": \"1.0.0\",\n \"mixins\": [\n {\n \"description\": \" Key mixin that must be assigned to all elements that need to access\\n application state and/or have access to the application element. The element is\\n notified of any changes to application's state, as well as all its properties\\n when they're modified by state mutator elements. `state-path` property must\\n be used to identify path to element's state in application state tree. \\n\\n ### Example:\\n\\n #### HTML:\\n\\n \\n\\n #### JavaScript:\\n\\n class MyElement extends UniFlow.StateAware(Polymer.Element) {\\n static get is() { return 'my-element'; }\\n\\n static get properties() {\\n return {\\n valueB: String\\n }\\n }\\n }\\n\\n customElement.define(MyElement.is, MyElement);\\n\\n When above element is declared as follows:\\n\\n \\n\\n it will be notified about changes (and render those) to `state.valueA` or\\n `state.myElement.valueB` in action dispatchers or other state mutating\\n elements.\\n\\n \",\n \"summary\": \"\",\n \"path\": \"state-aware.html\",\n \"properties\": [\n {\n \"name\": \"state\",\n \"type\": \"Object\",\n \"description\": \"Application state, shared among application and all state-aware elements.\\nThis property is initialized when element is attached.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 74,\n \"column\": 10\n },\n \"end\": {\n \"line\": 76,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n }\n },\n {\n \"name\": \"statePath\",\n \"type\": \"string\",\n \"description\": \"Path to element state in the application state tree.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n }\n },\n {\n \"name\": \"stateAware\",\n \"type\": \"boolean\",\n \"description\": \"\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"true\"\n },\n {\n \"name\": \"application\",\n \"type\": \"Object\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n }\n }\n ],\n \"methods\": [\n {\n \"name\": \"connectedCallback\",\n \"description\": \"Adds this element to the list of state-aware elements in the application.\\nSets the value of state property to the state of the application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 116,\n \"column\": 6\n },\n \"end\": {\n \"line\": 132,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": []\n },\n {\n \"name\": \"disconnectedCallback\",\n \"description\": \"Removes this element from the list of state-aware elements in the\\napplication.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 138,\n \"column\": 6\n },\n \"end\": {\n \"line\": 145,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": []\n },\n {\n \"name\": \"getApplication\",\n \"description\": \"Returns application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 151,\n \"column\": 6\n },\n \"end\": {\n \"line\": 153,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"return\": {\n \"type\": \"Element\"\n }\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 65,\n \"column\": 2\n },\n \"end\": {\n \"line\": 155,\n \"column\": 6\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.StateAware\",\n \"attributes\": [\n {\n \"name\": \"state\",\n \"description\": \"Application state, shared among application and all state-aware elements.\\nThis property is initialized when element is attached.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 74,\n \"column\": 10\n },\n \"end\": {\n \"line\": 76,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\"\n },\n {\n \"name\": \"state-path\",\n \"description\": \"Path to element state in the application state tree.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"string\"\n },\n {\n \"name\": \"state-aware\",\n \"description\": \"\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"boolean\"\n },\n {\n \"name\": \"application\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\"\n }\n ],\n \"events\": [],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": []\n },\n {\n \"description\": \" Some non-visual elements, like action dispatchers, need to modify application\\n state, in which case they should have this mixin applied. Implements state-\\n aware and re-declares state property with notify attribute. State mutator elements\\n are only supposed to exist at the application level.\\n\\n \",\n \"summary\": \"\",\n \"path\": \"state-mutator.html\",\n \"properties\": [\n {\n \"name\": \"state\",\n \"type\": \"Object\",\n \"description\": \"Application state.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 41,\n \"column\": 10\n },\n \"end\": {\n \"line\": 44,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {\n \"notify\": true\n }\n }\n },\n {\n \"name\": \"statePath\",\n \"type\": \"string\",\n \"description\": \"Path to element state in the application state tree.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"stateAware\",\n \"type\": \"boolean\",\n \"description\": \"\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"true\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"application\",\n \"type\": \"Object\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n }\n ],\n \"methods\": [\n {\n \"name\": \"connectedCallback\",\n \"description\": \"Adds this element to the list of state-aware elements in the application.\\nSets the value of state property to the state of the application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 116,\n \"column\": 6\n },\n \"end\": {\n \"line\": 132,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"disconnectedCallback\",\n \"description\": \"Removes this element from the list of state-aware elements in the\\napplication.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 138,\n \"column\": 6\n },\n \"end\": {\n \"line\": 145,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"getApplication\",\n \"description\": \"Returns application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 151,\n \"column\": 6\n },\n \"end\": {\n \"line\": 153,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"return\": {\n \"type\": \"Element\"\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 33,\n \"column\": 2\n },\n \"end\": {\n \"line\": 48,\n \"column\": 6\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.StateMutator\",\n \"attributes\": [\n {\n \"name\": \"state\",\n \"description\": \"Application state.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 41,\n \"column\": 10\n },\n \"end\": {\n \"line\": 44,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\"\n },\n {\n \"name\": \"state-path\",\n \"description\": \"Path to element state in the application state tree.\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"string\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"state-aware\",\n \"description\": \"\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"boolean\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"application\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n }\n ],\n \"events\": [],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": [],\n \"mixins\": [\n \"UniFlow.StateAware\"\n ]\n },\n {\n \"description\": \" Use UniFlow.ActionDispatcher for non-visual elements that process actions emitted by visual\\n elements. Action dispatchers usually placed at the application level. Each action dispatcher\\n element gets a chance to process the action in the order the elements are present in the\\n DOM tree. It is important that action dispatcher elements get two-way data binding to\\n application state as follows:\\n\\n \\n\\n Action dispatcher elements can include nested action dispatchers, so you can have a\\n hierarchical organization of action dispatchers.\\n\\n ### Example:\\n\\n #### HTML:\\n\\n \\n \\n \\n\\n #### JavaScript:\\n class ParentDispatcher extends UniFlow.ActionDispatcher(Polymer.Element) {\\n static get is() { return 'parent-dispatcher'; }\\n\\n MY_ACTION(detail) {\\n // do MY_ACTION processing here\\n // return false if you want to prevent other action dispatchers from\\n // further processing of this action\\n };\\n }\\n\\n customElements.define(ParentDispatcher.is, ParentDispatcher);\\n\\n \",\n \"summary\": \"\",\n \"path\": \"action-dispatcher.html\",\n \"properties\": [\n {\n \"name\": \"state\",\n \"type\": \"Object\",\n \"description\": \"Application state.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-mutator.html\",\n \"start\": {\n \"line\": 41,\n \"column\": 10\n },\n \"end\": {\n \"line\": 44,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {\n \"notify\": true\n }\n },\n \"inheritedFrom\": \"UniFlow.StateMutator\"\n },\n {\n \"name\": \"statePath\",\n \"type\": \"string\",\n \"description\": \"Path to element state in the application state tree.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"stateAware\",\n \"type\": \"boolean\",\n \"description\": \"\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"true\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"application\",\n \"type\": \"Object\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"actionDispatcher\",\n \"type\": \"boolean\",\n \"description\": \"\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 68,\n \"column\": 12\n },\n \"end\": {\n \"line\": 72,\n \"column\": 13\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"true\"\n }\n ],\n \"methods\": [\n {\n \"name\": \"connectedCallback\",\n \"description\": \"Adds this element to the list of state-aware elements in the application.\\nSets the value of state property to the state of the application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 116,\n \"column\": 6\n },\n \"end\": {\n \"line\": 132,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"disconnectedCallback\",\n \"description\": \"Removes this element from the list of state-aware elements in the\\napplication.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 138,\n \"column\": 6\n },\n \"end\": {\n \"line\": 145,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"getApplication\",\n \"description\": \"Returns application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 151,\n \"column\": 6\n },\n \"end\": {\n \"line\": 153,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"return\": {\n \"type\": \"Element\"\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"dispatchAction\",\n \"description\": \"Dispatches action by invoking the method with the name that matches\\naction type (`detail.type`) passing detail object as a parameter;\\nalso selects all children action dispatchers in the element's DOM tree and\\ninvokes dispatchAction method on them. False returned by an action dispatcher method\\nresults in dispatchAction method returning false (which in turn stops further processing\\nof the action by other action dispatchers).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 87,\n \"column\": 8\n },\n \"end\": {\n \"line\": 97,\n \"column\": 9\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"detail\",\n \"type\": \"{type: string}\"\n }\n ],\n \"return\": {\n \"type\": \"boolean\"\n }\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 64,\n \"column\": 2\n },\n \"end\": {\n \"line\": 99,\n \"column\": 8\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.ActionDispatcher\",\n \"attributes\": [\n {\n \"name\": \"state\",\n \"description\": \"Application state.\",\n \"sourceRange\": {\n \"file\": \"state-mutator.html\",\n \"start\": {\n \"line\": 41,\n \"column\": 10\n },\n \"end\": {\n \"line\": 44,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\",\n \"inheritedFrom\": \"UniFlow.StateMutator\"\n },\n {\n \"name\": \"state-path\",\n \"description\": \"Path to element state in the application state tree.\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"string\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"state-aware\",\n \"description\": \"\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"boolean\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"application\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"action-dispatcher\",\n \"description\": \"\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 68,\n \"column\": 12\n },\n \"end\": {\n \"line\": 72,\n \"column\": 13\n }\n },\n \"metadata\": {},\n \"type\": \"boolean\"\n }\n ],\n \"events\": [],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": [],\n \"mixins\": [\n \"UniFlow.StateMutator\"\n ]\n },\n {\n \"description\": \" Whenever element needs to emit an action, this mixin should be applied.\\n Action object must always include type property.\\n\\n \",\n \"summary\": \"\",\n \"path\": \"action-emitter.html\",\n \"properties\": [],\n \"methods\": [\n {\n \"name\": \"emitAction\",\n \"description\": \"Emits the action described by detail parameter. Detail object must always\\ninclude type property. To emit the action we use custom event\\nmechanism. Application element listens to the `dispatch-action` event and\\ninvokes `dispatchAction` methods for all action dispatchers associated with\\nthe application. Make sure your element is attached to DOM tree, otherwise\\nevent will never reach your application element. It is a good practice to\\nensure that `state` property is initialized (for state-aware elements) before\\nemitting any actions (as `state` property is initialized on attach).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 50,\n \"column\": 6\n },\n \"end\": {\n \"line\": 62,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"detail\",\n \"type\": \"*\"\n }\n ]\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 29,\n \"column\": 2\n },\n \"end\": {\n \"line\": 64,\n \"column\": 6\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.ActionEmitter\",\n \"attributes\": [],\n \"events\": [\n {\n \"type\": \"CustomEvent\",\n \"name\": \"dispatch-action\",\n \"description\": \"dispatch-action\",\n \"metadata\": {}\n }\n ],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": []\n },\n {\n \"description\": \" Apply this mixin to your main application element. It provides global\\n state and functionality to maintain individual elements states. This mixin\\n is responsible for notifying all state-aware elements about their state\\n changes (provided those elements have `statePath` property defined).\\n Only one element in the application is supposed to have this mixin.\\n\\n ### Example:\\n\\n #### HTML:\\n\\n \\n\\n #### JavaScript:\\n class MyApp extends UniFlow.ApplicationState(Polymer.Element) {\\n static get is() { return 'my-app'; }\\n\\n connectedCallback() {\\n super.ConnectedCallback();\\n\\n this.state = {\\n someElement: {}\\n }\\n }\\n }\\n\\n customElements.define(MyApp.is,MyApp);\\n\\n In the example above, `` will receive notification of any changes to the state,\\n as if it was declared as follows:\\n\\n \\n\\n Also, if `` has `propertyA`, on element attach this property will be assigned\\n the value of `state.someElement.propertyA`, and receive all notification of the property change\\n whenever the corresponding data in state tree changes. This essentially translates to following\\n declaration:\\n\\n \\n \\n\\n Note that data binding is one-way in both cases. Although state-aware elements can modify their\\n own state, it is considered their private state and no other elements will be notified of those\\n changes.\\n\\n \",\n \"summary\": \"\",\n \"path\": \"application-state.html\",\n \"properties\": [\n {\n \"name\": \"state\",\n \"type\": \"Object\",\n \"description\": \"Application state.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-mutator.html\",\n \"start\": {\n \"line\": 41,\n \"column\": 10\n },\n \"end\": {\n \"line\": 44,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {\n \"notify\": true\n }\n },\n \"inheritedFrom\": \"UniFlow.StateMutator\"\n },\n {\n \"name\": \"statePath\",\n \"type\": \"string\",\n \"description\": \"Path to element state in the application state tree.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"stateAware\",\n \"type\": \"boolean\",\n \"description\": \"\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"true\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"application\",\n \"type\": \"Object\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"actionDispatcher\",\n \"type\": \"boolean\",\n \"description\": \"\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"action-dispatcher.html\",\n \"start\": {\n \"line\": 68,\n \"column\": 12\n },\n \"end\": {\n \"line\": 72,\n \"column\": 13\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"true\",\n \"inheritedFrom\": \"UniFlow.ActionDispatcher\"\n }\n ],\n \"methods\": [\n {\n \"name\": \"connectedCallback\",\n \"description\": \"Adds this element to the list of state-aware elements in the application.\\nSets the value of state property to the state of the application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 116,\n \"column\": 6\n },\n \"end\": {\n \"line\": 132,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"disconnectedCallback\",\n \"description\": \"Removes this element from the list of state-aware elements in the\\napplication.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 138,\n \"column\": 6\n },\n \"end\": {\n \"line\": 145,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"getApplication\",\n \"description\": \"Returns application element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 151,\n \"column\": 6\n },\n \"end\": {\n \"line\": 153,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"return\": {\n \"type\": \"Element\"\n },\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"dispatchAction\",\n \"description\": \"Dispatches action by invoking the method with the name that matches\\naction type (`detail.type`) passing detail object as a parameter;\\nalso selects all children action dispatchers in the element's DOM tree and\\ninvokes dispatchAction method on them. False returned by an action dispatcher method\\nresults in dispatchAction method returning false (which in turn stops further processing\\nof the action by other action dispatchers).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"action-dispatcher.html\",\n \"start\": {\n \"line\": 87,\n \"column\": 8\n },\n \"end\": {\n \"line\": 97,\n \"column\": 9\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"detail\",\n \"type\": \"{type: string}\"\n }\n ],\n \"return\": {\n \"type\": \"boolean\"\n },\n \"inheritedFrom\": \"UniFlow.ActionDispatcher\"\n },\n {\n \"name\": \"onDispatchAction_\",\n \"description\": \"Application state listens to dispatch-action method and invokes\\ndispatchAction method on itself (which in turn invokes dispatchAction\\non all action dispatchers declared within application element).\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 102,\n \"column\": 6\n },\n \"end\": {\n \"line\": 104,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"event\",\n \"type\": \"!Event\"\n }\n ]\n },\n {\n \"name\": \"stateChanged_\",\n \"description\": \"Called when state.* changes. Notifies state-aware elements of their\\nstate changes, if applicable.\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 113,\n \"column\": 6\n },\n \"end\": {\n \"line\": 115,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"change\",\n \"type\": \"!Object\",\n \"description\": \"the Polymer change event for the path\"\n }\n ]\n },\n {\n \"name\": \"notifyStateAwareElements_\",\n \"description\": \"Iterates through the array of state-aware elements in the application\\nand notifies them about their state change, if applicable. Note that\\nstate-aware elements must be attached to DOM tree in order to receive\\nnotifications.\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 126,\n \"column\": 6\n },\n \"end\": {\n \"line\": 149,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"change\"\n }\n ]\n },\n {\n \"name\": \"ready\",\n \"description\": \"Sets application.element value to this element (so all state-aware elements\\nhave access to application element). Registers event listener to dispatch-action event.\",\n \"privacy\": \"protected\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 155,\n \"column\": 6\n },\n \"end\": {\n \"line\": 159,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": []\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 85,\n \"column\": 2\n },\n \"end\": {\n \"line\": 161,\n \"column\": 6\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.ApplicationState\",\n \"attributes\": [\n {\n \"name\": \"state\",\n \"description\": \"Application state.\",\n \"sourceRange\": {\n \"file\": \"state-mutator.html\",\n \"start\": {\n \"line\": 41,\n \"column\": 10\n },\n \"end\": {\n \"line\": 44,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\",\n \"inheritedFrom\": \"UniFlow.StateMutator\"\n },\n {\n \"name\": \"state-path\",\n \"description\": \"Path to element state in the application state tree.\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 81,\n \"column\": 10\n },\n \"end\": {\n \"line\": 83,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"string\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"state-aware\",\n \"description\": \"\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 85,\n \"column\": 10\n },\n \"end\": {\n \"line\": 89,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"boolean\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"application\",\n \"description\": \"Application-level object that allows all state-aware objects access\\nto application element. This property is shared among all state-aware\\nelements and has element field initialized with reference to application\\nelement. Any state-aware element can access application element using\\n`getApplication()` method. Also, all state-aware elements\\nadd themselves to `application.stateAwareElements` array on attach (and\\nremove on detach); this list is used to send notification about\\nelement state changes.\",\n \"sourceRange\": {\n \"file\": \"state-aware.html\",\n \"start\": {\n \"line\": 101,\n \"column\": 10\n },\n \"end\": {\n \"line\": 107,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\",\n \"inheritedFrom\": \"UniFlow.StateAware\"\n },\n {\n \"name\": \"action-dispatcher\",\n \"description\": \"\",\n \"sourceRange\": {\n \"file\": \"action-dispatcher.html\",\n \"start\": {\n \"line\": 68,\n \"column\": 12\n },\n \"end\": {\n \"line\": 72,\n \"column\": 13\n }\n },\n \"metadata\": {},\n \"type\": \"boolean\",\n \"inheritedFrom\": \"UniFlow.ActionDispatcher\"\n }\n ],\n \"events\": [],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": [],\n \"mixins\": [\n \"UniFlow.ActionDispatcher\"\n ]\n },\n {\n \"description\": \" This mixin used by elements that need to render multiple models backed\\n by 'list' array. You may want to use ModelView to render individual\\n models in the list. The mixin supports element selection by setting predefined\\n $selected property on list elements.\\n\\n ### Example:\\n\\n #### HTML:\\n\\n
    \\n \\n
\\n Selected: [[selectedCount]] items\\n Delete\\n\\n #### JavaScript:\\n class ListElement extends UniFlow.StateAware(UniFlow.ListView(Polymer.Element)) {\\n static get is() { return \\\"list-element\\\"; }\\n\\n onDeleteTap() {\\n this.deleteSelected();\\n }\\n }\\n\\n customElements.define(ListElement.is, ListElement);\\n\\n In the example above list view element is also state-aware, meaning it has its own place\\n in the application state tree. Assuming it has been declared as follows:\\n\\n \\n\\n it will be rendering `state.listElement.list` and observing changes to it. Each `model-view`\\n within dom-repeat template will have `state-path` property set to\\n `state.listElement.list.#` where `index` is the element's index in the array.\\n\\n\\n \",\n \"summary\": \"\",\n \"path\": \"list-view.html\",\n \"properties\": [\n {\n \"name\": \"list\",\n \"type\": \"Array\",\n \"description\": \"Array which data is to be rendered by the element.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 78,\n \"column\": 10\n },\n \"end\": {\n \"line\": 81,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n },\n \"defaultValue\": \"[]\"\n },\n {\n \"name\": \"selectedCount\",\n \"type\": \"number\",\n \"description\": \"If element supports item selection (using meta-property $selected) then\\nselectedCount property will keep track of number of selected items.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 87,\n \"column\": 10\n },\n \"end\": {\n \"line\": 91,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {\n \"notify\": true\n }\n },\n \"defaultValue\": \"0\"\n },\n {\n \"name\": \"deleteAction\",\n \"type\": \"string\",\n \"description\": \"Action name that will be emitted when deleteSelected method is called\\nwithout parameter.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 97,\n \"column\": 10\n },\n \"end\": {\n \"line\": 97,\n \"column\": 30\n }\n },\n \"metadata\": {\n \"polymer\": {}\n }\n }\n ],\n \"methods\": [\n {\n \"name\": \"emitAction\",\n \"description\": \"Emits the action described by detail parameter. Detail object must always\\ninclude type property. To emit the action we use custom event\\nmechanism. Application element listens to the `dispatch-action` event and\\ninvokes `dispatchAction` methods for all action dispatchers associated with\\nthe application. Make sure your element is attached to DOM tree, otherwise\\nevent will never reach your application element. It is a good practice to\\nensure that `state` property is initialized (for state-aware elements) before\\nemitting any actions (as `state` property is initialized on attach).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"action-emitter.html\",\n \"start\": {\n \"line\": 50,\n \"column\": 6\n },\n \"end\": {\n \"line\": 62,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"detail\",\n \"type\": \"*\"\n }\n ],\n \"inheritedFrom\": \"UniFlow.ActionEmitter\"\n },\n {\n \"name\": \"itemChanged_\",\n \"description\": \"Whenever list is set or mutated (elements added/removed), as well as\\nmeta-property $selected is modified, updates selectedCount.\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 114,\n \"column\": 6\n },\n \"end\": {\n \"line\": 121,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"change\",\n \"type\": \"!Object\"\n }\n ]\n },\n {\n \"name\": \"updateSelectedCount_\",\n \"description\": \"Updates selectedCount property of the element by iterating the list and\\ncounting each item that has meta-property $selected set.\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 128,\n \"column\": 6\n },\n \"end\": {\n \"line\": 134,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": []\n },\n {\n \"name\": \"deleteSelected\",\n \"description\": \"Emits deleteAction for each selected element in the list (for which\\nmeta-property $selected is set).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 143,\n \"column\": 6\n },\n \"end\": {\n \"line\": 157,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"deleteAction\",\n \"type\": \"string=\",\n \"description\": \"Action type for the action that will be emitted\\n for each selected element. If not specified, `deleteAction` property of the element\\n will be used.\"\n }\n ]\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 70,\n \"column\": 2\n },\n \"end\": {\n \"line\": 159,\n \"column\": 6\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.ListView\",\n \"attributes\": [\n {\n \"name\": \"list\",\n \"description\": \"Array which data is to be rendered by the element.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 78,\n \"column\": 10\n },\n \"end\": {\n \"line\": 81,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Array\"\n },\n {\n \"name\": \"selected-count\",\n \"description\": \"If element supports item selection (using meta-property $selected) then\\nselectedCount property will keep track of number of selected items.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 87,\n \"column\": 10\n },\n \"end\": {\n \"line\": 91,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"number\"\n },\n {\n \"name\": \"delete-action\",\n \"description\": \"Action name that will be emitted when deleteSelected method is called\\nwithout parameter.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 97,\n \"column\": 10\n },\n \"end\": {\n \"line\": 97,\n \"column\": 30\n }\n },\n \"metadata\": {},\n \"type\": \"string\"\n }\n ],\n \"events\": [\n {\n \"type\": \"CustomEvent\",\n \"name\": \"dispatch-action\",\n \"description\": \"dispatch-action\",\n \"metadata\": {},\n \"inheritedFrom\": \"UniFlow.ActionEmitter\"\n }\n ],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": [],\n \"mixins\": [\n \"UniFlow.ActionEmitter\"\n ]\n },\n {\n \"description\": \" Element rendering data represented by a single object (model) in the\\n application state should use ModelView mixin. Model View is a powerful\\n concept that encapsulates model data (likely the data received from the\\n server and to be persisted to the server if modified as a result of user\\n actions), status (validity of the data, flag that data was modified,\\n notifications for the user, etc.). Auxiliary data supplied by action\\n dispatchers and needed for display purposes or element's logic\\n should be defined as element’s properties. Same applies to data\\n created/modified by the element but not intended to be persisted.\\n If `StateAware` mixin is used along with `ModelView`, you can take advantage\\n of statePath property that indicates path to the element's state in the\\n application state tree. Whenever any data is mutated by action dispatchers\\n at statePath or below, the element will receive notification of its\\n properties' change (even if there is no explicit binding for those\\n properties). See `UniFlow.StateAware` for more details and example.\\n ModelView mixin defines some properties that are intended to be overridden\\n in the elements:\\n\\n + `validation` property allows to specify validation rules\\n that will be applied when validateModel() method is called. As a result of\\n this method validation status will be updated to indicate result for each\\n model field that has validation rule associated with it.\\n + `saveAction` property indicates which action should be emitted when\\n saveModel method is called to perform save of the model.\\n + `getMessage` should be overridden with the function returning message\\n string for given error code (to translate validation error code to message)\\n\\n\\n ### Example:\\n\\n #### HTML:\\n\\n \\n\\n #### JavaScript:\\n class MyModel extends UniFlow.ModelView(Polymer.Element) {\\n static get is() { return \\\"my-model\\\"; }\\n \\n get saveAction() { return 'MY_SAVE' }\\n\\n get validation() { return {\\n name: (value) => {\\n if (!value || !value.trim()) {\\n return 'Name is not specified';\\n }\\n }\\n }}\\n\\n connectedCallback() {\\n this.super();\\n this.fetchData();\\n },\\n\\n fetchData() {\\n this.emitAction({\\n type: 'MY_FETCH',\\n path: 'model'\\n });\\n },\\n\\n onSaveTap() {\\n this.validateAndSave();\\n }\\n }\\n\\n customElements.define(MyModel.is, MyModel);\\n\\n In the example above model view has input field for `name` property and Save button. On\\n element attach the action is emitted to fetch the model's data. Note that in `emitAction()` method\\n the path is specified as `'model'`. ActionEmitter mixin is responsible of expanding the path\\n with element's state path, ensuring that when action dispatcher gets to process the action, the\\n path contains full path in the state tree. So assuming that `my-model` is declared as follows:\\n\\n \\n\\n the path in `MY_FETCH` action gets expanded to `state.myModel.model`.\\n\\n `validation` property is an object that contains methods for fields validation. The keys in\\n this object should match model field names, the values are validation methods. Method receives\\n current value of the field and should return non-falsy value (string or error code) if the value\\n of the field didn't pass validation. `status.validation` object will be populated with the results\\n of validation with the keys matching field names and values being objects containing two fields:\\n - `invalid`: true when the value is not valid\\n - `errorMessage`: the message to show to user\\n\\n\\n So in the example above if user clicks on Save button with name not entered, they will get\\n 'Name is not specified' error message on the input element. When the name is non-empty, validation\\n will pass and `MY_SAVE` action will be emitted with model passed as a parameter and `'model'` as\\n path.\\n\\n\\n \",\n \"summary\": \"\",\n \"path\": \"model-view.html\",\n \"properties\": [\n {\n \"name\": \"model\",\n \"type\": \"Object\",\n \"description\": \"Object containing model data, usually mirroring server-side object.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 138,\n \"column\": 10\n },\n \"end\": {\n \"line\": 140,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n }\n },\n {\n \"name\": \"status\",\n \"type\": \"Object\",\n \"description\": \"Object to contain model status, including validity of the data,\\nflag that data was modified, notifications for the user, etc.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 146,\n \"column\": 10\n },\n \"end\": {\n \"line\": 148,\n \"column\": 11\n }\n },\n \"metadata\": {\n \"polymer\": {}\n }\n }\n ],\n \"methods\": [\n {\n \"name\": \"emitAction\",\n \"description\": \"Emits the action described by detail parameter. Detail object must always\\ninclude type property. To emit the action we use custom event\\nmechanism. Application element listens to the `dispatch-action` event and\\ninvokes `dispatchAction` methods for all action dispatchers associated with\\nthe application. Make sure your element is attached to DOM tree, otherwise\\nevent will never reach your application element. It is a good practice to\\nensure that `state` property is initialized (for state-aware elements) before\\nemitting any actions (as `state` property is initialized on attach).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"file\": \"action-emitter.html\",\n \"start\": {\n \"line\": 50,\n \"column\": 6\n },\n \"end\": {\n \"line\": 62,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"detail\",\n \"type\": \"*\"\n }\n ],\n \"inheritedFrom\": \"UniFlow.ActionEmitter\"\n },\n {\n \"name\": \"getMessage\",\n \"description\": \"Function that translates error code (numeric or text) into human readable\\nerror message (used to translate validation error code into error text).\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 176,\n \"column\": 6\n },\n \"end\": {\n \"line\": 178,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": []\n },\n {\n \"name\": \"saveModel\",\n \"description\": \"Method emitting passed action or this.saveAction, sending model with\\nthe action options.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 191,\n \"column\": 6\n },\n \"end\": {\n \"line\": 207,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"action\",\n \"type\": \"(Object|string)=\"\n }\n ]\n },\n {\n \"name\": \"initValidationStatus_\",\n \"description\": \"Method initializes status.validation object with invalid = false for all\\nkeys defined in this.validation object. This is needed for proper UI\\nbinding (if the value of invalid attribute is undefined, paper-input is\\nmisbehaving).\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 216,\n \"column\": 6\n },\n \"end\": {\n \"line\": 226,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": []\n },\n {\n \"name\": \"validateModel\",\n \"description\": \"Performs validation of model object according to rules defined in\\nthis.validation object. Sets status.validation. fields with\\ntwo properties: invalid and errorMessage.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 236,\n \"column\": 6\n },\n \"end\": {\n \"line\": 256,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [],\n \"return\": {\n \"type\": \"boolean\",\n \"desc\": \"True if all fields validated successfully (or\\n this.validation is not defined in the element).\"\n }\n },\n {\n \"name\": \"validateAndSave\",\n \"description\": \"Validates and saves model if there were no validation errors.\",\n \"privacy\": \"public\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 262,\n \"column\": 6\n },\n \"end\": {\n \"line\": 266,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"action\",\n \"type\": \"string=\",\n \"description\": \"Optional action type to emit for save action.\"\n }\n ]\n },\n {\n \"name\": \"modelViewModelChanged_\",\n \"description\": \"Observer of any changes to the model. Resets status object and initializes\\nvalidation status.\",\n \"privacy\": \"private\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 274,\n \"column\": 6\n },\n \"end\": {\n \"line\": 288,\n \"column\": 7\n }\n },\n \"metadata\": {},\n \"params\": [\n {\n \"name\": \"change\",\n \"type\": \"!Object\"\n }\n ]\n }\n ],\n \"staticMethods\": [],\n \"demos\": [],\n \"metadata\": {},\n \"sourceRange\": {\n \"start\": {\n \"line\": 129,\n \"column\": 2\n },\n \"end\": {\n \"line\": 290,\n \"column\": 6\n }\n },\n \"privacy\": \"public\",\n \"name\": \"UniFlow.ModelView\",\n \"attributes\": [\n {\n \"name\": \"model\",\n \"description\": \"Object containing model data, usually mirroring server-side object.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 138,\n \"column\": 10\n },\n \"end\": {\n \"line\": 140,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\"\n },\n {\n \"name\": \"status\",\n \"description\": \"Object to contain model status, including validity of the data,\\nflag that data was modified, notifications for the user, etc.\",\n \"sourceRange\": {\n \"start\": {\n \"line\": 146,\n \"column\": 10\n },\n \"end\": {\n \"line\": 148,\n \"column\": 11\n }\n },\n \"metadata\": {},\n \"type\": \"Object\"\n }\n ],\n \"events\": [\n {\n \"type\": \"CustomEvent\",\n \"name\": \"dispatch-action\",\n \"description\": \"dispatch-action\",\n \"metadata\": {},\n \"inheritedFrom\": \"UniFlow.ActionEmitter\"\n }\n ],\n \"styling\": {\n \"cssVariables\": [],\n \"selectors\": []\n },\n \"slots\": [],\n \"mixins\": [\n \"UniFlow.ActionEmitter\"\n ]\n }\n ]\n}\n" }, { "path": "application-state.html", "content": "\n\n\n\n\n\n\n\n" }, { "path": "bower.json", "content": "{\n \"name\": \"uniflow-polymer\",\n \"version\": \"0.6.0\",\n \"authors\": [\n \"Andrei Militeev \"\n ],\n \"description\": \"A straightforward way to architect Polymer application using unidirectional data flow.\",\n \"keywords\": [\n \"web-component\",\n \"polymer\",\n \"uniflow\",\n \"unidirectional\",\n \"flow\"\n ],\n \"license\": \"https://raw.githubusercontent.com/google/uniflow-polymer/master/LICENSE\",\n \"homepage\": \"https://github.com/google/uniflow-polymer/\",\n \"ignore\": [\n \"/.*\",\n \"/test/\"\n ],\n \"dependencies\": {\n \"polymer\": \"Polymer/polymer#^2.0.0\"\n },\n \"devDependencies\": {\n \"app-route\": \"PolymerElements/app-route#^2.0.2\",\n \"iron-component-page\": \"PolymerElements/iron-component-page#^3.0.0\",\n \"iron-demo-helpers\": \"PolymerElements/iron-demo-helpers#^2.0.0\",\n \"iron-icon\": \"PolymerElements/iron-icon#^2.0.0\",\n \"iron-icons\": \"PolymerElements/iron-icons#^2.0.0\",\n \"iron-test-helpers\": \"PolymerElements/iron-test-helpers#^2.0.0\",\n \"paper-styles\": \"PolymerElements/paper-styles#^2.0.0\",\n \"test-fixture\": \"PolymerElements/test-fixture#3.0.0-rc.1\",\n \"web-component-tester\": \"^v6.0.0\",\n \"todomvc-app-css\": \"^2.1.0\",\n \"iron-localstorage\": \"PolymerElements/iron-localstorage#^2.0.0\"\n }\n}\n" }, { "path": "index.html", "content": "\n\n\n\n\n \n \n\n \n \n\n\n\n \n \n\n\n\n" }, { "path": "list-view.html", "content": "\n\n\n\n\n\n" }, { "path": "model-view.html", "content": "\n\n\n\n\n\n" }, { "path": "state-aware.html", "content": "\n\n\n\n\n" }, { "path": "state-mutator.html", "content": "\n\n\n\n\n" }, { "path": "test/action-dispatcher_test.html", "content": "\n\n\n\n\n \n UniFlow.ActionDispatcher tests\n \n\n \n \n\n \n\n\n\n\n\n \n \n \n\n \n \n \n \n\n \n \n \n\n \n \n \n\n \n\n\n\n" }, { "path": "test/action-emitter_test.html", "content": "\n\n\n\n\n \n UniFlow.ActionEmitter tests\n \n\n \n \n\n \n\n\n\n\n\n \n \n \n\n \n \n \n\n \n\n\n\n" }, { "path": "test/application-state_test.html", "content": "\n\n\n\n\n \n UniFlow.ApplicationState tests\n \n\n \n \n\n \n \n\n\n\n\n\n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n\n \n\n\n\n" }, { "path": "test/list-view_test.html", "content": "\n\n\n\n\n \n UniFlow.ListView tests\n \n\n \n \n\n \n\n\n\n\n\n \n \n \n\n \n \n \n\n \n\n\n\n" }, { "path": "test/model-view_test.html", "content": "\n\n\n\n\n \n UniFlow.ModelView tests\n \n\n \n \n\n \n\n\n\n\n\n \n \n \n\n \n \n \n\n \n\n\n\n" }, { "path": "test/state-aware_test.html", "content": "\n\n\n\n\n \n UniFlow.StateAware tests\n \n\n \n \n\n \n\n\n\n\n\n\n \n\n\n\n \n\n\n\n\n\n\n" }, { "path": "todomvc/README.md", "content": "# \\\n\nToDo MVC application implemented with UniFlow for Polymer 2.x\n\n## Install Bower Dependencies\n\nRun `bower install`\n\n## Install the Polymer-CLI\n\nMake sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed.\n\n## Run the Application\n\nRun `polymer serve` to serve your application locally.\n\nOpen the by adding todomvc to the url, for example:\n\nhttp://127.0.0.1:8081/components/uniflow-polymer/todomvc" }, { "path": "todomvc/elements/todo-action-dispatcher.html", "content": "\n\n\n\n\n \n" }, { "path": "todomvc/elements/todo-app.html", "content": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n" }, { "path": "todomvc/elements/todo-footer.html", "content": "\n\n\n\n\n\n\n\n \n \n" }, { "path": "todomvc/elements/todo-header.html", "content": "\n\n\n\n\n\n\n \n \n" }, { "path": "todomvc/elements/todo-item.html", "content": "\n\n\n\n\n\n\n \n \n" }, { "path": "todomvc/elements/todo-items.html", "content": "\n\n\n\n\n\n\n\n \n \n" }, { "path": "todomvc/elements/todo-styles.html", "content": "\n \n" }, { "path": "todomvc/index.html", "content": "\n\n \n \n \n TodoMVC with UniFlow\n \n\n \n \n\n \n\n \n \n\n \n \n \n\n \n \n\n" }, { "path": "todomvc/manifest.json", "content": "{\n \"name\": \"todo\",\n \"short_name\": \"todo\",\n \"description\": \"ToDo MVC application implemented with UniFlow for Polymer\",\n \"start_url\": \"/\",\n \"display\": \"standalone\"\n}\n" }, { "path": "todomvc/scripts/actions.js", "content": "window.todo = window.todo || {};\n\ntodo.actions = {\n\n INIT_APPLICATION: \"INIT_APPLICATION\",\n ADD_TODO: \"ADD_TODO\",\n REMOVE_TODO: \"REMOVE_TODO\",\n UPDATE_TODO: \"UPDATE_TODO\",\n SELECTION_CHANGED: \"SELECTION_CHANGED\",\n CLEAR_COMPLETED: \"CLEAR_COMPLETED\"\n\n}\n" } ]