Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 56 additions & 1 deletion custom-elements.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
"tags": [
{
"name": "brick-viewer",
"path": "./src/brick-viewer.ts",
"attributes": [
{
"name": "src",
Expand All @@ -14,20 +15,74 @@
}
],
"properties": [
{
"name": "styles",
"type": "CSSResult",
"default": "\"css`\\n :host {\\n display: block;\\n position: relative;\\n height: 300px;\\n }\\n #controls {\\n position: absolute;\\n bottom: 0;\\n width: 100%;\\n display: flex;\\n }\\n mwc-slider {\\n flex-grow: 1;\\n }\\n mwc-linear-progress,\\n #error-message {\\n position: absolute;\\n top: 0;\\n width: 100%;\\n }\\n #error-message {\\n padding-top: 10px;\\n color: red;\\n text-align: center;\\n }\\n canvas {\\n outline: none;\\n }\\n `\""
},
{
"name": "src",
"attribute": "src",
"type": "string | null"
},
{
"name": "constructionStep",
"name": "step",
"attribute": "step",
"type": "number | undefined"
},
{
"name": "slider",
"type": "Slider | null"
}
],
"events": [
{
"name": "model-loaded"
}
]
},
{
"name": "knobs-example",
"path": "./src/docs-components/knobs-example.ts",
"attributes": [
{
"name": "step",
"type": "number",
"default": "1"
},
{
"name": "src",
"type": "string",
"default": "\"radar_truck\""
}
],
"properties": [
{
"name": "step",
"attribute": "step",
"type": "number",
"default": "1"
},
{
"name": "src",
"attribute": "src",
"type": "string",
"default": "\"radar_truck\""
},
{
"name": "brickViewer",
"type": "BrickViewer"
},
{
"name": "sources",
"type": "{ filename: string; prettyName: string; }[]",
"default": "[{\"filename\":\"bulldozer\",\"prettyName\":\"Bulldozer\"},{\"filename\":\"radar_truck\",\"prettyName\":\"Radar Truck\"}]"
},
{
"name": "styles",
"type": "CSSResult",
"default": "\"css`\\n :host {\\n --mdc-theme-primary: green;\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(400px, 488px));\\n grid-gap: 24px 48px;\\n justify-content: center;\\n }\\n\\n :host > div {\\n flex: 1;\\n }\\n\\n span {\\n font-style: bold;\\n }\\n #src-label {\\n margin-left: 15px;\\n }\\n #src-label,\\n #step-label {\\n font-weight: bold;\\n }\\n\\n mwc-select {\\n vertical-align: middle;\\n }\\n\\n input[type='number'] {\\n padding: 16px;\\n font-size: 16px;\\n font-family: Roboto;\\n color: rgba(0, 0, 0, 0.87) !important;\\n outline-color: var(--mdc-select-outlined-idle-border-color) !important;\\n }\\n input[type='number']:focus {\\n outline-color: var(--mdc-theme-primary) !important;\\n }\\n\\n .code {\\n background: #272822;\\n padding: 1em;\\n font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\\n color: #f8f8f2;\\n }\\n .code .tag {\\n color: #f92672;\\n }\\n .code .attribute, .code .string {\\n color: #a6e22e;\\n }\\n .code .value {\\n color: #e6db74;\\n }\\n .code .keyword {\\n color: #66d9ef;\\n }\\n `\""
}
]
}
]
Expand Down
2 changes: 1 addition & 1 deletion docs-src/_includes/footer.11ty.cjs
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ module.exports = function(data) {
<footer>
<p>
Made with
<a href="https://github.com/PolymerLabs/lit-element-starter-ts">lit-element-starter-ts</a>
<a href="https://github.com/Lit/lit-element-starter-ts">lit-element-starter-ts</a>
</p>
</footer>`;
};
76 changes: 74 additions & 2 deletions docs/api/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -52,12 +52,16 @@ <h3>Properties</h3>
<th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
</tr>

<tr>
<td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult</td><td>"css`\n :host {\n display: block;\n position: relative;\n height: 300px;\n }\n #controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n display: flex;\n }\n mwc-slider {\n flex-grow: 1;\n }\n mwc-linear-progress,\n #error-message {\n position: absolute;\n top: 0;\n width: 100%;\n }\n #error-message {\n padding-top: 10px;\n color: red;\n text-align: center;\n }\n canvas {\n outline: none;\n }\n `"</td>
</tr>

<tr>
<td>src</td><td>src</td><td>undefined</td><td>string | null</td><td>undefined</td>
</tr>

<tr>
<td>constructionStep</td><td>step</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
<td>step</td><td>step</td><td>undefined</td><td>number | undefined</td><td>undefined</td>
</tr>

<tr>
Expand All @@ -67,6 +71,74 @@ <h3>Properties</h3>
</table>



<h3>Events</h3>
<table>
<tr>
<th>Name</th><th>Description</th>
</tr>

<tr>
<td>model-loaded</td><td>undefined</td>
</tr>

</table>





<h2>&lt;knobs-example></h2>
<div>
undefined
</div>

<h3>Attributes</h3>
<table>
<tr>
<th>Name</th><th>Description</th><th>Type</th><th>Default</th>
</tr>

<tr>
<td>step</td><td>undefined</td><td>number</td><td>1</td>
</tr>

<tr>
<td>src</td><td>undefined</td><td>string</td><td>"radar_truck"</td>
</tr>

</table>


<h3>Properties</h3>
<table>
<tr>
<th>Name</th><th>Attribute</th><th>Description</th><th>Type</th><th>Default</th>
</tr>

<tr>
<td>step</td><td>step</td><td>undefined</td><td>number</td><td>1</td>
</tr>

<tr>
<td>src</td><td>src</td><td>undefined</td><td>string</td><td>"radar_truck"</td>
</tr>

<tr>
<td>brickViewer</td><td>undefined</td><td>undefined</td><td>BrickViewer</td><td>undefined</td>
</tr>

<tr>
<td>sources</td><td>undefined</td><td>undefined</td><td>{ filename: string; prettyName: string; }[]</td><td>[{"filename":"bulldozer","prettyName":"Bulldozer"},{"filename":"radar_truck","prettyName":"Radar Truck"}]</td>
</tr>

<tr>
<td>styles</td><td>undefined</td><td>undefined</td><td>CSSResult</td><td>"css`\n :host {\n --mdc-theme-primary: green;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(400px, 488px));\n grid-gap: 24px 48px;\n justify-content: center;\n }\n\n :host > div {\n flex: 1;\n }\n\n span {\n font-style: bold;\n }\n #src-label {\n margin-left: 15px;\n }\n #src-label,\n #step-label {\n font-weight: bold;\n }\n\n mwc-select {\n vertical-align: middle;\n }\n\n input[type='number'] {\n padding: 16px;\n font-size: 16px;\n font-family: Roboto;\n color: rgba(0, 0, 0, 0.87) !important;\n outline-color: var(--mdc-select-outlined-idle-border-color) !important;\n }\n input[type='number']:focus {\n outline-color: var(--mdc-theme-primary) !important;\n }\n\n .code {\n background: #272822;\n padding: 1em;\n font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n color: #f8f8f2;\n }\n .code .tag {\n color: #f92672;\n }\n .code .attribute, .code .string {\n color: #a6e22e;\n }\n .code .value {\n color: #e6db74;\n }\n .code .keyword {\n color: #66d9ef;\n }\n `"</td>
</tr>

</table>





Expand All @@ -79,7 +151,7 @@ <h3>Properties</h3>
<footer>
<p>
Made with
<a href="https://github.com/PolymerLabs/lit-element-starter-ts">lit-element-starter-ts</a>
<a href="https://github.com/Lit/lit-element-starter-ts">lit-element-starter-ts</a>
</p>
</footer>
</body>
Expand Down
Loading