px-demo-api.json

{"schema_version":"1.0.0","elements":[{"description":"Creates a header for Predix UI demo pages.\n\n##### Usage\n\n    <px-demo-header\n        module-name=\"px-calendar-picker\"\n        description=\"The px-calendar-picker component includes various elements used for structuring responsive layouts. This component allows the user to select a date or date range. The main use of this component is to be used in the px-range-panel.\">\n    </px-demo-header>","summary":"","path":"../px-demo/px-demo-api-viewer.html","properties":[{"name":"source","type":"string","description":"Name of the source file to analyze to generate the API viewer.","privacy":"public","sourceRange":{"start":{"line":52,"column":6},"end":{"line":55,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"apiSourceFilePath","type":"string","description":"A string holding the path of the api source file e.g. px-tabs/px-tabs-api.json\nx","privacy":"public","sourceRange":{"start":{"line":62,"column":6},"end":{"line":65,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"hide","type":"Array","description":"An array which contains the names of properties which will be removed\nfrom the hydrolysis object","privacy":"public","sourceRange":{"start":{"line":71,"column":6},"end":{"line":76,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"markPrivate","type":"Array","description":"An array which contains the names of properties which will be marked\nas private","privacy":"public","sourceRange":{"start":{"line":82,"column":6},"end":{"line":87,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"markReadOnly","type":"Array","description":"An array which contains the names of properties which will be marked\nas readonly","privacy":"public","sourceRange":{"start":{"line":93,"column":6},"end":{"line":98,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"changeDescription","type":"Array","description":"an array which contains the names and new descriptions of\nproperties we want to change the deccription of.","privacy":"public","sourceRange":{"start":{"line":104,"column":7},"end":{"line":109,"column":8}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"filterTagByPrefix","type":"string","description":"represents a prefix that we filter the elements by when we mutate the hydrolysis object.","privacy":"public","sourceRange":{"start":{"line":114,"column":6},"end":{"line":117,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""}],"methods":[],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":42,"column":10},"end":{"line":119,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"source","description":"Name of the source file to analyze to generate the API viewer.","sourceRange":{"start":{"line":52,"column":6},"end":{"line":55,"column":7}},"metadata":{},"type":"string"},{"name":"api-source-file-path","description":"A string holding the path of the api source file e.g. px-tabs/px-tabs-api.json\nx","sourceRange":{"start":{"line":62,"column":6},"end":{"line":65,"column":7}},"metadata":{},"type":"string"},{"name":"hide","description":"An array which contains the names of properties which will be removed\nfrom the hydrolysis object","sourceRange":{"start":{"line":71,"column":6},"end":{"line":76,"column":7}},"metadata":{},"type":"Array"},{"name":"mark-private","description":"An array which contains the names of properties which will be marked\nas private","sourceRange":{"start":{"line":82,"column":6},"end":{"line":87,"column":7}},"metadata":{},"type":"Array"},{"name":"mark-read-only","description":"An array which contains the names of properties which will be marked\nas readonly","sourceRange":{"start":{"line":93,"column":6},"end":{"line":98,"column":7}},"metadata":{},"type":"Array"},{"name":"change-description","description":"an array which contains the names and new descriptions of\nproperties we want to change the deccription of.","sourceRange":{"start":{"line":104,"column":7},"end":{"line":109,"column":8}},"metadata":{},"type":"Array"},{"name":"filter-tag-by-prefix","description":"represents a prefix that we filter the elements by when we mutate the hydrolysis object.","sourceRange":{"start":{"line":114,"column":6},"end":{"line":117,"column":7}},"metadata":{},"type":"string"}],"events":[],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-api-viewer"},{"description":"Wraps around `px-code-editor` to provide a code editor instance that can be\nused to edit complex props.\n\n##### Usage\n\n    <px-demo-code-editor></px-demo-code-editor>","summary":"","path":"../px-demo/px-demo-code-editor.html","properties":[{"name":"enabled","type":"boolean","description":"Makes the editor visible to the user.","privacy":"public","sourceRange":{"start":{"line":55,"column":8},"end":{"line":60,"column":9}},"metadata":{"polymer":{"notify":true}},"defaultValue":"false"},{"name":"title","type":"string","description":"Title to show over the top of the editor.","privacy":"public","sourceRange":{"start":{"line":65,"column":8},"end":{"line":68,"column":9}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"target","type":"HTMLElement","description":"The element to attach the `px-demo-props-code-edit-request` event\nlistener to. Defaults to this element's parent node.","privacy":"public","sourceRange":{"start":{"line":74,"column":8},"end":{"line":77,"column":9}},"metadata":{"polymer":{"observer":"\"_bindTargetListener\""}}}],"methods":[{"name":"created","description":"","privacy":"protected","sourceRange":{"start":{"line":80,"column":6},"end":{"line":82,"column":7}},"metadata":{},"params":[]},{"name":"attached","description":"","privacy":"protected","sourceRange":{"start":{"line":84,"column":6},"end":{"line":88,"column":7}},"metadata":{},"params":[]},{"name":"detached","description":"","privacy":"protected","sourceRange":{"start":{"line":90,"column":6},"end":{"line":92,"column":7}},"metadata":{},"params":[]},{"name":"_bindTargetListener","description":"","privacy":"protected","sourceRange":{"start":{"line":94,"column":6},"end":{"line":101,"column":7}},"metadata":{},"params":[{"name":"target"},{"name":"oldTarget"}]},{"name":"_handleEditRequest","description":"When another element requests an editor instance, configure the instance\nand make it visible.","privacy":"protected","sourceRange":{"start":{"line":107,"column":6},"end":{"line":126,"column":7}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleEditorSaved","description":"","privacy":"protected","sourceRange":{"start":{"line":128,"column":6},"end":{"line":143,"column":7}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleEditorCanceled","description":"","privacy":"protected","sourceRange":{"start":{"line":145,"column":6},"end":{"line":150,"column":7}},"metadata":{},"params":[{"name":"evt"}]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":48,"column":12},"end":{"line":151,"column":5}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"enabled","description":"Makes the editor visible to the user.","sourceRange":{"start":{"line":55,"column":8},"end":{"line":60,"column":9}},"metadata":{},"type":"boolean"},{"name":"title","description":"Title to show over the top of the editor.","sourceRange":{"start":{"line":65,"column":8},"end":{"line":68,"column":9}},"metadata":{},"type":"string"},{"name":"target","description":"The element to attach the `px-demo-props-code-edit-request` event\nlistener to. Defaults to this element's parent node.","sourceRange":{"start":{"line":74,"column":8},"end":{"line":77,"column":9}},"metadata":{},"type":"HTMLElement"}],"events":[{"type":"CustomEvent","name":"enabled-changed","description":"Fired when the `enabled` property changes.","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-code-editor"},{"description":"Creates a container for a collection of demos.\n\n### Usage\n\n    <px-demo-collection></px-demo-collection>","summary":"","path":"../px-demo/px-demo-collection.html","properties":[{"name":"demos","type":"Array","description":"A list of demo pages to make available. An array of objects, each with\nthe name of a demo, and the name of the custom element loaded holding\nthe demo.","privacy":"public","sourceRange":{"start":{"line":69,"column":6},"end":{"line":71,"column":7}},"metadata":{"polymer":{}}},{"name":"chosenDemoName","type":"string","description":"The name of the active demo. Can be set to update the currently visible\ndemo, or listened to for notifications when the user changes the\nactive demo.","privacy":"public","sourceRange":{"start":{"line":81,"column":6},"end":{"line":85,"column":7}},"metadata":{"polymer":{"notify":true,"observer":"\"_handleChosenDemoNameChange\""}}},{"name":"_decks","type":"Array","description":"An array of objects formatted for the `px-deck-selector` instance.\nThis helps the user switch between demos.\n\n`px-deck-selector` expects this data format:\n\n    [{\"id\":\"1\",\"name\":\"Overview\",\"url\":\"/overview\"}]","privacy":"protected","sourceRange":{"start":{"line":97,"column":6},"end":{"line":100,"column":7}},"metadata":{"polymer":{"readOnly":true}}},{"name":"_selectedDeck","type":"Array","description":"The currently selected deck, notified out from `px-deck-selector`.","privacy":"protected","sourceRange":{"start":{"line":107,"column":6},"end":{"line":110,"column":7}},"metadata":{"polymer":{"observer":"\"_handleSelectedDeckChange\""}}}],"methods":[{"name":"_setInitialDemo","description":"When the component is first initialized, ensures an active demo is set.","privacy":"protected","sourceRange":{"start":{"line":120,"column":4},"end":{"line":125,"column":5}},"metadata":{},"params":[{"name":"demos","type":"Array"}]},{"name":"_handleChosenDemoNameChange","description":"When the `chosenDemoName` is changed, update the visible demo on the\nscreen to keep it in sync.","privacy":"protected","sourceRange":{"start":{"line":133,"column":4},"end":{"line":151,"column":5}},"metadata":{},"params":[{"name":"chosenDemoName","type":"String"}]},{"name":"_findDemoByName","description":"Finds a demo object by its name.","privacy":"protected","sourceRange":{"start":{"line":158,"column":4},"end":{"line":168,"column":5}},"metadata":{},"params":[{"name":"demoName","type":"String"}]},{"name":"_findDeckByName","description":"Finds a deck object by its name.","privacy":"protected","sourceRange":{"start":{"line":175,"column":4},"end":{"line":185,"column":5}},"metadata":{},"params":[{"name":"deckName","type":"String"}]},{"name":"_createDemoNode","description":"Creates a demo node inside of a `px-demo-goes-here` tag for insertion\ninto the DOM.","privacy":"protected","sourceRange":{"start":{"line":195,"column":4},"end":{"line":202,"column":5}},"metadata":{},"params":[{"name":"name","type":"String","description":"Friendly name for the demo"},{"name":"tagName","type":"String","description":"Tag name for the demo"}],"return":{"type":"HTMLElement"}},{"name":"_showDemo","description":"Loops over all the demos in the DOM. Ensures that `chosenDemoName` is\nvisible and all other demos are hidden.","privacy":"protected","sourceRange":{"start":{"line":210,"column":4},"end":{"line":220,"column":5}},"metadata":{},"params":[{"name":"chosenDemoName","type":"String"}]},{"name":"_computeDecks","description":"Builds the `_decks` array from the `demos` source format.","privacy":"protected","sourceRange":{"start":{"line":228,"column":4},"end":{"line":240,"column":5}},"metadata":{},"params":[{"name":"demos","type":"Array"}],"return":{"type":"Array"}},{"name":"_handleSelectedDeckChange","description":"When the selected deck is changed by the user, handle the change and\nupdate the `currentDemoName`.","privacy":"protected","sourceRange":{"start":{"line":248,"column":4},"end":{"line":253,"column":5}},"metadata":{},"params":[{"name":"selectedDeck","type":"Object"}]},{"name":"_isInitialDeck","description":"Checks if this is the initial demo. Useful to determine if we should\nshow \"back to initial-demo-name-here\" link in header.","privacy":"protected","sourceRange":{"start":{"line":259,"column":4},"end":{"line":261,"column":5}},"metadata":{},"params":[{"name":"selectedDeck"}]},{"name":"_handleBackToInitial","description":"When the user taps the 'Back to [initial-demo-name-here]' link, set the\n`chosenDemoName` to the `selectedDeck`.","privacy":"protected","sourceRange":{"start":{"line":267,"column":4},"end":{"line":269,"column":5}},"metadata":{},"params":[]},{"name":"_syncChosenDemoContext","description":"Ensures the `chosenDemoName` is reflected in the context browser.","privacy":"protected","sourceRange":{"start":{"line":276,"column":4},"end":{"line":283,"column":5}},"metadata":{},"params":[{"name":"chosenDemoName","type":"String"}]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":50,"column":10},"end":{"line":284,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"demos","description":"A list of demo pages to make available. An array of objects, each with\nthe name of a demo, and the name of the custom element loaded holding\nthe demo.","sourceRange":{"start":{"line":69,"column":6},"end":{"line":71,"column":7}},"metadata":{},"type":"Array"},{"name":"chosen-demo-name","description":"The name of the active demo. Can be set to update the currently visible\ndemo, or listened to for notifications when the user changes the\nactive demo.","sourceRange":{"start":{"line":81,"column":6},"end":{"line":85,"column":7}},"metadata":{},"type":"string"}],"events":[{"type":"CustomEvent","name":"chosen-demo-name-changed","description":"Fired when the `chosenDemoName` property changes.","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-collection"},{"description":"Wraps around `px-demo-snippet` to show code sample.\n\n##### Usage\n\n    <px-demo-component-snippet></px-demo-component-snippet>","summary":"","path":"../px-demo/px-demo-component-snippet.html","properties":[{"name":"elementName","type":"string","description":"Name of the Predix UI element.","privacy":"public","sourceRange":{"start":{"line":52,"column":6},"end":{"line":55,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"elementProperties","type":"Object","description":"Description of the Predix UI module.","privacy":"public","sourceRange":{"start":{"line":62,"column":6},"end":{"line":65,"column":7}},"metadata":{"polymer":{}},"defaultValue":"{}"},{"name":"linksIncludes","type":"Array","description":"An array of <link> include URLs required to make the CodePen work.","privacy":"public","sourceRange":{"start":{"line":72,"column":6},"end":{"line":75,"column":7}},"metadata":{"polymer":{}},"defaultValue":"{}"},{"name":"scriptsIncludes","type":"Array","description":"An array of <script> include URLs required to make the CodePen work.","privacy":"public","sourceRange":{"start":{"line":82,"column":6},"end":{"line":85,"column":7}},"metadata":{"polymer":{}},"defaultValue":"{}"},{"name":"polygitIncludes","type":"Array","description":"An array of additional PolyGit includes required to make the CodePen work.","privacy":"public","sourceRange":{"start":{"line":92,"column":6},"end":{"line":95,"column":7}},"metadata":{"polymer":{}},"defaultValue":"{}"},{"name":"codepenLink","type":"string","description":"Link to a pre-created Codepen that we do not need to dynamically build.","privacy":"public","sourceRange":{"start":{"line":102,"column":6},"end":{"line":104,"column":7}},"metadata":{"polymer":{}}},{"name":"_shallowProps","type":"Object","description":"Props computed to the format `px-demo-snippet` accepts.","privacy":"protected","sourceRange":{"start":{"line":111,"column":6},"end":{"line":114,"column":7}},"metadata":{"polymer":{}},"defaultValue":"{}"},{"name":"suppressPropertyValues","type":"Array","description":"","privacy":"public","sourceRange":{"start":{"line":116,"column":6},"end":{"line":119,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"noIndentation","type":"boolean","description":"","privacy":"public","sourceRange":{"start":{"line":121,"column":6},"end":{"line":124,"column":7}},"metadata":{"polymer":{}},"defaultValue":"false"},{"name":"hideCodepen","type":"boolean","description":"","privacy":"public","sourceRange":{"start":{"line":125,"column":6},"end":{"line":128,"column":7}},"metadata":{"polymer":{}},"defaultValue":"false"}],"methods":[{"name":"_assignShallowProps","description":"Converts the complex `props` object into a shallow format of\n`propName`:`propValue` for `px-demo-snippet`.","privacy":"protected","sourceRange":{"start":{"line":139,"column":5},"end":{"line":163,"column":6}},"metadata":{},"params":[{"name":"props"}],"return":{"type":"Object"}}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":43,"column":10},"end":{"line":164,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"element-name","description":"Name of the Predix UI element.","sourceRange":{"start":{"line":52,"column":6},"end":{"line":55,"column":7}},"metadata":{},"type":"string"},{"name":"element-properties","description":"Description of the Predix UI module.","sourceRange":{"start":{"line":62,"column":6},"end":{"line":65,"column":7}},"metadata":{},"type":"Object"},{"name":"links-includes","description":"An array of <link> include URLs required to make the CodePen work.","sourceRange":{"start":{"line":72,"column":6},"end":{"line":75,"column":7}},"metadata":{},"type":"Array"},{"name":"scripts-includes","description":"An array of <script> include URLs required to make the CodePen work.","sourceRange":{"start":{"line":82,"column":6},"end":{"line":85,"column":7}},"metadata":{},"type":"Array"},{"name":"polygit-includes","description":"An array of additional PolyGit includes required to make the CodePen work.","sourceRange":{"start":{"line":92,"column":6},"end":{"line":95,"column":7}},"metadata":{},"type":"Array"},{"name":"codepen-link","description":"Link to a pre-created Codepen that we do not need to dynamically build.","sourceRange":{"start":{"line":102,"column":6},"end":{"line":104,"column":7}},"metadata":{},"type":"string"},{"name":"suppress-property-values","description":"","sourceRange":{"start":{"line":116,"column":6},"end":{"line":119,"column":7}},"metadata":{},"type":"Array"},{"name":"no-indentation","description":"","sourceRange":{"start":{"line":121,"column":6},"end":{"line":124,"column":7}},"metadata":{},"type":"boolean"},{"name":"hide-codepen","description":"","sourceRange":{"start":{"line":125,"column":6},"end":{"line":128,"column":7}},"metadata":{},"type":"boolean"}],"events":[],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-component-snippet"},{"description":"Displays a list of configs that the user can choose from to set the demo's\nconfigurable options.\n\n##### Usage\n\n        <px-demo-configs configs=\"{{configs}}\" chosen-config=\"{{chosenConfig}}\">\n        </px-demo-configs>","summary":"","path":"../px-demo/px-demo-configs.html","properties":[{"name":"configs","type":"Array","description":"A list of configs that can be selected by the user. Will be displayed\nas a list of tabs.","privacy":"public","sourceRange":{"start":{"line":71,"column":6},"end":{"line":74,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"chosenConfig","type":"Object","description":"The currently-selected config, returned as as an object.","privacy":"public","sourceRange":{"start":{"line":81,"column":6},"end":{"line":85,"column":7}},"metadata":{"polymer":{"notify":true}},"defaultValue":"{}"},{"name":"props","type":"Object","description":"The `props` that the user can configure. When the `chosenConfig` is\nupdated, any values defined there will be applied to `props`\n\nWhen any of the `props` values are changed, a new version of the config\nis saved so that when the user returns to this config, the options\nthey selected are restored.","privacy":"public","sourceRange":{"start":{"line":97,"column":6},"end":{"line":100,"column":7}},"metadata":{"polymer":{"notify":true}}},{"name":"_selectedTab","type":"number","description":"The index of the currently-selected option. When this is updated,\n`chosenConfig` will be updated with the corresponding object.","privacy":"protected","sourceRange":{"start":{"line":108,"column":6},"end":{"line":111,"column":7}},"metadata":{"polymer":{}},"defaultValue":"0"},{"name":"_userConfigs","type":"Object","description":"An internal representation of the state of a particular configuration.","privacy":"protected","sourceRange":{"start":{"line":118,"column":6},"end":{"line":121,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"}],"methods":[{"name":"applyPropDefaults","description":"On first run, copy each prop's `defaultValue` to its `value`. If you\nneed to add props dynamically, you can call this method manually on the\n`px-demo-props` instance. Passing `overwriteValue` as `true` will reset\nthe props to their default value.","privacy":"public","sourceRange":{"file":"px-demo-behaviors.html","start":{"line":23,"column":2},"end":{"line":38,"column":3}},"metadata":{},"params":[{"name":"overwriteValue","type":"Boolean","description":"If `true`, will write the default to value even if the value is already defined"}],"return":{"desc":"null"},"inheritedFrom":"PxDemoBehaviors.manageProps"},{"name":"_createUserConfigs","description":"Converts all developer-supplied `configs` and copies them to a `_userConfigs`\nrepresentation that can be changed by the user.\n\nWhenever the user changes a prop with a config selected, the current state\nof the config is saved. If a user leaves the config and returns to it later,\nthe config state will be restored.","privacy":"protected","sourceRange":{"start":{"line":139,"column":4},"end":{"line":147,"column":5}},"metadata":{},"params":[]},{"name":"_indexPlusOne","description":"Returns the next index.","privacy":"protected","sourceRange":{"start":{"line":154,"column":4},"end":{"line":156,"column":5}},"metadata":{},"params":[{"name":"num"}],"return":{"type":"Number"}},{"name":"_findConfigName","description":"Attempts to find a `configName` for the item. If there is no name, returns\na string like 'Option 1'.","privacy":"protected","sourceRange":{"start":{"line":164,"column":4},"end":{"line":169,"column":5}},"metadata":{},"params":[{"name":"item"},{"name":"index"}],"return":{"type":"String"}},{"name":"_setChosenConfig","description":"When the user selects a tab, sets the `chosenConfig` to a corresponding value.","privacy":"protected","sourceRange":{"start":{"line":176,"column":4},"end":{"line":183,"column":5}},"metadata":{},"params":[{"name":"selected"}],"return":{"type":"Object"}},{"name":"_updateProps","description":"When the `chosenConfig` is reset, iterate over its values and set the\n`props` to the new values.","privacy":"protected","sourceRange":{"start":{"line":191,"column":4},"end":{"line":211,"column":5}},"metadata":{},"params":[{"name":"newConfig","type":"Object"}]},{"name":"_setBatch","description":"","privacy":"protected","sourceRange":{"start":{"line":213,"column":4},"end":{"line":228,"column":5}},"metadata":{},"params":[{"name":"newConfig"}]},{"name":"_setIndividually","description":"","privacy":"protected","sourceRange":{"start":{"line":230,"column":4},"end":{"line":244,"column":5}},"metadata":{},"params":[{"name":"newConfig"}]},{"name":"_hasConfigs","description":"Determines if any `configs` were defined.","privacy":"protected","sourceRange":{"start":{"line":251,"column":4},"end":{"line":253,"column":5}},"metadata":{},"params":[{"name":"configs"}],"return":{"type":"Boolean"}},{"name":"_updateUserConfigProps","description":"Whenever the user changes a prop with a config selected, save the current\nstate of the config. If a user leaves this config and returns to it later,\nthe config state will be restored.","privacy":"protected","sourceRange":{"start":{"line":262,"column":4},"end":{"line":280,"column":5}},"metadata":{},"params":[{"name":"propChangeInfo","type":"Object","description":"Object emitted by the complex change listener watching deep paths in `props`"}]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":46,"column":10},"end":{"line":281,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"configs","description":"A list of configs that can be selected by the user. Will be displayed\nas a list of tabs.","sourceRange":{"start":{"line":71,"column":6},"end":{"line":74,"column":7}},"metadata":{},"type":"Array"},{"name":"chosen-config","description":"The currently-selected config, returned as as an object.","sourceRange":{"start":{"line":81,"column":6},"end":{"line":85,"column":7}},"metadata":{},"type":"Object"},{"name":"props","description":"The `props` that the user can configure. When the `chosenConfig` is\nupdated, any values defined there will be applied to `props`\n\nWhen any of the `props` values are changed, a new version of the config\nis saved so that when the user returns to this config, the options\nthey selected are restored.","sourceRange":{"start":{"line":97,"column":6},"end":{"line":100,"column":7}},"metadata":{},"type":"Object"}],"events":[{"type":"CustomEvent","name":"chosen-config-changed","description":"Fired when the `chosenConfig` property changes.","metadata":{}},{"type":"CustomEvent","name":"props-changed","description":"Fired when the `props` property changes.","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-configs"},{"description":"Creates a footer for Predix UI demo pages.\n\n##### Usage\n\n    <px-demo-footer></px-demo-footer>","summary":"","path":"../px-demo/px-demo-footer.html","properties":[],"methods":[],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":45,"column":10},"end":{"line":47,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[],"events":[],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-footer"},{"description":"Component container code for Predix UI demos.\n\n##### Usage\n\n    <px-demo-interactive>\n    </px-demo-interactive>","summary":"","path":"../px-demo/px-demo-interactive.html","properties":[{"name":"propsShouldBeVisible","type":"Object","description":"If true, make sure the props container is shown. If false, hide it.","privacy":"public","sourceRange":{"start":{"line":73,"column":6},"end":{"line":77,"column":7}},"metadata":{"polymer":{"readOnly":true}},"defaultValue":"true"}],"methods":[{"name":"_ensurePropsContainerVisible","description":"When the `px-demo-props` component notifies that some props are visible,\nmake sure the properties container is visible.","privacy":"protected","sourceRange":{"start":{"line":89,"column":4},"end":{"line":94,"column":5}},"metadata":{},"params":[]},{"name":"_ensurePropsContainerHidden","description":"When the `px-demo-props` component notifies that no props are visible,\nmake sure the properties container is hidden.","privacy":"protected","sourceRange":{"start":{"line":100,"column":4},"end":{"line":105,"column":5}},"metadata":{},"params":[]},{"name":"attached","description":"","privacy":"protected","sourceRange":{"start":{"line":107,"column":4},"end":{"line":112,"column":5}},"metadata":{},"params":[]},{"name":"_demoComponentLightDomLoaded","description":"gets called when the light dom for demo-component is loaded, and fires\nan event.","privacy":"protected","sourceRange":{"start":{"line":117,"column":4},"end":{"line":119,"column":5}},"metadata":{},"params":[]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":64,"column":10},"end":{"line":125,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"props-should-be-visible","description":"If true, make sure the props container is shown. If false, hide it.","sourceRange":{"start":{"line":73,"column":6},"end":{"line":77,"column":7}},"metadata":{},"type":"Object"}],"events":[{"type":"CustomEvent","name":"px-demo-component-light-dom-loaded","description":"px-demo-component-light-dom-loaded","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[{"description":"","name":"px-demo-code-editor","range":{"file":"px-demo/px-demo-interactive.html","start":{"line":30,"column":4},"end":{"line":30,"column":44}}},{"description":"","name":"px-demo-configs","range":{"file":"px-demo/px-demo-interactive.html","start":{"line":35,"column":8},"end":{"line":35,"column":44}}},{"description":"","name":"px-demo-props","range":{"file":"px-demo/px-demo-interactive.html","start":{"line":44,"column":12},"end":{"line":44,"column":46}}},{"description":"","name":"px-demo-component","range":{"file":"px-demo/px-demo-interactive.html","start":{"line":51,"column":12},"end":{"line":51,"column":50}}},{"description":"","name":"px-demo-component-snippet","range":{"file":"px-demo/px-demo-interactive.html","start":{"line":54,"column":10},"end":{"line":54,"column":56}}}],"tagname":"px-demo-interactive"},{"description":"Creates inputs for configuration props.\n\n##### Usage\n\n        <px-demo-props></px-demo-props>","summary":"","path":"../px-demo/px-demo-props.html","properties":[{"name":"props","type":"Object","description":"An object with keys describing the name of a possible input, the expected\nreturn value type, the choices, and the input to show.","privacy":"public","sourceRange":{"start":{"line":145,"column":6},"end":{"line":149,"column":7}},"metadata":{"polymer":{"notify":true}},"defaultValue":"{}"},{"name":"config","type":"Object","description":"The currently-chosen config. When this property is updated, any\nprops defined in the config will be updated in the fields.","privacy":"public","sourceRange":{"start":{"line":157,"column":6},"end":{"line":161,"column":7}},"metadata":{"polymer":{"observer":"\"_handleConfigUpdate\""}},"defaultValue":"{}"},{"name":"propsVisible","type":"boolean","description":"Indicates if any props are currently visible.","privacy":"public","sourceRange":{"start":{"line":168,"column":6},"end":{"line":174,"column":7}},"metadata":{"polymer":{"notify":true,"observer":"\"_handlePropsVisibleChange\"","readOnly":true}},"defaultValue":"true"},{"name":"_fields","type":"Array","description":"An array of field names to be mounted in the DOM.","privacy":"protected","sourceRange":{"start":{"line":181,"column":6},"end":{"line":184,"column":7}},"metadata":{"polymer":{}},"defaultValue":"[]"},{"name":"_fieldsIndex","type":"Object","description":"An index of `_fields` entries by `propName`.","privacy":"protected","sourceRange":{"start":{"line":189,"column":6},"end":{"line":192,"column":7}},"metadata":{"polymer":{}},"defaultValue":"{}"}],"methods":[{"name":"applyPropDefaults","description":"On first run, copy each prop's `defaultValue` to its `value`. If you\nneed to add props dynamically, you can call this method manually on the\n`px-demo-props` instance. Passing `overwriteValue` as `true` will reset\nthe props to their default value.","privacy":"public","sourceRange":{"file":"px-demo-behaviors.html","start":{"line":23,"column":2},"end":{"line":38,"column":3}},"metadata":{},"params":[{"name":"overwriteValue","type":"Boolean","description":"If `true`, will write the default to value even if the value is already defined"}],"return":{"desc":"null"},"inheritedFrom":"PxDemoBehaviors.manageProps"},{"name":"ready","description":"","privacy":"protected","sourceRange":{"start":{"line":197,"column":4},"end":{"line":199,"column":5}},"metadata":{},"params":[]},{"name":"_computeFields","description":"Extracts all field names to iterate over in a `dom-repeat`.","privacy":"protected","sourceRange":{"start":{"line":206,"column":4},"end":{"line":220,"column":5}},"metadata":{},"params":[],"return":{"type":"Array"}},{"name":"_itIs","description":"Convenience method for comparing two references in a dom-if template.","privacy":"protected","sourceRange":{"start":{"line":227,"column":4},"end":{"line":229,"column":5}},"metadata":{},"params":[{"name":"it1"},{"name":"it2"}],"return":{"type":"Boolean"}},{"name":"_itIsOneOf","description":"Convenience method for checking if a references in a dom-if template exists\nin an array.","privacy":"protected","sourceRange":{"start":{"line":237,"column":4},"end":{"line":247,"column":5}},"metadata":{},"params":[{"name":"it"}],"return":{"type":"Boolean"}},{"name":"_itIsTrue","description":"Convenience method for checking if a reference in a dom-if is true.","privacy":"protected","sourceRange":{"start":{"line":254,"column":4},"end":{"line":259,"column":5}},"metadata":{},"params":[{"name":"it"}],"return":{"type":"Boolean"}},{"name":"_itIsDisabled","description":"Convenience method for checking if toggle is disabled and returning appropriate class.","privacy":"protected","sourceRange":{"start":{"line":266,"column":4},"end":{"line":271,"column":5}},"metadata":{},"params":[{"name":"it"}],"return":{"type":"String"}},{"name":"_getFieldLabel","description":"Returns the public name for the prop that should be shown to the user","privacy":"protected","sourceRange":{"start":{"line":279,"column":4},"end":{"line":283,"column":5}},"metadata":{},"params":[{"name":"field","type":"String","description":"The key of the property in the `props` object"}],"return":{"type":"String"}},{"name":"_getFieldPlaceholder","description":"Returns the `field.inputPlaceholder` or an empty string if placeholder\nis not defined.","privacy":"protected","sourceRange":{"start":{"line":292,"column":4},"end":{"line":294,"column":5}},"metadata":{},"params":[{"name":"field","type":"Object"}],"return":{"type":"String"}},{"name":"_formatInputLabel","description":"Converts a camel-case string like 'isReallyNice' to a regular string\nlike 'Is Really Nice'.","privacy":"protected","sourceRange":{"start":{"line":303,"column":4},"end":{"line":308,"column":5}},"metadata":{},"params":[{"name":"camelString","type":"String"}],"return":{"type":"String"}},{"name":"_getDropdownDisplayValue","description":"Retrieves the value to show for the dropdown element. If the current `dropdownVal` is\nnot defined or an empty string, sets the display value to \"Select\".","privacy":"protected","sourceRange":{"start":{"line":317,"column":4},"end":{"line":320,"column":5}},"metadata":{},"params":[{"name":"dropdownVal","type":"String"}],"return":{"type":"String"}},{"name":"_handleTextInput","description":"Binds a text input event to the prop.value it should change.","privacy":"protected","sourceRange":{"start":{"line":325,"column":4},"end":{"line":327,"column":5}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleNumberInput","description":"Binds a text input event to the prop.value it should change.","privacy":"protected","sourceRange":{"start":{"line":332,"column":4},"end":{"line":334,"column":5}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleToggleInput","description":"Binds a toggle input event to the prop.value it should change.","privacy":"protected","sourceRange":{"start":{"line":339,"column":4},"end":{"line":341,"column":5}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleDropdownInput","description":"Binds a dropdown input event to the prop.value it should change.","privacy":"protected","sourceRange":{"start":{"line":346,"column":4},"end":{"line":348,"column":5}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleTypeaheadItemSelected","description":"Binds a typeahead selected event to the prop.value it should change.","privacy":"protected","sourceRange":{"start":{"line":352,"column":4},"end":{"line":354,"column":5}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_handleCodeEditButton","description":"Binds to a click on a code edit button.","privacy":"protected","sourceRange":{"start":{"line":358,"column":4},"end":{"line":370,"column":5}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_syncToProp","description":"Sync a value from a field to a prop.","privacy":"protected","sourceRange":{"start":{"line":378,"column":4},"end":{"line":387,"column":5}},"metadata":{},"params":[{"name":"propName","type":"String","description":"Name of prop, will also be its key in `props` object"},{"name":"newVal","type":"Any","description":"The updated value to set for the prop"},{"name":"debounceValue"}]},{"name":"_syncToField","description":"Sync a value from a prop to a field.","privacy":"protected","sourceRange":{"start":{"line":394,"column":4},"end":{"line":424,"column":5}},"metadata":{},"params":[{"name":"propChangeInfo","type":"Object","description":"Object emitted by the complex change listener watching deep paths in `props`"}]},{"name":"_propIsVisible","description":"Determines if a prop should be shown.","privacy":"protected","sourceRange":{"start":{"line":432,"column":4},"end":{"line":434,"column":5}},"metadata":{},"params":[{"name":"field","type":"Object"}],"return":{"type":"Boolean"}},{"name":"_handleConfigUpdate","description":"When the user's chosen `config` changes, attempt to update the visibility\nof each prop if the config shows/hides any.","privacy":"protected","sourceRange":{"start":{"line":442,"column":4},"end":{"line":454,"column":5}},"metadata":{},"params":[{"name":"newConfig","type":"Object"}]},{"name":"_setEachPropVisibility","description":"Loops through all fields and shows/hides depending on the configuration\nof the function.\n\nIf `behavior` is 'showOnly', hides everything except what is in `propList`.\nIf `behavior` is 'hideOnly', shows everything except what is in `propList`.\nIf `behavior` is 'showAll', shows everything and ignores prop list.","privacy":"protected","sourceRange":{"start":{"line":467,"column":4},"end":{"line":495,"column":5}},"metadata":{},"params":[{"name":"behavior","type":"String","description":"How the function should show/hide things, choose from 'showOnly', 'hideOnly', 'showAll'"},{"name":"propList","type":"Array","description":"Array of string-y names for each prop"}]},{"name":"_handlePropsVisibleChange","description":"When the `propsVisible` attribute is updated, send a manual notification\nout to the world.","privacy":"protected","sourceRange":{"start":{"line":504,"column":4},"end":{"line":514,"column":5}},"metadata":{},"params":[{"name":"newVal","type":"Boolean","description":"New `propsVisible` val"},{"name":"oldVal","type":"Boolean","description":"Previous `propsVisible` value"}]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":133,"column":10},"end":{"line":524,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"props","description":"An object with keys describing the name of a possible input, the expected\nreturn value type, the choices, and the input to show.","sourceRange":{"start":{"line":145,"column":6},"end":{"line":149,"column":7}},"metadata":{},"type":"Object"},{"name":"config","description":"The currently-chosen config. When this property is updated, any\nprops defined in the config will be updated in the fields.","sourceRange":{"start":{"line":157,"column":6},"end":{"line":161,"column":7}},"metadata":{},"type":"Object"},{"name":"props-visible","description":"Indicates if any props are currently visible.","sourceRange":{"start":{"line":168,"column":6},"end":{"line":174,"column":7}},"metadata":{},"type":"boolean"}],"events":[{"type":"CustomEvent","name":"props-changed","description":"Fired when the `props` property changes.","metadata":{}},{"type":"CustomEvent","name":"props-visible-changed","description":"Fired when the `propsVisible` property changes.","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-props"},{"description":"","summary":"","path":"../px-demo/px-demo-theme-switcher.html","properties":[{"name":"isDarkTheme","type":"boolean","description":"","privacy":"public","sourceRange":{"start":{"line":25,"column":8},"end":{"line":29,"column":9}},"metadata":{"polymer":{"observer":"\"_themeChanged\""}},"defaultValue":"false"}],"methods":[{"name":"_themeChanged","description":"","privacy":"protected","sourceRange":{"start":{"line":32,"column":6},"end":{"line":52,"column":7}},"metadata":{},"params":[{"name":"isDarkTheme"},{"name":"wasDarkTheme"}]}],"staticMethods":[],"demos":[],"metadata":{},"sourceRange":{"start":{"line":21,"column":12},"end":{"line":53,"column":5}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"is-dark-theme","description":"","sourceRange":{"start":{"line":25,"column":8},"end":{"line":29,"column":9}},"metadata":{},"type":"boolean"}],"events":[],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-theme-switcher"},{"description":"","summary":"","path":"../px-demo/px-demo-theme-switcher.html","properties":[{"name":"origin","type":"string","description":"","privacy":"public","sourceRange":{"start":{"line":59,"column":8},"end":{"line":61,"column":9}},"metadata":{"polymer":{}}},{"name":"isDarkTheme","type":"boolean","description":"","privacy":"public","sourceRange":{"start":{"line":62,"column":8},"end":{"line":65,"column":9}},"metadata":{"polymer":{"notify":true}}}],"methods":[{"name":"created","description":"","privacy":"protected","sourceRange":{"start":{"line":68,"column":6},"end":{"line":71,"column":7}},"metadata":{},"params":[]},{"name":"attached","description":"","privacy":"protected","sourceRange":{"start":{"line":73,"column":6},"end":{"line":78,"column":7}},"metadata":{},"params":[]},{"name":"detached","description":"","privacy":"protected","sourceRange":{"start":{"line":80,"column":6},"end":{"line":84,"column":7}},"metadata":{},"params":[]},{"name":"_handleParentMessage","description":"","privacy":"protected","sourceRange":{"start":{"line":86,"column":6},"end":{"line":91,"column":7}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_requestParentTheme","description":"","privacy":"protected","sourceRange":{"start":{"line":93,"column":6},"end":{"line":96,"column":7}},"metadata":{},"params":[]}],"staticMethods":[],"demos":[],"metadata":{},"sourceRange":{"start":{"line":55,"column":12},"end":{"line":97,"column":5}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"origin","description":"","sourceRange":{"start":{"line":59,"column":8},"end":{"line":61,"column":9}},"metadata":{},"type":"string"},{"name":"is-dark-theme","description":"","sourceRange":{"start":{"line":62,"column":8},"end":{"line":65,"column":9}},"metadata":{},"type":"boolean"}],"events":[{"type":"CustomEvent","name":"is-dark-theme-changed","description":"Fired when the `isDarkTheme` property changes.","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-theme-switcher-frame"},{"description":"","summary":"","path":"../px-demo/px-demo-theme-switcher.html","properties":[{"name":"origin","type":"string","description":"","privacy":"public","sourceRange":{"start":{"line":103,"column":8},"end":{"line":105,"column":9}},"metadata":{"polymer":{}}},{"name":"isDarkTheme","type":"boolean","description":"","privacy":"public","sourceRange":{"start":{"line":106,"column":8},"end":{"line":110,"column":9}},"metadata":{"polymer":{"observer":"\"_themeChanged\""}},"defaultValue":"null"},{"name":"childFrame","type":"HTMLElement","description":"","privacy":"public","sourceRange":{"start":{"line":111,"column":8},"end":{"line":115,"column":9}},"metadata":{"polymer":{"observer":"\"_frameChanged\""}},"defaultValue":"null"}],"methods":[{"name":"created","description":"","privacy":"protected","sourceRange":{"start":{"line":118,"column":6},"end":{"line":120,"column":7}},"metadata":{},"params":[]},{"name":"detached","description":"","privacy":"protected","sourceRange":{"start":{"line":122,"column":6},"end":{"line":126,"column":7}},"metadata":{},"params":[]},{"name":"_themeChanged","description":"","privacy":"protected","sourceRange":{"start":{"line":128,"column":6},"end":{"line":132,"column":7}},"metadata":{},"params":[]},{"name":"_handleChildMessage","description":"","privacy":"protected","sourceRange":{"start":{"line":134,"column":6},"end":{"line":140,"column":7}},"metadata":{},"params":[{"name":"evt"}]},{"name":"_sendThemeToChild","description":"","privacy":"protected","sourceRange":{"start":{"line":142,"column":6},"end":{"line":145,"column":7}},"metadata":{},"params":[{"name":"child"},{"name":"isDarkTheme"}]},{"name":"_frameChanged","description":"","privacy":"protected","sourceRange":{"start":{"line":147,"column":6},"end":{"line":155,"column":7}},"metadata":{},"params":[{"name":"newFrame"},{"name":"oldFrame"}]}],"staticMethods":[],"demos":[],"metadata":{},"sourceRange":{"start":{"line":99,"column":12},"end":{"line":156,"column":5}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"origin","description":"","sourceRange":{"start":{"line":103,"column":8},"end":{"line":105,"column":9}},"metadata":{},"type":"string"},{"name":"is-dark-theme","description":"","sourceRange":{"start":{"line":106,"column":8},"end":{"line":110,"column":9}},"metadata":{},"type":"boolean"},{"name":"child-frame","description":"","sourceRange":{"start":{"line":111,"column":8},"end":{"line":115,"column":9}},"metadata":{},"type":"HTMLElement"}],"events":[],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-theme-switcher-parent"},{"description":"Creates a header for Predix UI demo pages.\n\n##### Usage\n\n    <px-demo-header\n        module-name=\"px-calendar-picker\"\n        description=\"The px-calendar-picker component includes various elements used for structuring responsive layouts. This component allows the user to select a date or date range. The main use of this component is to be used in the px-range-panel.\">\n    </px-demo-header>","summary":"","path":"../px-demo/px-demo-header.html","properties":[{"name":"moduleName","type":"string","description":"Name of the Predix UI module.","privacy":"public","sourceRange":{"start":{"line":101,"column":6},"end":{"line":104,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"description","type":"string","description":"Description of the Predix UI module.","privacy":"public","sourceRange":{"start":{"line":112,"column":6},"end":{"line":115,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"hideShields","type":"boolean","description":"Hides the shields (i.e. the images that show the current bower tag,\nissues, and more). Useful if you don't need them or can't get them.","privacy":"public","sourceRange":{"start":{"line":125,"column":6},"end":{"line":128,"column":7}},"metadata":{"polymer":{}},"defaultValue":"false"},{"name":"parentName","type":"string","description":"Sets the name of the topmost parent component, which will be used to\nbuild the shield links. Optional, leave it blank to use the `moduleName`.","privacy":"public","sourceRange":{"start":{"line":137,"column":6},"end":{"line":140,"column":7}},"metadata":{"polymer":{}},"defaultValue":"\"\""},{"name":"_shieldName","type":"string","description":"The computed name for the shields. If `parentName` is defined and has\nlength, it takes precedence. Then `moduleName` is used by default.","privacy":"protected","sourceRange":{"start":{"line":149,"column":6},"end":{"line":152,"column":7}},"metadata":{"polymer":{"readOnly":true}}},{"name":"desktop","type":"boolean","description":"Whether the component is optimized for desktop.","privacy":"public","sourceRange":{"start":{"line":159,"column":6},"end":{"line":162,"column":7}},"metadata":{"polymer":{}},"defaultValue":"false"},{"name":"tablet","type":"boolean","description":"Whether the component is optimized for tablet.","privacy":"public","sourceRange":{"start":{"line":169,"column":6},"end":{"line":172,"column":7}},"metadata":{"polymer":{}},"defaultValue":"false"},{"name":"mobile","type":"boolean","description":"Whether the component is optimized for mobile.","privacy":"public","sourceRange":{"start":{"line":179,"column":6},"end":{"line":182,"column":7}},"metadata":{"polymer":{}},"defaultValue":"false"}],"methods":[{"name":"_computeShieldName","description":"Computes the `_shieldName`. Tries to use the `parentName`, then falls\nback to `moduleName`.","privacy":"protected","sourceRange":{"start":{"line":193,"column":4},"end":{"line":198,"column":5}},"metadata":{},"params":[{"name":"moduleName","type":"String"},{"name":"parentName","type":"string"}],"return":{"type":"String"}},{"name":"_getShieldUrl","description":"","privacy":"protected","sourceRange":{"start":{"line":199,"column":4},"end":{"line":211,"column":5}},"metadata":{},"params":[{"name":"shield"},{"name":"service"}]},{"name":"_shieldImgLoaded","description":"","privacy":"protected","sourceRange":{"start":{"line":212,"column":4},"end":{"line":215,"column":5}},"metadata":{},"params":[{"name":"evt"}]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":91,"column":10},"end":{"line":216,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"module-name","description":"Name of the Predix UI module.","sourceRange":{"start":{"line":101,"column":6},"end":{"line":104,"column":7}},"metadata":{},"type":"string"},{"name":"description","description":"Description of the Predix UI module.","sourceRange":{"start":{"line":112,"column":6},"end":{"line":115,"column":7}},"metadata":{},"type":"string"},{"name":"hide-shields","description":"Hides the shields (i.e. the images that show the current bower tag,\nissues, and more). Useful if you don't need them or can't get them.","sourceRange":{"start":{"line":125,"column":6},"end":{"line":128,"column":7}},"metadata":{},"type":"boolean"},{"name":"parent-name","description":"Sets the name of the topmost parent component, which will be used to\nbuild the shield links. Optional, leave it blank to use the `moduleName`.","sourceRange":{"start":{"line":137,"column":6},"end":{"line":140,"column":7}},"metadata":{},"type":"string"},{"name":"desktop","description":"Whether the component is optimized for desktop.","sourceRange":{"start":{"line":159,"column":6},"end":{"line":162,"column":7}},"metadata":{},"type":"boolean"},{"name":"tablet","description":"Whether the component is optimized for tablet.","sourceRange":{"start":{"line":169,"column":6},"end":{"line":172,"column":7}},"metadata":{},"type":"boolean"},{"name":"mobile","description":"Whether the component is optimized for mobile.","sourceRange":{"start":{"line":179,"column":6},"end":{"line":182,"column":7}},"metadata":{},"type":"boolean"}],"events":[],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo-header"},{"description":"Partials, style modules and helpers for creating demo pages for Predix UI components.\n\n### Usage\n\n    <px-demo counter-value=\"1\"><a href=\"javascript:\" on-click=\"handleClick\">Click here to increment counter:</a><span>{{counterValue}}</span></px-demo>","summary":"","path":"../px-demo/px-demo.html","properties":[{"name":"counterValue","type":"number","description":"This property keeps track of the number of clicks.","privacy":"public","sourceRange":{"start":{"line":42,"column":6},"end":{"line":46,"column":7}},"metadata":{"polymer":{"notify":true}},"defaultValue":"0"}],"methods":[{"name":"handleClick","description":"Handles click on the element defined in 'on-click' on the template.","privacy":"public","sourceRange":{"start":{"line":54,"column":4},"end":{"line":56,"column":5}},"metadata":{},"params":[{"name":"event"},{"name":"detail"},{"name":"sender"}]},{"name":"increment","description":"Increments the counter","privacy":"public","sourceRange":{"start":{"line":63,"column":4},"end":{"line":65,"column":5}},"metadata":{},"params":[]}],"staticMethods":[],"demos":[{"url":"index.html","description":""}],"metadata":{},"sourceRange":{"start":{"line":32,"column":10},"end":{"line":66,"column":3}},"privacy":"public","superclass":"HTMLElement","attributes":[{"name":"counter-value","description":"This property keeps track of the number of clicks.","sourceRange":{"start":{"line":42,"column":6},"end":{"line":46,"column":7}},"metadata":{},"type":"number"}],"events":[{"type":"CustomEvent","name":"counter-value-changed","description":"Fired when the `counterValue` property changes.","metadata":{}}],"styling":{"cssVariables":[],"selectors":[]},"slots":[],"tagname":"px-demo"}]}