diff --git a/apps/knapsack/data/blocks/block.E9Z5cUZDb.json b/apps/knapsack/data/blocks/block.E9Z5cUZDb.json new file mode 100644 index 0000000000..7b9a74301b --- /dev/null +++ b/apps/knapsack/data/blocks/block.E9Z5cUZDb.json @@ -0,0 +1,67 @@ +{ + "id": "E9Z5cUZDb", + "blockType": "text-editor", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "textAlign": "left", + "level": 3 + }, + "content": [ + { + "type": "text", + "text": "Methods, listeners & events" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "type": "text", + "text": "This component extends " + }, + { + "type": "text", + "marks": [ + { + "type": "code" + } + ], + "text": "cv-dialog" + }, + { + "type": "text", + "text": ". Refer to " + }, + { + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "href": "/pattern/dialog?templateId=web-components-S9Ia0KOrya", + "rel": "noopener noreferrer nofollow", + "class": null + } + } + ], + "text": "dialog documentation" + }, + { + "type": "text", + "text": " for a complete list of available methods, listeners and events." + } + ] + } + ] + } + } +} diff --git a/apps/knapsack/data/blocks/block.FpMdtnA4dy.json b/apps/knapsack/data/blocks/block.FpMdtnA4dy.json new file mode 100644 index 0000000000..b7d751bab5 --- /dev/null +++ b/apps/knapsack/data/blocks/block.FpMdtnA4dy.json @@ -0,0 +1,46 @@ +{ + "id": "FpMdtnA4dy", + "blockType": "text-editor", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "textAlign": "left", + "level": 3 + }, + "content": [ + { + "type": "text", + "text": "References" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "href": "http://localhost:50187/?path=/story/components-focused-page--basic", + "rel": "noopener noreferrer nofollow", + "class": null + } + } + ], + "text": "Covalent design system - Focused page" + } + ] + } + ] + } + } +} diff --git a/apps/knapsack/data/blocks/block.nWcNDJiFHd.json b/apps/knapsack/data/blocks/block.nWcNDJiFHd.json new file mode 100644 index 0000000000..b5b70e0089 --- /dev/null +++ b/apps/knapsack/data/blocks/block.nWcNDJiFHd.json @@ -0,0 +1,68 @@ +{ + "id": "nWcNDJiFHd", + "blockType": "text-editor", + "data": { + "content": { + "type": "doc", + "content": [ + { + "type": "heading", + "attrs": { + "textAlign": "left", + "level": 3 + }, + "content": [ + { + "type": "text", + "text": "References" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "href": "https://www.npmjs.com/package/@material/mwc-dialog", + "rel": "noopener noreferrer nofollow", + "class": null + } + } + ], + "text": "MWC dialog" + } + ] + }, + { + "type": "paragraph", + "attrs": { + "textAlign": "left" + }, + "content": [ + { + "type": "text", + "marks": [ + { + "type": "link", + "attrs": { + "href": "http://localhost:50187/?path=/story/components-full-screen-dialog--basic", + "rel": "noopener noreferrer nofollow", + "class": null + } + } + ], + "text": "Covalent design system - Full-screen dialog" + } + ] + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.06ZgV078BY.json b/apps/knapsack/data/demos/demo.06ZgV078BY.json new file mode 100644 index 0000000000..143a166392 --- /dev/null +++ b/apps/knapsack/data/demos/demo.06ZgV078BY.json @@ -0,0 +1,44 @@ +{ + "id": "06ZgV078BY", + "title": "Main", + "type": "data", + "patternId": "empty-state", + "templateId": "web-components-E0GwXgHJv", + "data": { + "props": { + "headline": "You don't have access to this area", + "subtitle": "You don't have permission to view this application. Please contact your system administrator for further details.", + "icon": "lock" + }, + "slots": { + "button": [ + { + "type": "template-demo", + "demoId": "bYK-p54OKe", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + }, + { + "type": "template-demo", + "demoId": "wmK8olelRV", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + } + ], + "buttons": [ + { + "type": "template-demo", + "demoId": "13qmsOIQun", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + }, + { + "type": "template-demo", + "demoId": "oKkEC8tFJ", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.13qmsOIQun.json b/apps/knapsack/data/demos/demo.13qmsOIQun.json new file mode 100644 index 0000000000..4cb00104b1 --- /dev/null +++ b/apps/knapsack/data/demos/demo.13qmsOIQun.json @@ -0,0 +1,21 @@ +{ + "id": "13qmsOIQun", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.3dzl1jfQd.json b/apps/knapsack/data/demos/demo.3dzl1jfQd.json new file mode 100644 index 0000000000..2a741e479b --- /dev/null +++ b/apps/knapsack/data/demos/demo.3dzl1jfQd.json @@ -0,0 +1,21 @@ +{ + "id": "3dzl1jfQd", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.5QIssuXE3s.json b/apps/knapsack/data/demos/demo.5QIssuXE3s.json new file mode 100644 index 0000000000..cfb9e13876 --- /dev/null +++ b/apps/knapsack/data/demos/demo.5QIssuXE3s.json @@ -0,0 +1,44 @@ +{ + "id": "5QIssuXE3s", + "title": "Main", + "type": "data", + "patternId": "empty-state", + "templateId": "web-components-E0GwXgHJv", + "data": { + "props": { + "headline": "You don't have access to this area", + "subtitle": "You don't have permission to view this application. Please contact your system administrator for further details.", + "icon": "lock" + }, + "slots": { + "button": [ + { + "type": "template-demo", + "demoId": "kGB17Yklab", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + }, + { + "type": "template-demo", + "demoId": "WrxE56n9M1", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + } + ], + "buttons": [ + { + "type": "template-demo", + "demoId": "X0tZctZ8Lt", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + }, + { + "type": "template-demo", + "demoId": "3dzl1jfQd", + "patternId": "button", + "templateId": "web-components-raE1x4tYL" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.7neD2HUsv2.json b/apps/knapsack/data/demos/demo.7neD2HUsv2.json new file mode 100644 index 0000000000..2f2f8b5c94 --- /dev/null +++ b/apps/knapsack/data/demos/demo.7neD2HUsv2.json @@ -0,0 +1,26 @@ +{ + "id": "7neD2HUsv2", + "title": "Main", + "type": "data", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "data": { + "props": {}, + "slots": { + "title": [ + { + "text": "Help", + "type": "text" + } + ], + "actionItems": [ + { + "type": "template-demo", + "demoId": "i9bqgQBzGV", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.BNl6rXNkee.json b/apps/knapsack/data/demos/demo.BNl6rXNkee.json new file mode 100644 index 0000000000..d57e3e6e15 --- /dev/null +++ b/apps/knapsack/data/demos/demo.BNl6rXNkee.json @@ -0,0 +1,56 @@ +{ + "id": "BNl6rXNkee", + "title": "Main", + "type": "data", + "patternId": "focused-page", + "templateId": "web-components-waQVQEThJD", + "data": { + "props": { + "helpOpen": false + }, + "slots": { + "default": [ + { + "type": "template-demo", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "demoId": "zEuBGJ07fD" + }, + { + "type": "template-demo", + "patternId": "empty-state", + "templateId": "web-components-E0GwXgHJv", + "demoId": "06ZgV078BY" + } + ], + "help": [ + { + "type": "template-demo", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "demoId": "tRDah05o" + }, + { + "type": "template-demo", + "patternId": "text", + "templateId": "web-components-FXCMXD35mF", + "demoId": "Re7P9JqQls" + } + ] + }, + "slotsOptions": { + "default": { + "layout": { + "value": "vertical" + }, + "gap": { + "value": { + "type": "dimension", + "kind": "static", + "value": "100px" + } + } + } + } + } +} diff --git a/apps/knapsack/data/demos/demo.DJycXyA-3c.json b/apps/knapsack/data/demos/demo.DJycXyA-3c.json new file mode 100644 index 0000000000..b6d2459642 --- /dev/null +++ b/apps/knapsack/data/demos/demo.DJycXyA-3c.json @@ -0,0 +1,58 @@ +{ + "id": "DJycXyA-3c", + "title": "Main", + "type": "data", + "patternId": "full-screen-dialog", + "templateId": "web-components-HeDCLBaQf9", + "data": { + "props": { + "escapeKeyAction": "close", + "open": true, + "helpOpen": false + }, + "slots": { + "default": [ + { + "type": "template-demo", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "demoId": "UCPV9gWi17" + }, + { + "type": "template-demo", + "patternId": "empty-state", + "templateId": "web-components-E0GwXgHJv", + "demoId": "5QIssuXE3s" + } + ], + "help": [ + { + "type": "template-demo", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "demoId": "7neD2HUsv2" + }, + { + "type": "template-demo", + "patternId": "text", + "templateId": "web-components-FXCMXD35mF", + "demoId": "TkaR2KlMc" + } + ] + }, + "slotsOptions": { + "default": { + "layout": { + "value": "vertical" + }, + "gap": { + "value": { + "type": "dimension", + "kind": "static", + "value": "100px" + } + } + } + } + } +} diff --git a/apps/knapsack/data/demos/demo.EWe7T417sl.json b/apps/knapsack/data/demos/demo.EWe7T417sl.json new file mode 100644 index 0000000000..57d30e333f --- /dev/null +++ b/apps/knapsack/data/demos/demo.EWe7T417sl.json @@ -0,0 +1,14 @@ +{ + "id": "EWe7T417sl", + "title": "notifications", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "notifications" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.ItW6ZS10T4.json b/apps/knapsack/data/demos/demo.ItW6ZS10T4.json new file mode 100644 index 0000000000..569c00b3b5 --- /dev/null +++ b/apps/knapsack/data/demos/demo.ItW6ZS10T4.json @@ -0,0 +1,16 @@ +{ + "id": "ItW6ZS10T4", + "title": "AI Chat", + "description": "A description", + "type": "data", + "patternId": "textfield", + "templateId": "web-components-M4zyalwdNJ", + "data": { + "props": { + "icon": "forum", + "placeholder": "Message Ask.ai", + "dense": true + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.KNfa5eZ4Q0.json b/apps/knapsack/data/demos/demo.KNfa5eZ4Q0.json new file mode 100644 index 0000000000..f0c0abf917 --- /dev/null +++ b/apps/knapsack/data/demos/demo.KNfa5eZ4Q0.json @@ -0,0 +1,14 @@ +{ + "id": "KNfa5eZ4Q0", + "title": "person", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "person" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.Re7P9JqQls.json b/apps/knapsack/data/demos/demo.Re7P9JqQls.json new file mode 100644 index 0000000000..1bb8ec9905 --- /dev/null +++ b/apps/knapsack/data/demos/demo.Re7P9JqQls.json @@ -0,0 +1,38 @@ +{ + "id": "Re7P9JqQls", + "title": "Body 1", + "type": "data", + "patternId": "text", + "templateId": "web-components-FXCMXD35mF", + "data": { + "props": { + "scale": "body1" + }, + "slots": { + "default": [ + { + "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", + "type": "text" + } + ] + }, + "slotsOptions": { + "default": { + "paddingHorizontal": { + "value": [ + { + "type": "dimension", + "kind": "static", + "value": "12px" + }, + { + "type": "dimension", + "kind": "static", + "value": "12px" + } + ] + } + } + } + } +} diff --git a/apps/knapsack/data/demos/demo.SzxYSwR0Ur.json b/apps/knapsack/data/demos/demo.SzxYSwR0Ur.json new file mode 100644 index 0000000000..863182144e --- /dev/null +++ b/apps/knapsack/data/demos/demo.SzxYSwR0Ur.json @@ -0,0 +1,14 @@ +{ + "id": "SzxYSwR0Ur", + "title": "help", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "help" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.TkaR2KlMc.json b/apps/knapsack/data/demos/demo.TkaR2KlMc.json new file mode 100644 index 0000000000..b2884d6343 --- /dev/null +++ b/apps/knapsack/data/demos/demo.TkaR2KlMc.json @@ -0,0 +1,38 @@ +{ + "id": "TkaR2KlMc", + "title": "Body 1", + "type": "data", + "patternId": "text", + "templateId": "web-components-FXCMXD35mF", + "data": { + "props": { + "scale": "body1" + }, + "slots": { + "default": [ + { + "text": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", + "type": "text" + } + ] + }, + "slotsOptions": { + "default": { + "paddingHorizontal": { + "value": [ + { + "type": "dimension", + "kind": "static", + "value": "12px" + }, + { + "type": "dimension", + "kind": "static", + "value": "12px" + } + ] + } + } + } + } +} diff --git a/apps/knapsack/data/demos/demo.UCPV9gWi17.json b/apps/knapsack/data/demos/demo.UCPV9gWi17.json new file mode 100644 index 0000000000..69bd896c34 --- /dev/null +++ b/apps/knapsack/data/demos/demo.UCPV9gWi17.json @@ -0,0 +1,44 @@ +{ + "id": "UCPV9gWi17", + "title": "Main", + "type": "data", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "data": { + "props": {}, + "slots": { + "title": [ + { + "text": "Full-screen dialog demo", + "type": "text" + } + ], + "actionItems": [ + { + "type": "template-demo", + "demoId": "ItW6ZS10T4", + "patternId": "textfield", + "templateId": "web-components-M4zyalwdNJ" + }, + { + "type": "template-demo", + "demoId": "SzxYSwR0Ur", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + }, + { + "type": "template-demo", + "demoId": "EWe7T417sl", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + }, + { + "type": "template-demo", + "demoId": "KNfa5eZ4Q0", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.WrxE56n9M1.json b/apps/knapsack/data/demos/demo.WrxE56n9M1.json new file mode 100644 index 0000000000..2706861456 --- /dev/null +++ b/apps/knapsack/data/demos/demo.WrxE56n9M1.json @@ -0,0 +1,21 @@ +{ + "id": "WrxE56n9M1", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.X0tZctZ8Lt.json b/apps/knapsack/data/demos/demo.X0tZctZ8Lt.json new file mode 100644 index 0000000000..86588f1860 --- /dev/null +++ b/apps/knapsack/data/demos/demo.X0tZctZ8Lt.json @@ -0,0 +1,21 @@ +{ + "id": "X0tZctZ8Lt", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.bYK-p54OKe.json b/apps/knapsack/data/demos/demo.bYK-p54OKe.json new file mode 100644 index 0000000000..6b3fc25aa5 --- /dev/null +++ b/apps/knapsack/data/demos/demo.bYK-p54OKe.json @@ -0,0 +1,21 @@ +{ + "id": "bYK-p54OKe", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.caLkiTT1G.json b/apps/knapsack/data/demos/demo.caLkiTT1G.json new file mode 100644 index 0000000000..aa2d9c9c6a --- /dev/null +++ b/apps/knapsack/data/demos/demo.caLkiTT1G.json @@ -0,0 +1,16 @@ +{ + "id": "caLkiTT1G", + "title": "AI Chat", + "description": "A description", + "type": "data", + "patternId": "textfield", + "templateId": "web-components-M4zyalwdNJ", + "data": { + "props": { + "icon": "forum", + "placeholder": "Message Ask.ai", + "dense": true + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.dlvvA8bIk.json b/apps/knapsack/data/demos/demo.dlvvA8bIk.json new file mode 100644 index 0000000000..5154996386 --- /dev/null +++ b/apps/knapsack/data/demos/demo.dlvvA8bIk.json @@ -0,0 +1,14 @@ +{ + "id": "dlvvA8bIk", + "title": "person", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "fullscreen" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.hQ0j1CqZ7o.json b/apps/knapsack/data/demos/demo.hQ0j1CqZ7o.json new file mode 100644 index 0000000000..22654723fa --- /dev/null +++ b/apps/knapsack/data/demos/demo.hQ0j1CqZ7o.json @@ -0,0 +1,14 @@ +{ + "id": "hQ0j1CqZ7o", + "title": "help", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "help" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.i9bqgQBzGV.json b/apps/knapsack/data/demos/demo.i9bqgQBzGV.json new file mode 100644 index 0000000000..638cbc8284 --- /dev/null +++ b/apps/knapsack/data/demos/demo.i9bqgQBzGV.json @@ -0,0 +1,14 @@ +{ + "id": "i9bqgQBzGV", + "title": "help", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "fullscreen" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.kGB17Yklab.json b/apps/knapsack/data/demos/demo.kGB17Yklab.json new file mode 100644 index 0000000000..798fee8e03 --- /dev/null +++ b/apps/knapsack/data/demos/demo.kGB17Yklab.json @@ -0,0 +1,21 @@ +{ + "id": "kGB17Yklab", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.nMYOLTJGq.json b/apps/knapsack/data/demos/demo.nMYOLTJGq.json new file mode 100644 index 0000000000..fd11b76d92 --- /dev/null +++ b/apps/knapsack/data/demos/demo.nMYOLTJGq.json @@ -0,0 +1,14 @@ +{ + "id": "nMYOLTJGq", + "title": "person", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "person" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.oKkEC8tFJ.json b/apps/knapsack/data/demos/demo.oKkEC8tFJ.json new file mode 100644 index 0000000000..665f292acd --- /dev/null +++ b/apps/knapsack/data/demos/demo.oKkEC8tFJ.json @@ -0,0 +1,21 @@ +{ + "id": "oKkEC8tFJ", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.qNNp2ML7a9.json b/apps/knapsack/data/demos/demo.qNNp2ML7a9.json new file mode 100644 index 0000000000..a82d3bef51 --- /dev/null +++ b/apps/knapsack/data/demos/demo.qNNp2ML7a9.json @@ -0,0 +1,14 @@ +{ + "id": "qNNp2ML7a9", + "title": "notifications", + "description": "A description", + "type": "data", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX", + "data": { + "props": { + "icon": "notifications" + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.tRDah05o.json b/apps/knapsack/data/demos/demo.tRDah05o.json new file mode 100644 index 0000000000..b1143ddd9f --- /dev/null +++ b/apps/knapsack/data/demos/demo.tRDah05o.json @@ -0,0 +1,26 @@ +{ + "id": "tRDah05o", + "title": "Main", + "type": "data", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "data": { + "props": {}, + "slots": { + "title": [ + { + "text": "Help", + "type": "text" + } + ], + "actionItems": [ + { + "type": "template-demo", + "demoId": "dlvvA8bIk", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + } + ] + } + } +} diff --git a/apps/knapsack/data/demos/demo.wmK8olelRV.json b/apps/knapsack/data/demos/demo.wmK8olelRV.json new file mode 100644 index 0000000000..24b9049f4b --- /dev/null +++ b/apps/knapsack/data/demos/demo.wmK8olelRV.json @@ -0,0 +1,21 @@ +{ + "id": "wmK8olelRV", + "title": "Main", + "type": "data", + "patternId": "button", + "templateId": "web-components-raE1x4tYL", + "data": { + "props": { + "label": "test", + "trailingIcon": false, + "raised": false, + "unelevated": false, + "outlined": false, + "dense": false, + "disabled": false, + "expandContent": false, + "fullwidth": false + }, + "slots": {} + } +} diff --git a/apps/knapsack/data/demos/demo.zEuBGJ07fD.json b/apps/knapsack/data/demos/demo.zEuBGJ07fD.json new file mode 100644 index 0000000000..9d17376c04 --- /dev/null +++ b/apps/knapsack/data/demos/demo.zEuBGJ07fD.json @@ -0,0 +1,44 @@ +{ + "id": "zEuBGJ07fD", + "title": "Main", + "type": "data", + "patternId": "toolbar", + "templateId": "web-components-A6-16QhSaM", + "data": { + "props": {}, + "slots": { + "title": [ + { + "text": "Focused page demo", + "type": "text" + } + ], + "actionItems": [ + { + "type": "template-demo", + "demoId": "caLkiTT1G", + "patternId": "textfield", + "templateId": "web-components-M4zyalwdNJ" + }, + { + "type": "template-demo", + "demoId": "hQ0j1CqZ7o", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + }, + { + "type": "template-demo", + "demoId": "qNNp2ML7a9", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + }, + { + "type": "template-demo", + "demoId": "nMYOLTJGq", + "patternId": "icon-button", + "templateId": "web-components-ctiCe2sAX" + } + ] + } + } +} diff --git a/apps/knapsack/data/knapsack.navs.yml b/apps/knapsack/data/knapsack.navs.yml index 54847e7e38..44d7140440 100644 --- a/apps/knapsack/data/knapsack.navs.yml +++ b/apps/knapsack/data/knapsack.navs.yml @@ -130,6 +130,11 @@ byId: name: Expansion panel item parentId: components path: /pattern/expansion-panel-item + focused-page: + id: focused-page + name: Focused page + parentId: components + path: /pattern/focused-page form-field: id: form-field name: Form Field @@ -140,6 +145,11 @@ byId: name: Foundations parentId: root path: /pages/foundations + full-screen-dialog: + id: full-screen-dialog + name: Full-screen dialog + parentId: components + path: /pattern/full-screen-dialog icon: id: icon name: Icon @@ -379,7 +389,9 @@ order: - empty-state - expansion-panel - expansion-panel-item + - focused-page - form-field + - full-screen-dialog - icon - icon-button - icon-button-toggle diff --git a/apps/knapsack/data/knapsack.pattern.focused-page.json b/apps/knapsack/data/knapsack.pattern.focused-page.json new file mode 100644 index 0000000000..453f3acecf --- /dev/null +++ b/apps/knapsack/data/knapsack.pattern.focused-page.json @@ -0,0 +1,66 @@ +{ + "id": "focused-page", + "title": "Focused page", + "description": "", + "statuses": {}, + "templates": [ + { + "id": "web-components-waQVQEThJD", + "title": "Web components", + "path": "../../../dist/libs/components/focused-page.mjs", + "alias": "cv-focused-page", + "templateLanguageId": "web-components", + "spec": { + "slots": { + "default": { + "title": "default", + "description": "Default slot for content." + }, + "help": { + "title": "help", + "description": "Slot for help panel content" + } + }, + "props": { + "$schema": "http://json-schema.org/draft-07/schema", + "description": "", + "type": "object", + "required": [], + "properties": { + "helpResizable": { + "type": "boolean", + "description": "Whether the help section is resizable" + }, + "helpOpen": { + "type": "boolean", + "description": "Whether the help section is open" + }, + "hideTopBorder": { + "type": "boolean", + "description": "Whether the top border is hidden" + } + } + } + }, + "demoIds": ["BNl6rXNkee"], + "blockIds": ["FpMdtnA4dy"] + } + ], + "tabs": [ + { + "type": "subPage", + "id": "oMAwFOtT2C" + }, + { + "type": "template", + "id": "web-components-waQVQEThJD" + } + ], + "subPages": [ + { + "title": "Overview", + "id": "oMAwFOtT2C", + "blockIds": [] + } + ] +} diff --git a/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json b/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json new file mode 100644 index 0000000000..7ee3d52fd3 --- /dev/null +++ b/apps/knapsack/data/knapsack.pattern.full-screen-dialog.json @@ -0,0 +1,71 @@ +{ + "id": "full-screen-dialog", + "title": "Full-screen dialog", + "description": "", + "statuses": {}, + "templates": [ + { + "id": "web-components-HeDCLBaQf9", + "title": "Web components", + "path": "../../../dist/libs/components/full-screen-dialog.mjs", + "alias": "cv-full-screen-dialog", + "templateLanguageId": "web-components", + "spec": { + "slots": { + "default": { + "title": "default", + "description": "Default slot for content" + }, + "help": { + "title": "help", + "description": "Slot for help content" + } + }, + "props": { + "$schema": "http://json-schema.org/draft-07/schema", + "description": "", + "type": "object", + "required": [], + "properties": { + "open": { + "type": "boolean", + "description": "Whether the dialog is open or not" + }, + "escapeKeyAction": { + "type": "string", + "default": "close", + "description": "Setting this attribute to an empty string \"\" will prevent the escape key from closing the dialog." + }, + "helpResizable": { + "type": "boolean", + "description": "Whether the help section is resizable or not" + }, + "helpOpen": { + "type": "boolean", + "description": "Whether the help section is open or not" + } + } + } + }, + "demoIds": ["DJycXyA-3c"], + "blockIds": ["E9Z5cUZDb", "nWcNDJiFHd"] + } + ], + "tabs": [ + { + "type": "subPage", + "id": "F3B0y1kq" + }, + { + "type": "template", + "id": "web-components-HeDCLBaQf9" + } + ], + "subPages": [ + { + "title": "Overview", + "id": "F3B0y1kq", + "blockIds": [] + } + ] +} diff --git a/apps/knapsack/data/knapsack.pattern.icon-button-toggle.json b/apps/knapsack/data/knapsack.pattern.icon-button-toggle.json index b29c171d7d..77101c5e5c 100644 --- a/apps/knapsack/data/knapsack.pattern.icon-button-toggle.json +++ b/apps/knapsack/data/knapsack.pattern.icon-button-toggle.json @@ -59,6 +59,11 @@ "ariaLabelOff": { "type": "string", "description": "aria-label of the button when on is false. If set, ariaLabelOn must also be set." + }, + "toggledOn": { + "title": "toggledOn", + "description": "Angular restricts properties starting with 'on'. To work around this, use 'toggleOn' as an alternative to the 'on' property.", + "type": "boolean" } } } diff --git a/apps/knapsack/dist/meta/focused-page/focused-page.web-components-waQVQEThJD.spec.d.ts b/apps/knapsack/dist/meta/focused-page/focused-page.web-components-waQVQEThJD.spec.d.ts new file mode 100644 index 0000000000..7da31c8ba5 --- /dev/null +++ b/apps/knapsack/dist/meta/focused-page/focused-page.web-components-waQVQEThJD.spec.d.ts @@ -0,0 +1,24 @@ +/** + * patternId: "focused-page" templateId: "web-components-waQVQEThJD" + * This file was automatically generated by Knapsack. + * DO NOT MODIFY IT BY HAND. + * Instead, adjust it's spec, by either: + * 1) go to "/patterns/focused-page/web-components-waQVQEThJD" and use the UI to edit the spec + * 2) OR edit the "knapsack.pattern.focused-page.json" file's "spec.props". + * Run Knapsack again to regenerate this file. + */ + +export interface FocusedPage { + /** + * Whether the help section is resizable + */ + helpResizable?: boolean; + /** + * Whether the help section is open + */ + helpOpen?: boolean; + /** + * Whether the top border is hidden + */ + hideTopBorder?: boolean; +} diff --git a/apps/knapsack/dist/meta/focused-page/focused-page.web-components-waQVQEThJD.spec.json b/apps/knapsack/dist/meta/focused-page/focused-page.web-components-waQVQEThJD.spec.json new file mode 100644 index 0000000000..3841971356 --- /dev/null +++ b/apps/knapsack/dist/meta/focused-page/focused-page.web-components-waQVQEThJD.spec.json @@ -0,0 +1,20 @@ +{ + "$schema": "http://json-schema.org/draft-07/schema", + "description": "", + "type": "object", + "required": [], + "properties": { + "helpResizable": { + "type": "boolean", + "description": "Whether the help section is resizable" + }, + "helpOpen": { + "type": "boolean", + "description": "Whether the help section is open" + }, + "hideTopBorder": { + "type": "boolean", + "description": "Whether the top border is hidden" + } + } +} diff --git a/apps/knapsack/dist/meta/full-screen-dialog/full-screen-dialog.web-components-HeDCLBaQf9.spec.d.ts b/apps/knapsack/dist/meta/full-screen-dialog/full-screen-dialog.web-components-HeDCLBaQf9.spec.d.ts new file mode 100644 index 0000000000..6bbac6664b --- /dev/null +++ b/apps/knapsack/dist/meta/full-screen-dialog/full-screen-dialog.web-components-HeDCLBaQf9.spec.d.ts @@ -0,0 +1,28 @@ +/** + * patternId: "full-screen-dialog" templateId: "web-components-HeDCLBaQf9" + * This file was automatically generated by Knapsack. + * DO NOT MODIFY IT BY HAND. + * Instead, adjust it's spec, by either: + * 1) go to "/patterns/full-screen-dialog/web-components-HeDCLBaQf9" and use the UI to edit the spec + * 2) OR edit the "knapsack.pattern.full-screen-dialog.json" file's "spec.props". + * Run Knapsack again to regenerate this file. + */ + +export interface FullScreenDialog { + /** + * Whether the dialog is open or not + */ + open?: boolean; + /** + * Setting this attribute to an empty string "" will prevent the escape key from closing the dialog. + */ + escapeKeyAction?: string; + /** + * Whether the help section is resizable or not + */ + helpResizable?: boolean; + /** + * Whether the help section is open or not + */ + helpOpen?: boolean; +} diff --git a/apps/knapsack/dist/meta/full-screen-dialog/full-screen-dialog.web-components-HeDCLBaQf9.spec.json b/apps/knapsack/dist/meta/full-screen-dialog/full-screen-dialog.web-components-HeDCLBaQf9.spec.json new file mode 100644 index 0000000000..dfd7e5b7db --- /dev/null +++ b/apps/knapsack/dist/meta/full-screen-dialog/full-screen-dialog.web-components-HeDCLBaQf9.spec.json @@ -0,0 +1,25 @@ +{ + "$schema": "http://json-schema.org/draft-07/schema", + "description": "", + "type": "object", + "required": [], + "properties": { + "open": { + "type": "boolean", + "description": "Whether the dialog is open or not" + }, + "escapeKeyAction": { + "type": "string", + "default": "close", + "description": "Setting this attribute to an empty string \"\" will prevent the escape key from closing the dialog." + }, + "helpResizable": { + "type": "boolean", + "description": "Whether the help section is resizable or not" + }, + "helpOpen": { + "type": "boolean", + "description": "Whether the help section is open or not" + } + } +} diff --git a/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.d.ts b/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.d.ts index b590868c55..b2d2807254 100644 --- a/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.d.ts +++ b/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.d.ts @@ -8,11 +8,16 @@ * Run Knapsack again to regenerate this file. */ +/** + * Angular restricts properties starting with 'on'. To work around this, use 'toggleOn' as an alternative to the 'on' property. + */ +type ToggledOn = boolean; + export interface IconButtonToggle { /** * Whether the toggle is activated. */ - toggledOn?: boolean; + on?: boolean; /** * Disabled buttons cannot be interacted with and have no visual interaction effect. */ @@ -37,4 +42,5 @@ export interface IconButtonToggle { * aria-label of the button when on is false. If set, ariaLabelOn must also be set. */ ariaLabelOff?: string; + toggledOn?: ToggledOn; } diff --git a/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.json b/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.json index 2d0378d214..521da0cd1b 100644 --- a/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.json +++ b/apps/knapsack/dist/meta/icon-button-toggle/icon-button-toggle.web-components-6kGMXrj-eP.spec.json @@ -4,7 +4,7 @@ "type": "object", "required": [], "properties": { - "toggledOn": { + "on": { "description": "Whether the toggle is activated.", "type": "boolean" }, @@ -31,6 +31,11 @@ "ariaLabelOff": { "type": "string", "description": "aria-label of the button when on is false. If set, ariaLabelOn must also be set." + }, + "toggledOn": { + "title": "toggledOn", + "description": "Angular restricts properties starting with 'on'. To work around this, use 'toggleOn' as an alternative to the 'on' property.", + "type": "boolean" } } } diff --git a/apps/knapsack/dist/meta/knapsack.html-data.json b/apps/knapsack/dist/meta/knapsack.html-data.json index 49723b89a2..8270af7e67 100644 --- a/apps/knapsack/dist/meta/knapsack.html-data.json +++ b/apps/knapsack/dist/meta/knapsack.html-data.json @@ -747,6 +747,30 @@ } ] }, + { + "name": "cv-focused-page", + "description": "", + "references": [ + { + "name": "Knapsack Docs", + "url": "http://localhost:3999/pattern/focused-page/web-components-waQVQEThJD" + } + ], + "attributes": [ + { + "name": "helpResizable", + "description": "boolean Whether the help section is resizable" + }, + { + "name": "helpOpen", + "description": "boolean Whether the help section is open" + }, + { + "name": "hideTopBorder", + "description": "boolean Whether the top border is hidden" + } + ] + }, { "name": "cv-formfield", "description": "Input field within a form for users to enter data.", @@ -775,6 +799,34 @@ } ] }, + { + "name": "cv-full-screen-dialog", + "description": "", + "references": [ + { + "name": "Knapsack Docs", + "url": "http://localhost:3999/pattern/full-screen-dialog/web-components-HeDCLBaQf9" + } + ], + "attributes": [ + { + "name": "open", + "description": "boolean Whether the dialog is open or not" + }, + { + "name": "escapeKeyAction", + "description": "Setting this attribute to an empty string \"\" will prevent the escape key from closing the dialog." + }, + { + "name": "helpResizable", + "description": "boolean Whether the help section is resizable or not" + }, + { + "name": "helpOpen", + "description": "boolean Whether the help section is open or not" + } + ] + }, { "name": "cv-icon", "description": "Symbol representing an action, object, or concept.", @@ -856,6 +908,10 @@ { "name": "ariaLabelOff", "description": "aria-label of the button when on is false. If set, ariaLabelOn must also be set." + }, + { + "name": "toggledOn", + "description": "boolean Angular restricts properties starting with 'on'. To work around this, use 'toggleOn' as an alternative to the 'on' property." } ] }, @@ -1357,6 +1413,17 @@ } ] }, + { + "name": "div", + "description": "", + "references": [ + { + "name": "Knapsack Docs", + "url": "http://localhost:3999/pattern/prototypes/web-components" + } + ], + "attributes": [] + }, { "name": "cv-radio", "description": "A control that allows users to select only one option from a set.", @@ -2469,17 +2536,6 @@ "description": "How much left padding (px) to add for nested elements." } ] - }, - { - "name": "div", - "description": "", - "references": [ - { - "name": "Knapsack Docs", - "url": "http://localhost:3999/pattern/prototypes/web-components" - } - ], - "attributes": [] } ] } diff --git a/apps/knapsack/dist/meta/ks-meta.json b/apps/knapsack/dist/meta/ks-meta.json index d6be361808..cdd38d37d0 100644 --- a/apps/knapsack/dist/meta/ks-meta.json +++ b/apps/knapsack/dist/meta/ks-meta.json @@ -5,126 +5,126 @@ "templateId": "web-components-v3gk7O39kO", "demoId": "xrVH4M3t6W", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=xrVH4M3t6W&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=xrVH4M3t6W&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "xrVH4M3t6W", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=xrVH4M3t6W&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=xrVH4M3t6W&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "SBpuLooid9", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=SBpuLooid9&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=SBpuLooid9&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "SBpuLooid9", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=SBpuLooid9&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=SBpuLooid9&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "3ueuxC011k", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=3ueuxC011k&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=3ueuxC011k&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "3ueuxC011k", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=3ueuxC011k&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=3ueuxC011k&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "04wy8HmIJl", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=04wy8HmIJl&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=04wy8HmIJl&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "04wy8HmIJl", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=04wy8HmIJl&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=04wy8HmIJl&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "78JmyZgiv8", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=78JmyZgiv8&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=78JmyZgiv8&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "78JmyZgiv8", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=78JmyZgiv8&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=78JmyZgiv8&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "PX4CXlob7k", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=PX4CXlob7k&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=PX4CXlob7k&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "PX4CXlob7k", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=PX4CXlob7k&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=PX4CXlob7k&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "I15dIgeIM4", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=I15dIgeIM4&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=I15dIgeIM4&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "I15dIgeIM4", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=I15dIgeIM4&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=I15dIgeIM4&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "sNiAamckj3", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=sNiAamckj3&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=sNiAamckj3&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "sNiAamckj3", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=sNiAamckj3&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=sNiAamckj3&assetSetId=dark" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "aQE9OP2U6t", "assetSetId": "light", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=light&demoId=aQE9OP2U6t&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=aQE9OP2U6t&assetSetId=light" }, { "patternId": "action-ribbon", "templateId": "web-components-v3gk7O39kO", "demoId": "aQE9OP2U6t", "assetSetId": "dark", - "url": "/api/v1/render?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&assetSetId=dark&demoId=aQE9OP2U6t&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=action-ribbon&templateId=web-components-v3gk7O39kO&demoId=aQE9OP2U6t&assetSetId=dark" }, { "patternId": "alert", @@ -133,7 +133,7 @@ "assetSetId": "light", "width": 806, "height": 94, - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=tnvgSz6pjh&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=tnvgSz6pjh&assetSetId=light" }, { "patternId": "alert", @@ -142,931 +142,959 @@ "assetSetId": "dark", "width": 806, "height": 94, - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=tnvgSz6pjh&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=tnvgSz6pjh&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "vmDFzhOhSn", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=vmDFzhOhSn&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=vmDFzhOhSn&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "vmDFzhOhSn", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=vmDFzhOhSn&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=vmDFzhOhSn&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "S4K35ZGdnu", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=S4K35ZGdnu&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=S4K35ZGdnu&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "S4K35ZGdnu", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=S4K35ZGdnu&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=S4K35ZGdnu&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "WosGIC3IsN", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=WosGIC3IsN&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=WosGIC3IsN&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "WosGIC3IsN", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=WosGIC3IsN&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=WosGIC3IsN&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "t7e3P48Pkm", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=t7e3P48Pkm&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=t7e3P48Pkm&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "t7e3P48Pkm", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=t7e3P48Pkm&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=t7e3P48Pkm&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "pYd0j3oNrI", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=pYd0j3oNrI&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=pYd0j3oNrI&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "pYd0j3oNrI", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=pYd0j3oNrI&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=pYd0j3oNrI&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "xnEh2A2lis", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=xnEh2A2lis&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=xnEh2A2lis&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "xnEh2A2lis", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=xnEh2A2lis&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=xnEh2A2lis&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "LATgTeg21H", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=LATgTeg21H&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=LATgTeg21H&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "LATgTeg21H", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=LATgTeg21H&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=LATgTeg21H&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "yf2q5F2Jyk", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=yf2q5F2Jyk&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=yf2q5F2Jyk&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "yf2q5F2Jyk", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=yf2q5F2Jyk&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=yf2q5F2Jyk&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "CE5x5TaMa2", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=CE5x5TaMa2&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=CE5x5TaMa2&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "CE5x5TaMa2", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=CE5x5TaMa2&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=CE5x5TaMa2&assetSetId=dark" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "s8Ci4Cd08W", "assetSetId": "light", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=light&demoId=s8Ci4Cd08W&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=s8Ci4Cd08W&assetSetId=light" }, { "patternId": "alert", "templateId": "web-components-4qjJYWsUZi", "demoId": "s8Ci4Cd08W", "assetSetId": "dark", - "url": "/api/v1/render?patternId=alert&templateId=web-components-4qjJYWsUZi&assetSetId=dark&demoId=s8Ci4Cd08W&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=alert&templateId=web-components-4qjJYWsUZi&demoId=s8Ci4Cd08W&assetSetId=dark" }, { "patternId": "app-shell", "templateId": "web-components-z8r4uoVkf", "demoId": "5lBJhPKvTj", "assetSetId": "light", - "url": "/api/v1/render?patternId=app-shell&templateId=web-components-z8r4uoVkf&assetSetId=light&demoId=5lBJhPKvTj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=app-shell&templateId=web-components-z8r4uoVkf&demoId=5lBJhPKvTj&assetSetId=light" }, { "patternId": "app-shell", "templateId": "web-components-z8r4uoVkf", "demoId": "5lBJhPKvTj", "assetSetId": "dark", - "url": "/api/v1/render?patternId=app-shell&templateId=web-components-z8r4uoVkf&assetSetId=dark&demoId=5lBJhPKvTj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=app-shell&templateId=web-components-z8r4uoVkf&demoId=5lBJhPKvTj&assetSetId=dark" }, { "patternId": "badge", "templateId": "web-components-40aOlYC6I9", "demoId": "NAoDoFXI-A", "assetSetId": "light", - "url": "/api/v1/render?patternId=badge&templateId=web-components-40aOlYC6I9&assetSetId=light&demoId=NAoDoFXI-A&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=badge&templateId=web-components-40aOlYC6I9&demoId=NAoDoFXI-A&assetSetId=light" }, { "patternId": "badge", "templateId": "web-components-40aOlYC6I9", "demoId": "NAoDoFXI-A", "assetSetId": "dark", - "url": "/api/v1/render?patternId=badge&templateId=web-components-40aOlYC6I9&assetSetId=dark&demoId=NAoDoFXI-A&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=badge&templateId=web-components-40aOlYC6I9&demoId=NAoDoFXI-A&assetSetId=dark" }, { "patternId": "badge", "templateId": "web-components-40aOlYC6I9", "demoId": "laNQ9RRdMn", "assetSetId": "light", - "url": "/api/v1/render?patternId=badge&templateId=web-components-40aOlYC6I9&assetSetId=light&demoId=laNQ9RRdMn&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=badge&templateId=web-components-40aOlYC6I9&demoId=laNQ9RRdMn&assetSetId=light" }, { "patternId": "badge", "templateId": "web-components-40aOlYC6I9", "demoId": "laNQ9RRdMn", "assetSetId": "dark", - "url": "/api/v1/render?patternId=badge&templateId=web-components-40aOlYC6I9&assetSetId=dark&demoId=laNQ9RRdMn&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=badge&templateId=web-components-40aOlYC6I9&demoId=laNQ9RRdMn&assetSetId=dark" }, { "patternId": "badge", "templateId": "web-components-40aOlYC6I9", "demoId": "uhaHv83YYx", "assetSetId": "light", - "url": "/api/v1/render?patternId=badge&templateId=web-components-40aOlYC6I9&assetSetId=light&demoId=uhaHv83YYx&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=badge&templateId=web-components-40aOlYC6I9&demoId=uhaHv83YYx&assetSetId=light" }, { "patternId": "badge", "templateId": "web-components-40aOlYC6I9", "demoId": "uhaHv83YYx", "assetSetId": "dark", - "url": "/api/v1/render?patternId=badge&templateId=web-components-40aOlYC6I9&assetSetId=dark&demoId=uhaHv83YYx&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=badge&templateId=web-components-40aOlYC6I9&demoId=uhaHv83YYx&assetSetId=dark" }, { "patternId": "button", "templateId": "web-components-raE1x4tYL", "demoId": "E5ymzzEPs", "assetSetId": "light", - "url": "/api/v1/render?patternId=button&templateId=web-components-raE1x4tYL&assetSetId=light&demoId=E5ymzzEPs&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=web-components-raE1x4tYL&demoId=E5ymzzEPs&assetSetId=light" }, { "patternId": "button", "templateId": "web-components-raE1x4tYL", "demoId": "E5ymzzEPs", "assetSetId": "dark", - "url": "/api/v1/render?patternId=button&templateId=web-components-raE1x4tYL&assetSetId=dark&demoId=E5ymzzEPs&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=web-components-raE1x4tYL&demoId=E5ymzzEPs&assetSetId=dark" }, { "patternId": "button", "templateId": "web-components-raE1x4tYL", "demoId": "wJJ2tksHEK", "assetSetId": "light", - "url": "/api/v1/render?patternId=button&templateId=web-components-raE1x4tYL&assetSetId=light&demoId=wJJ2tksHEK&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=web-components-raE1x4tYL&demoId=wJJ2tksHEK&assetSetId=light" }, { "patternId": "button", "templateId": "web-components-raE1x4tYL", "demoId": "wJJ2tksHEK", "assetSetId": "dark", - "url": "/api/v1/render?patternId=button&templateId=web-components-raE1x4tYL&assetSetId=dark&demoId=wJJ2tksHEK&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=web-components-raE1x4tYL&demoId=wJJ2tksHEK&assetSetId=dark" }, { "patternId": "button", "templateId": "angular-i3OR9O7kXg", "demoId": "CRFHBobaZj", "assetSetId": "light", - "url": "/api/v1/render?patternId=button&templateId=angular-i3OR9O7kXg&assetSetId=light&demoId=CRFHBobaZj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=angular-i3OR9O7kXg&demoId=CRFHBobaZj&assetSetId=light" }, { "patternId": "button", "templateId": "angular-i3OR9O7kXg", "demoId": "CRFHBobaZj", "assetSetId": "dark", - "url": "/api/v1/render?patternId=button&templateId=angular-i3OR9O7kXg&assetSetId=dark&demoId=CRFHBobaZj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=angular-i3OR9O7kXg&demoId=CRFHBobaZj&assetSetId=dark" }, { "patternId": "button", "templateId": "angular-i3OR9O7kXg", "demoId": "eIOsBgDEvJ", "assetSetId": "light", - "url": "/api/v1/render?patternId=button&templateId=angular-i3OR9O7kXg&assetSetId=light&demoId=eIOsBgDEvJ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=angular-i3OR9O7kXg&demoId=eIOsBgDEvJ&assetSetId=light" }, { "patternId": "button", "templateId": "angular-i3OR9O7kXg", "demoId": "eIOsBgDEvJ", "assetSetId": "dark", - "url": "/api/v1/render?patternId=button&templateId=angular-i3OR9O7kXg&assetSetId=dark&demoId=eIOsBgDEvJ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=button&templateId=angular-i3OR9O7kXg&demoId=eIOsBgDEvJ&assetSetId=dark" }, { "patternId": "card", "templateId": "web-components-mU8MX1FHrF", "demoId": "pTyIIHqJtL", "assetSetId": "light", - "url": "/api/v1/render?patternId=card&templateId=web-components-mU8MX1FHrF&assetSetId=light&demoId=pTyIIHqJtL&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=card&templateId=web-components-mU8MX1FHrF&demoId=pTyIIHqJtL&assetSetId=light" }, { "patternId": "card", "templateId": "web-components-mU8MX1FHrF", "demoId": "pTyIIHqJtL", "assetSetId": "dark", - "url": "/api/v1/render?patternId=card&templateId=web-components-mU8MX1FHrF&assetSetId=dark&demoId=pTyIIHqJtL&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=card&templateId=web-components-mU8MX1FHrF&demoId=pTyIIHqJtL&assetSetId=dark" }, { "patternId": "card", "templateId": "web-components-mU8MX1FHrF", "demoId": "sNLUIRYsNz", "assetSetId": "light", - "url": "/api/v1/render?patternId=card&templateId=web-components-mU8MX1FHrF&assetSetId=light&demoId=sNLUIRYsNz&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=card&templateId=web-components-mU8MX1FHrF&demoId=sNLUIRYsNz&assetSetId=light" }, { "patternId": "card", "templateId": "web-components-mU8MX1FHrF", "demoId": "sNLUIRYsNz", "assetSetId": "dark", - "url": "/api/v1/render?patternId=card&templateId=web-components-mU8MX1FHrF&assetSetId=dark&demoId=sNLUIRYsNz&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=card&templateId=web-components-mU8MX1FHrF&demoId=sNLUIRYsNz&assetSetId=dark" }, { "patternId": "card", "templateId": "angular-K2H0Gg5PuL", "demoId": "nrW1VpRzc", "assetSetId": "light", - "url": "/api/v1/render?patternId=card&templateId=angular-K2H0Gg5PuL&assetSetId=light&demoId=nrW1VpRzc&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=card&templateId=angular-K2H0Gg5PuL&demoId=nrW1VpRzc&assetSetId=light" }, { "patternId": "card", "templateId": "angular-K2H0Gg5PuL", "demoId": "nrW1VpRzc", "assetSetId": "dark", - "url": "/api/v1/render?patternId=card&templateId=angular-K2H0Gg5PuL&assetSetId=dark&demoId=nrW1VpRzc&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=card&templateId=angular-K2H0Gg5PuL&demoId=nrW1VpRzc&assetSetId=dark" }, { "patternId": "check-list-item", "templateId": "web-components-M18BFFHM3h", "demoId": "CvFKcI1eN0", "assetSetId": "light", - "url": "/api/v1/render?patternId=check-list-item&templateId=web-components-M18BFFHM3h&assetSetId=light&demoId=CvFKcI1eN0&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=check-list-item&templateId=web-components-M18BFFHM3h&demoId=CvFKcI1eN0&assetSetId=light" }, { "patternId": "check-list-item", "templateId": "web-components-M18BFFHM3h", "demoId": "CvFKcI1eN0", "assetSetId": "dark", - "url": "/api/v1/render?patternId=check-list-item&templateId=web-components-M18BFFHM3h&assetSetId=dark&demoId=CvFKcI1eN0&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=check-list-item&templateId=web-components-M18BFFHM3h&demoId=CvFKcI1eN0&assetSetId=dark" }, { "patternId": "checkbox", "templateId": "web-components-29FbeDQWhM", "demoId": "ee2EneFvzS", "assetSetId": "light", - "url": "/api/v1/render?patternId=checkbox&templateId=web-components-29FbeDQWhM&assetSetId=light&demoId=ee2EneFvzS&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=checkbox&templateId=web-components-29FbeDQWhM&demoId=ee2EneFvzS&assetSetId=light" }, { "patternId": "checkbox", "templateId": "web-components-29FbeDQWhM", "demoId": "ee2EneFvzS", "assetSetId": "dark", - "url": "/api/v1/render?patternId=checkbox&templateId=web-components-29FbeDQWhM&assetSetId=dark&demoId=ee2EneFvzS&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=checkbox&templateId=web-components-29FbeDQWhM&demoId=ee2EneFvzS&assetSetId=dark" }, { "patternId": "chip", "templateId": "web-components-7wYRPSnEZH", "demoId": "HyZJsWXVOc", "assetSetId": "light", - "url": "/api/v1/render?patternId=chip&templateId=web-components-7wYRPSnEZH&assetSetId=light&demoId=HyZJsWXVOc&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=chip&templateId=web-components-7wYRPSnEZH&demoId=HyZJsWXVOc&assetSetId=light" }, { "patternId": "chip", "templateId": "web-components-7wYRPSnEZH", "demoId": "HyZJsWXVOc", "assetSetId": "dark", - "url": "/api/v1/render?patternId=chip&templateId=web-components-7wYRPSnEZH&assetSetId=dark&demoId=HyZJsWXVOc&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=chip&templateId=web-components-7wYRPSnEZH&demoId=HyZJsWXVOc&assetSetId=dark" }, { "patternId": "chip-item", "templateId": "web-components-vegaZgkE47", "demoId": "zDg2SpdOHk", "assetSetId": "light", - "url": "/api/v1/render?patternId=chip-item&templateId=web-components-vegaZgkE47&assetSetId=light&demoId=zDg2SpdOHk&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=chip-item&templateId=web-components-vegaZgkE47&demoId=zDg2SpdOHk&assetSetId=light" }, { "patternId": "chip-item", "templateId": "web-components-vegaZgkE47", "demoId": "zDg2SpdOHk", "assetSetId": "dark", - "url": "/api/v1/render?patternId=chip-item&templateId=web-components-vegaZgkE47&assetSetId=dark&demoId=zDg2SpdOHk&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=chip-item&templateId=web-components-vegaZgkE47&demoId=zDg2SpdOHk&assetSetId=dark" }, { "patternId": "chip-item", "templateId": "web-components-vegaZgkE47", "demoId": "DINJPi6iZ", "assetSetId": "light", - "url": "/api/v1/render?patternId=chip-item&templateId=web-components-vegaZgkE47&assetSetId=light&demoId=DINJPi6iZ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=chip-item&templateId=web-components-vegaZgkE47&demoId=DINJPi6iZ&assetSetId=light" }, { "patternId": "chip-item", "templateId": "web-components-vegaZgkE47", "demoId": "DINJPi6iZ", "assetSetId": "dark", - "url": "/api/v1/render?patternId=chip-item&templateId=web-components-vegaZgkE47&assetSetId=dark&demoId=DINJPi6iZ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=chip-item&templateId=web-components-vegaZgkE47&demoId=DINJPi6iZ&assetSetId=dark" }, { "patternId": "circular-progress", "templateId": "web-components-rw6v6c4fnU", "demoId": "gMTyjmInaG", "assetSetId": "light", - "url": "/api/v1/render?patternId=circular-progress&templateId=web-components-rw6v6c4fnU&assetSetId=light&demoId=gMTyjmInaG&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=circular-progress&templateId=web-components-rw6v6c4fnU&demoId=gMTyjmInaG&assetSetId=light" }, { "patternId": "circular-progress", "templateId": "web-components-rw6v6c4fnU", "demoId": "gMTyjmInaG", "assetSetId": "dark", - "url": "/api/v1/render?patternId=circular-progress&templateId=web-components-rw6v6c4fnU&assetSetId=dark&demoId=gMTyjmInaG&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=circular-progress&templateId=web-components-rw6v6c4fnU&demoId=gMTyjmInaG&assetSetId=dark" }, { "patternId": "code-editor", "templateId": "web-components-JulJ63YyUz", "demoId": "t1CfBDrtut", "assetSetId": "light", - "url": "/api/v1/render?patternId=code-editor&templateId=web-components-JulJ63YyUz&assetSetId=light&demoId=t1CfBDrtut&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=code-editor&templateId=web-components-JulJ63YyUz&demoId=t1CfBDrtut&assetSetId=light" }, { "patternId": "code-editor", "templateId": "web-components-JulJ63YyUz", "demoId": "t1CfBDrtut", "assetSetId": "dark", - "url": "/api/v1/render?patternId=code-editor&templateId=web-components-JulJ63YyUz&assetSetId=dark&demoId=t1CfBDrtut&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=code-editor&templateId=web-components-JulJ63YyUz&demoId=t1CfBDrtut&assetSetId=dark" }, { "patternId": "code-snippet", "templateId": "web-components-MmKtwF24Vv", "demoId": "HJPgdqmwj", "assetSetId": "light", - "url": "/api/v1/render?patternId=code-snippet&templateId=web-components-MmKtwF24Vv&assetSetId=light&demoId=HJPgdqmwj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=code-snippet&templateId=web-components-MmKtwF24Vv&demoId=HJPgdqmwj&assetSetId=light" }, { "patternId": "code-snippet", "templateId": "web-components-MmKtwF24Vv", "demoId": "HJPgdqmwj", "assetSetId": "dark", - "url": "/api/v1/render?patternId=code-snippet&templateId=web-components-MmKtwF24Vv&assetSetId=dark&demoId=HJPgdqmwj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=code-snippet&templateId=web-components-MmKtwF24Vv&demoId=HJPgdqmwj&assetSetId=dark" }, { "patternId": "dialog", "templateId": "web-components-S9Ia0KOrya", "demoId": "yovRt8o986", "assetSetId": "light", - "url": "/api/v1/render?patternId=dialog&templateId=web-components-S9Ia0KOrya&assetSetId=light&demoId=yovRt8o986&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=dialog&templateId=web-components-S9Ia0KOrya&demoId=yovRt8o986&assetSetId=light" }, { "patternId": "dialog", "templateId": "web-components-S9Ia0KOrya", "demoId": "yovRt8o986", "assetSetId": "dark", - "url": "/api/v1/render?patternId=dialog&templateId=web-components-S9Ia0KOrya&assetSetId=dark&demoId=yovRt8o986&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=dialog&templateId=web-components-S9Ia0KOrya&demoId=yovRt8o986&assetSetId=dark" }, { "patternId": "empty-state", "templateId": "web-components-E0GwXgHJv", "demoId": "8QAZfNvobo", "assetSetId": "light", - "url": "/api/v1/render?patternId=empty-state&templateId=web-components-E0GwXgHJv&assetSetId=light&demoId=8QAZfNvobo&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=empty-state&templateId=web-components-E0GwXgHJv&demoId=8QAZfNvobo&assetSetId=light" }, { "patternId": "empty-state", "templateId": "web-components-E0GwXgHJv", "demoId": "8QAZfNvobo", "assetSetId": "dark", - "url": "/api/v1/render?patternId=empty-state&templateId=web-components-E0GwXgHJv&assetSetId=dark&demoId=8QAZfNvobo&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=empty-state&templateId=web-components-E0GwXgHJv&demoId=8QAZfNvobo&assetSetId=dark" }, { "patternId": "expansion-panel", "templateId": "web-components-Vj98q2D8hw", "demoId": "Yu7DvlfMdG", "assetSetId": "light", - "url": "/api/v1/render?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&assetSetId=light&demoId=Yu7DvlfMdG&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&demoId=Yu7DvlfMdG&assetSetId=light" }, { "patternId": "expansion-panel", "templateId": "web-components-Vj98q2D8hw", "demoId": "Yu7DvlfMdG", "assetSetId": "dark", - "url": "/api/v1/render?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&assetSetId=dark&demoId=Yu7DvlfMdG&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&demoId=Yu7DvlfMdG&assetSetId=dark" }, { "patternId": "expansion-panel", "templateId": "web-components-Vj98q2D8hw", "demoId": "noRKlgh7xK", "assetSetId": "light", - "url": "/api/v1/render?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&assetSetId=light&demoId=noRKlgh7xK&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&demoId=noRKlgh7xK&assetSetId=light" }, { "patternId": "expansion-panel", "templateId": "web-components-Vj98q2D8hw", "demoId": "noRKlgh7xK", "assetSetId": "dark", - "url": "/api/v1/render?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&assetSetId=dark&demoId=noRKlgh7xK&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel&templateId=web-components-Vj98q2D8hw&demoId=noRKlgh7xK&assetSetId=dark" }, { "patternId": "expansion-panel-item", "templateId": "web-components-vBLifAApG", "demoId": "w0H1gm2jvp", "assetSetId": "light", - "url": "/api/v1/render?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&assetSetId=light&demoId=w0H1gm2jvp&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&demoId=w0H1gm2jvp&assetSetId=light" }, { "patternId": "expansion-panel-item", "templateId": "web-components-vBLifAApG", "demoId": "w0H1gm2jvp", "assetSetId": "dark", - "url": "/api/v1/render?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&assetSetId=dark&demoId=w0H1gm2jvp&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&demoId=w0H1gm2jvp&assetSetId=dark" }, { "patternId": "expansion-panel-item", "templateId": "web-components-vBLifAApG", "demoId": "6tUMrwwjoe", "assetSetId": "light", - "url": "/api/v1/render?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&assetSetId=light&demoId=6tUMrwwjoe&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&demoId=6tUMrwwjoe&assetSetId=light" }, { "patternId": "expansion-panel-item", "templateId": "web-components-vBLifAApG", "demoId": "6tUMrwwjoe", "assetSetId": "dark", - "url": "/api/v1/render?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&assetSetId=dark&demoId=6tUMrwwjoe&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=expansion-panel-item&templateId=web-components-vBLifAApG&demoId=6tUMrwwjoe&assetSetId=dark" + }, + { + "patternId": "focused-page", + "templateId": "web-components-waQVQEThJD", + "demoId": "BNl6rXNkee", + "assetSetId": "light", + "url": "/api/v1/render-demo-id?patternId=focused-page&templateId=web-components-waQVQEThJD&demoId=BNl6rXNkee&assetSetId=light" + }, + { + "patternId": "focused-page", + "templateId": "web-components-waQVQEThJD", + "demoId": "BNl6rXNkee", + "assetSetId": "dark", + "url": "/api/v1/render-demo-id?patternId=focused-page&templateId=web-components-waQVQEThJD&demoId=BNl6rXNkee&assetSetId=dark" }, { "patternId": "form-field", "templateId": "web-components-I5Sx1HQnJ", "demoId": "pmwAMIY3TV", "assetSetId": "light", - "url": "/api/v1/render?patternId=form-field&templateId=web-components-I5Sx1HQnJ&assetSetId=light&demoId=pmwAMIY3TV&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=form-field&templateId=web-components-I5Sx1HQnJ&demoId=pmwAMIY3TV&assetSetId=light" }, { "patternId": "form-field", "templateId": "web-components-I5Sx1HQnJ", "demoId": "pmwAMIY3TV", "assetSetId": "dark", - "url": "/api/v1/render?patternId=form-field&templateId=web-components-I5Sx1HQnJ&assetSetId=dark&demoId=pmwAMIY3TV&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=form-field&templateId=web-components-I5Sx1HQnJ&demoId=pmwAMIY3TV&assetSetId=dark" }, { "patternId": "form-field", "templateId": "web-components-I5Sx1HQnJ", "demoId": "0n-okWquA", "assetSetId": "light", - "url": "/api/v1/render?patternId=form-field&templateId=web-components-I5Sx1HQnJ&assetSetId=light&demoId=0n-okWquA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=form-field&templateId=web-components-I5Sx1HQnJ&demoId=0n-okWquA&assetSetId=light" }, { "patternId": "form-field", "templateId": "web-components-I5Sx1HQnJ", "demoId": "0n-okWquA", "assetSetId": "dark", - "url": "/api/v1/render?patternId=form-field&templateId=web-components-I5Sx1HQnJ&assetSetId=dark&demoId=0n-okWquA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=form-field&templateId=web-components-I5Sx1HQnJ&demoId=0n-okWquA&assetSetId=dark" }, { "patternId": "form-field", "templateId": "web-components-I5Sx1HQnJ", "demoId": "1cr3GRlfdT", "assetSetId": "light", - "url": "/api/v1/render?patternId=form-field&templateId=web-components-I5Sx1HQnJ&assetSetId=light&demoId=1cr3GRlfdT&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=form-field&templateId=web-components-I5Sx1HQnJ&demoId=1cr3GRlfdT&assetSetId=light" }, { "patternId": "form-field", "templateId": "web-components-I5Sx1HQnJ", "demoId": "1cr3GRlfdT", "assetSetId": "dark", - "url": "/api/v1/render?patternId=form-field&templateId=web-components-I5Sx1HQnJ&assetSetId=dark&demoId=1cr3GRlfdT&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=form-field&templateId=web-components-I5Sx1HQnJ&demoId=1cr3GRlfdT&assetSetId=dark" + }, + { + "patternId": "full-screen-dialog", + "templateId": "web-components-HeDCLBaQf9", + "demoId": "DJycXyA-3c", + "assetSetId": "light", + "url": "/api/v1/render-demo-id?patternId=full-screen-dialog&templateId=web-components-HeDCLBaQf9&demoId=DJycXyA-3c&assetSetId=light" + }, + { + "patternId": "full-screen-dialog", + "templateId": "web-components-HeDCLBaQf9", + "demoId": "DJycXyA-3c", + "assetSetId": "dark", + "url": "/api/v1/render-demo-id?patternId=full-screen-dialog&templateId=web-components-HeDCLBaQf9&demoId=DJycXyA-3c&assetSetId=dark" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "bn4zy44TYR", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=light&demoId=bn4zy44TYR&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=bn4zy44TYR&assetSetId=light" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "bn4zy44TYR", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=dark&demoId=bn4zy44TYR&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=bn4zy44TYR&assetSetId=dark" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "Xr7IHJQ1", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=light&demoId=Xr7IHJQ1&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=Xr7IHJQ1&assetSetId=light" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "Xr7IHJQ1", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=dark&demoId=Xr7IHJQ1&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=Xr7IHJQ1&assetSetId=dark" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "8VqxwwTyJ", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=light&demoId=8VqxwwTyJ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=8VqxwwTyJ&assetSetId=light" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "8VqxwwTyJ", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=dark&demoId=8VqxwwTyJ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=8VqxwwTyJ&assetSetId=dark" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "ezyQjAA-T1", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=light&demoId=ezyQjAA-T1&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=ezyQjAA-T1&assetSetId=light" }, { "patternId": "icon", "templateId": "web-components-N8bzRbfpuX", "demoId": "ezyQjAA-T1", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon&templateId=web-components-N8bzRbfpuX&assetSetId=dark&demoId=ezyQjAA-T1&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon&templateId=web-components-N8bzRbfpuX&demoId=ezyQjAA-T1&assetSetId=dark" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "BueNSFTYn", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=light&demoId=BueNSFTYn&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=BueNSFTYn&assetSetId=light" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "BueNSFTYn", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=dark&demoId=BueNSFTYn&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=BueNSFTYn&assetSetId=dark" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "IxXMQMFkBT", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=light&demoId=IxXMQMFkBT&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=IxXMQMFkBT&assetSetId=light" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "IxXMQMFkBT", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=dark&demoId=IxXMQMFkBT&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=IxXMQMFkBT&assetSetId=dark" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "MQBKTe4GON", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=light&demoId=MQBKTe4GON&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=MQBKTe4GON&assetSetId=light" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "MQBKTe4GON", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=dark&demoId=MQBKTe4GON&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=MQBKTe4GON&assetSetId=dark" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "i-aFgnERP", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=light&demoId=i-aFgnERP&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=i-aFgnERP&assetSetId=light" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "i-aFgnERP", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=dark&demoId=i-aFgnERP&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=i-aFgnERP&assetSetId=dark" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "MWNDJ0YT9M", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=light&demoId=MWNDJ0YT9M&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=MWNDJ0YT9M&assetSetId=light" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "MWNDJ0YT9M", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=dark&demoId=MWNDJ0YT9M&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=MWNDJ0YT9M&assetSetId=dark" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "iyfHwphwcs", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=light&demoId=iyfHwphwcs&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=iyfHwphwcs&assetSetId=light" }, { "patternId": "icon-button", "templateId": "web-components-ctiCe2sAX", "demoId": "iyfHwphwcs", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button&templateId=web-components-ctiCe2sAX&assetSetId=dark&demoId=iyfHwphwcs&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button&templateId=web-components-ctiCe2sAX&demoId=iyfHwphwcs&assetSetId=dark" }, { "patternId": "icon-button-toggle", "templateId": "web-components-6kGMXrj-eP", "demoId": "O5OSKRluI9", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-button-toggle&templateId=web-components-6kGMXrj-eP&assetSetId=light&demoId=O5OSKRluI9&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button-toggle&templateId=web-components-6kGMXrj-eP&demoId=O5OSKRluI9&assetSetId=light" }, { "patternId": "icon-button-toggle", "templateId": "web-components-6kGMXrj-eP", "demoId": "O5OSKRluI9", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-button-toggle&templateId=web-components-6kGMXrj-eP&assetSetId=dark&demoId=O5OSKRluI9&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-button-toggle&templateId=web-components-6kGMXrj-eP&demoId=O5OSKRluI9&assetSetId=dark" }, { "patternId": "icon-checkbox", "templateId": "web-components-jTiv8OpG9M", "demoId": "FTt0oVydi1", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-checkbox&templateId=web-components-jTiv8OpG9M&assetSetId=light&demoId=FTt0oVydi1&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-checkbox&templateId=web-components-jTiv8OpG9M&demoId=FTt0oVydi1&assetSetId=light" }, { "patternId": "icon-checkbox", "templateId": "web-components-jTiv8OpG9M", "demoId": "FTt0oVydi1", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-checkbox&templateId=web-components-jTiv8OpG9M&assetSetId=dark&demoId=FTt0oVydi1&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-checkbox&templateId=web-components-jTiv8OpG9M&demoId=FTt0oVydi1&assetSetId=dark" }, { "patternId": "icon-radio", "templateId": "web-components-gmBL6Mhy4", "demoId": "3VTw68n4F5", "assetSetId": "light", - "url": "/api/v1/render?patternId=icon-radio&templateId=web-components-gmBL6Mhy4&assetSetId=light&demoId=3VTw68n4F5&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-radio&templateId=web-components-gmBL6Mhy4&demoId=3VTw68n4F5&assetSetId=light" }, { "patternId": "icon-radio", "templateId": "web-components-gmBL6Mhy4", "demoId": "3VTw68n4F5", "assetSetId": "dark", - "url": "/api/v1/render?patternId=icon-radio&templateId=web-components-gmBL6Mhy4&assetSetId=dark&demoId=3VTw68n4F5&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=icon-radio&templateId=web-components-gmBL6Mhy4&demoId=3VTw68n4F5&assetSetId=dark" }, { "patternId": "linear-progress", "templateId": "web-components-2ew8-hMQkv", "demoId": "lXYaxeRM4L", "assetSetId": "light", - "url": "/api/v1/render?patternId=linear-progress&templateId=web-components-2ew8-hMQkv&assetSetId=light&demoId=lXYaxeRM4L&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=linear-progress&templateId=web-components-2ew8-hMQkv&demoId=lXYaxeRM4L&assetSetId=light" }, { "patternId": "linear-progress", "templateId": "web-components-2ew8-hMQkv", "demoId": "lXYaxeRM4L", "assetSetId": "dark", - "url": "/api/v1/render?patternId=linear-progress&templateId=web-components-2ew8-hMQkv&assetSetId=dark&demoId=lXYaxeRM4L&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=linear-progress&templateId=web-components-2ew8-hMQkv&demoId=lXYaxeRM4L&assetSetId=dark" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "R-bXJMtJi", "assetSetId": "light", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=light&demoId=R-bXJMtJi&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=R-bXJMtJi&assetSetId=light" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "R-bXJMtJi", "assetSetId": "dark", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=dark&demoId=R-bXJMtJi&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=R-bXJMtJi&assetSetId=dark" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "kyAJAxMx7u", "assetSetId": "light", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=light&demoId=kyAJAxMx7u&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=kyAJAxMx7u&assetSetId=light" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "kyAJAxMx7u", "assetSetId": "dark", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=dark&demoId=kyAJAxMx7u&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=kyAJAxMx7u&assetSetId=dark" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "kaReFY5Pwj", "assetSetId": "light", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=light&demoId=kaReFY5Pwj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=kaReFY5Pwj&assetSetId=light" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "kaReFY5Pwj", "assetSetId": "dark", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=dark&demoId=kaReFY5Pwj&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=kaReFY5Pwj&assetSetId=dark" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "hjXCY4fSqY", "assetSetId": "light", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=light&demoId=hjXCY4fSqY&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=hjXCY4fSqY&assetSetId=light" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "hjXCY4fSqY", "assetSetId": "dark", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=dark&demoId=hjXCY4fSqY&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=hjXCY4fSqY&assetSetId=dark" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "SIyOkmonoE", "assetSetId": "light", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=light&demoId=SIyOkmonoE&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=SIyOkmonoE&assetSetId=light" }, { "patternId": "list", "templateId": "web-components-fObxCsu2i8", "demoId": "SIyOkmonoE", "assetSetId": "dark", - "url": "/api/v1/render?patternId=list&templateId=web-components-fObxCsu2i8&assetSetId=dark&demoId=SIyOkmonoE&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list&templateId=web-components-fObxCsu2i8&demoId=SIyOkmonoE&assetSetId=dark" }, { "patternId": "list-item", "templateId": "web-components-ytRTf8wtxn", "demoId": "qgGc8WUNHQ", "assetSetId": "light", - "url": "/api/v1/render?patternId=list-item&templateId=web-components-ytRTf8wtxn&assetSetId=light&demoId=qgGc8WUNHQ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list-item&templateId=web-components-ytRTf8wtxn&demoId=qgGc8WUNHQ&assetSetId=light" }, { "patternId": "list-item", "templateId": "web-components-ytRTf8wtxn", "demoId": "qgGc8WUNHQ", "assetSetId": "dark", - "url": "/api/v1/render?patternId=list-item&templateId=web-components-ytRTf8wtxn&assetSetId=dark&demoId=qgGc8WUNHQ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=list-item&templateId=web-components-ytRTf8wtxn&demoId=qgGc8WUNHQ&assetSetId=dark" }, { "patternId": "menu", "templateId": "web-components-hY3y1MyhrP", "demoId": "boILoye9Gi", "assetSetId": "light", - "url": "/api/v1/render?patternId=menu&templateId=web-components-hY3y1MyhrP&assetSetId=light&demoId=boILoye9Gi&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=menu&templateId=web-components-hY3y1MyhrP&demoId=boILoye9Gi&assetSetId=light" }, { "patternId": "menu", "templateId": "web-components-hY3y1MyhrP", "demoId": "boILoye9Gi", "assetSetId": "dark", - "url": "/api/v1/render?patternId=menu&templateId=web-components-hY3y1MyhrP&assetSetId=dark&demoId=boILoye9Gi&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=menu&templateId=web-components-hY3y1MyhrP&demoId=boILoye9Gi&assetSetId=dark" }, { "patternId": "navigation-list-item", "templateId": "web-components-Qtmmi7N-aL", "demoId": "E5NLCltz6", "assetSetId": "light", - "url": "/api/v1/render?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&assetSetId=light&demoId=E5NLCltz6&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&demoId=E5NLCltz6&assetSetId=light" }, { "patternId": "navigation-list-item", "templateId": "web-components-Qtmmi7N-aL", "demoId": "E5NLCltz6", "assetSetId": "dark", - "url": "/api/v1/render?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&assetSetId=dark&demoId=E5NLCltz6&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&demoId=E5NLCltz6&assetSetId=dark" }, { "patternId": "navigation-list-item", "templateId": "web-components-Qtmmi7N-aL", "demoId": "v3IaS3HWdf", "assetSetId": "light", - "url": "/api/v1/render?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&assetSetId=light&demoId=v3IaS3HWdf&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&demoId=v3IaS3HWdf&assetSetId=light" }, { "patternId": "navigation-list-item", "templateId": "web-components-Qtmmi7N-aL", "demoId": "v3IaS3HWdf", "assetSetId": "dark", - "url": "/api/v1/render?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&assetSetId=dark&demoId=v3IaS3HWdf&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=navigation-list-item&templateId=web-components-Qtmmi7N-aL&demoId=v3IaS3HWdf&assetSetId=dark" }, { "patternId": "notebook-cell", "templateId": "web-components-dlfSUMV1v", "demoId": "tMM8dM4L3g", "assetSetId": "light", - "url": "/api/v1/render?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&assetSetId=light&demoId=tMM8dM4L3g&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&demoId=tMM8dM4L3g&assetSetId=light" }, { "patternId": "notebook-cell", "templateId": "web-components-dlfSUMV1v", "demoId": "tMM8dM4L3g", "assetSetId": "dark", - "url": "/api/v1/render?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&assetSetId=dark&demoId=tMM8dM4L3g&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&demoId=tMM8dM4L3g&assetSetId=dark" }, { "patternId": "notebook-cell", "templateId": "web-components-dlfSUMV1v", "demoId": "H-H7-TnR4K", "assetSetId": "light", - "url": "/api/v1/render?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&assetSetId=light&demoId=H-H7-TnR4K&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&demoId=H-H7-TnR4K&assetSetId=light" }, { "patternId": "notebook-cell", "templateId": "web-components-dlfSUMV1v", "demoId": "H-H7-TnR4K", "assetSetId": "dark", - "url": "/api/v1/render?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&assetSetId=dark&demoId=H-H7-TnR4K&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=notebook-cell&templateId=web-components-dlfSUMV1v&demoId=H-H7-TnR4K&assetSetId=dark" }, { "patternId": "radio", "templateId": "web-components-qk2MWcBipT", "demoId": "RMPpKHlzd", "assetSetId": "light", - "url": "/api/v1/render?patternId=radio&templateId=web-components-qk2MWcBipT&assetSetId=light&demoId=RMPpKHlzd&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=radio&templateId=web-components-qk2MWcBipT&demoId=RMPpKHlzd&assetSetId=light" }, { "patternId": "radio", "templateId": "web-components-qk2MWcBipT", "demoId": "RMPpKHlzd", "assetSetId": "dark", - "url": "/api/v1/render?patternId=radio&templateId=web-components-qk2MWcBipT&assetSetId=dark&demoId=RMPpKHlzd&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=radio&templateId=web-components-qk2MWcBipT&demoId=RMPpKHlzd&assetSetId=dark" }, { "patternId": "radio-list-item", "templateId": "web-components-fwKtEBOnv", "demoId": "MzuUqdOHZA", "assetSetId": "light", - "url": "/api/v1/render?patternId=radio-list-item&templateId=web-components-fwKtEBOnv&assetSetId=light&demoId=MzuUqdOHZA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=radio-list-item&templateId=web-components-fwKtEBOnv&demoId=MzuUqdOHZA&assetSetId=light" }, { "patternId": "radio-list-item", "templateId": "web-components-fwKtEBOnv", "demoId": "MzuUqdOHZA", "assetSetId": "dark", - "url": "/api/v1/render?patternId=radio-list-item&templateId=web-components-fwKtEBOnv&assetSetId=dark&demoId=MzuUqdOHZA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=radio-list-item&templateId=web-components-fwKtEBOnv&demoId=MzuUqdOHZA&assetSetId=dark" }, { "patternId": "select", "templateId": "web-components-qWXTtv81jY", "demoId": "sWH6jqeBc", "assetSetId": "light", - "url": "/api/v1/render?patternId=select&templateId=web-components-qWXTtv81jY&assetSetId=light&demoId=sWH6jqeBc&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=select&templateId=web-components-qWXTtv81jY&demoId=sWH6jqeBc&assetSetId=light" }, { "patternId": "select", "templateId": "web-components-qWXTtv81jY", "demoId": "sWH6jqeBc", "assetSetId": "dark", - "url": "/api/v1/render?patternId=select&templateId=web-components-qWXTtv81jY&assetSetId=dark&demoId=sWH6jqeBc&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=select&templateId=web-components-qWXTtv81jY&demoId=sWH6jqeBc&assetSetId=dark" }, { "patternId": "side-sheet", @@ -1075,7 +1103,7 @@ "assetSetId": "light", "width": 895, "height": 502, - "url": "/api/v1/render?patternId=side-sheet&templateId=web-components-UMR43JQszt&assetSetId=light&demoId=F84crA5Gx4&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=side-sheet&templateId=web-components-UMR43JQszt&demoId=F84crA5Gx4&assetSetId=light" }, { "patternId": "side-sheet", @@ -1084,385 +1112,385 @@ "assetSetId": "dark", "width": 895, "height": 502, - "url": "/api/v1/render?patternId=side-sheet&templateId=web-components-UMR43JQszt&assetSetId=dark&demoId=F84crA5Gx4&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=side-sheet&templateId=web-components-UMR43JQszt&demoId=F84crA5Gx4&assetSetId=dark" }, { "patternId": "slider", "templateId": "web-components-LpKATlK5H", "demoId": "x9f-h1BpY", "assetSetId": "light", - "url": "/api/v1/render?patternId=slider&templateId=web-components-LpKATlK5H&assetSetId=light&demoId=x9f-h1BpY&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=slider&templateId=web-components-LpKATlK5H&demoId=x9f-h1BpY&assetSetId=light" }, { "patternId": "slider", "templateId": "web-components-LpKATlK5H", "demoId": "x9f-h1BpY", "assetSetId": "dark", - "url": "/api/v1/render?patternId=slider&templateId=web-components-LpKATlK5H&assetSetId=dark&demoId=x9f-h1BpY&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=slider&templateId=web-components-LpKATlK5H&demoId=x9f-h1BpY&assetSetId=dark" }, { "patternId": "slider", "templateId": "web-components-33Z9-C4Qs", "demoId": "HY3BFMh0AM", "assetSetId": "light", - "url": "/api/v1/render?patternId=slider&templateId=web-components-33Z9-C4Qs&assetSetId=light&demoId=HY3BFMh0AM&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=slider&templateId=web-components-33Z9-C4Qs&demoId=HY3BFMh0AM&assetSetId=light" }, { "patternId": "slider", "templateId": "web-components-33Z9-C4Qs", "demoId": "HY3BFMh0AM", "assetSetId": "dark", - "url": "/api/v1/render?patternId=slider&templateId=web-components-33Z9-C4Qs&assetSetId=dark&demoId=HY3BFMh0AM&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=slider&templateId=web-components-33Z9-C4Qs&demoId=HY3BFMh0AM&assetSetId=dark" }, { "patternId": "snackbar", "templateId": "web-components-3ERE1Ai9lo", "demoId": "5aKkBtql-E", "assetSetId": "light", - "url": "/api/v1/render?patternId=snackbar&templateId=web-components-3ERE1Ai9lo&assetSetId=light&demoId=5aKkBtql-E&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=snackbar&templateId=web-components-3ERE1Ai9lo&demoId=5aKkBtql-E&assetSetId=light" }, { "patternId": "snackbar", "templateId": "web-components-3ERE1Ai9lo", "demoId": "5aKkBtql-E", "assetSetId": "dark", - "url": "/api/v1/render?patternId=snackbar&templateId=web-components-3ERE1Ai9lo&assetSetId=dark&demoId=5aKkBtql-E&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=snackbar&templateId=web-components-3ERE1Ai9lo&demoId=5aKkBtql-E&assetSetId=dark" }, { "patternId": "status-dialog", "templateId": "web-components-klayJh8gA", "demoId": "ugxYH4hy3", "assetSetId": "light", - "url": "/api/v1/render?patternId=status-dialog&templateId=web-components-klayJh8gA&assetSetId=light&demoId=ugxYH4hy3&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-dialog&templateId=web-components-klayJh8gA&demoId=ugxYH4hy3&assetSetId=light" }, { "patternId": "status-dialog", "templateId": "web-components-klayJh8gA", "demoId": "ugxYH4hy3", "assetSetId": "dark", - "url": "/api/v1/render?patternId=status-dialog&templateId=web-components-klayJh8gA&assetSetId=dark&demoId=ugxYH4hy3&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-dialog&templateId=web-components-klayJh8gA&demoId=ugxYH4hy3&assetSetId=dark" }, { "patternId": "status-dialog", "templateId": "web-components-klayJh8gA", "demoId": "zKTIBgFUtF", "assetSetId": "light", - "url": "/api/v1/render?patternId=status-dialog&templateId=web-components-klayJh8gA&assetSetId=light&demoId=zKTIBgFUtF&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-dialog&templateId=web-components-klayJh8gA&demoId=zKTIBgFUtF&assetSetId=light" }, { "patternId": "status-dialog", "templateId": "web-components-klayJh8gA", "demoId": "zKTIBgFUtF", "assetSetId": "dark", - "url": "/api/v1/render?patternId=status-dialog&templateId=web-components-klayJh8gA&assetSetId=dark&demoId=zKTIBgFUtF&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-dialog&templateId=web-components-klayJh8gA&demoId=zKTIBgFUtF&assetSetId=dark" }, { "patternId": "status-header", "templateId": "web-components-UDLnfGbB2W", "demoId": "1OH1Dga5C0", "assetSetId": "light", - "url": "/api/v1/render?patternId=status-header&templateId=web-components-UDLnfGbB2W&assetSetId=light&demoId=1OH1Dga5C0&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-header&templateId=web-components-UDLnfGbB2W&demoId=1OH1Dga5C0&assetSetId=light" }, { "patternId": "status-header", "templateId": "web-components-UDLnfGbB2W", "demoId": "1OH1Dga5C0", "assetSetId": "dark", - "url": "/api/v1/render?patternId=status-header&templateId=web-components-UDLnfGbB2W&assetSetId=dark&demoId=1OH1Dga5C0&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-header&templateId=web-components-UDLnfGbB2W&demoId=1OH1Dga5C0&assetSetId=dark" }, { "patternId": "status-header-item", "templateId": "web-components-55FkYSafco", "demoId": "YHuTizup8", "assetSetId": "light", - "url": "/api/v1/render?patternId=status-header-item&templateId=web-components-55FkYSafco&assetSetId=light&demoId=YHuTizup8&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-header-item&templateId=web-components-55FkYSafco&demoId=YHuTizup8&assetSetId=light" }, { "patternId": "status-header-item", "templateId": "web-components-55FkYSafco", "demoId": "YHuTizup8", "assetSetId": "dark", - "url": "/api/v1/render?patternId=status-header-item&templateId=web-components-55FkYSafco&assetSetId=dark&demoId=YHuTizup8&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=status-header-item&templateId=web-components-55FkYSafco&demoId=YHuTizup8&assetSetId=dark" }, { "patternId": "switch", "templateId": "web-components-tGj2TvSrpD", "demoId": "U89p0LyOsP", "assetSetId": "light", - "url": "/api/v1/render?patternId=switch&templateId=web-components-tGj2TvSrpD&assetSetId=light&demoId=U89p0LyOsP&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=switch&templateId=web-components-tGj2TvSrpD&demoId=U89p0LyOsP&assetSetId=light" }, { "patternId": "switch", "templateId": "web-components-tGj2TvSrpD", "demoId": "U89p0LyOsP", "assetSetId": "dark", - "url": "/api/v1/render?patternId=switch&templateId=web-components-tGj2TvSrpD&assetSetId=dark&demoId=U89p0LyOsP&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=switch&templateId=web-components-tGj2TvSrpD&demoId=U89p0LyOsP&assetSetId=dark" }, { "patternId": "tab", "templateId": "web-components-1-Bf2NwL1T", "demoId": "3HxZQWfBi9", "assetSetId": "light", - "url": "/api/v1/render?patternId=tab&templateId=web-components-1-Bf2NwL1T&assetSetId=light&demoId=3HxZQWfBi9&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tab&templateId=web-components-1-Bf2NwL1T&demoId=3HxZQWfBi9&assetSetId=light" }, { "patternId": "tab", "templateId": "web-components-1-Bf2NwL1T", "demoId": "3HxZQWfBi9", "assetSetId": "dark", - "url": "/api/v1/render?patternId=tab&templateId=web-components-1-Bf2NwL1T&assetSetId=dark&demoId=3HxZQWfBi9&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tab&templateId=web-components-1-Bf2NwL1T&demoId=3HxZQWfBi9&assetSetId=dark" }, { "patternId": "tabs", "templateId": "web-components-kjFGUA31tg", "demoId": "GOJxN1FZx", "assetSetId": "light", - "url": "/api/v1/render?patternId=tabs&templateId=web-components-kjFGUA31tg&assetSetId=light&demoId=GOJxN1FZx&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tabs&templateId=web-components-kjFGUA31tg&demoId=GOJxN1FZx&assetSetId=light" }, { "patternId": "tabs", "templateId": "web-components-kjFGUA31tg", "demoId": "GOJxN1FZx", "assetSetId": "dark", - "url": "/api/v1/render?patternId=tabs&templateId=web-components-kjFGUA31tg&assetSetId=dark&demoId=GOJxN1FZx&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tabs&templateId=web-components-kjFGUA31tg&demoId=GOJxN1FZx&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "RV5V-zEoUJ", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=RV5V-zEoUJ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=RV5V-zEoUJ&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "RV5V-zEoUJ", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=RV5V-zEoUJ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=RV5V-zEoUJ&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "uKKiquKOJq", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=uKKiquKOJq&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=uKKiquKOJq&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "uKKiquKOJq", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=uKKiquKOJq&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=uKKiquKOJq&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "XqxbTjPFZB", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=XqxbTjPFZB&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=XqxbTjPFZB&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "XqxbTjPFZB", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=XqxbTjPFZB&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=XqxbTjPFZB&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "CkH7TzkgbA", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=CkH7TzkgbA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=CkH7TzkgbA&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "CkH7TzkgbA", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=CkH7TzkgbA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=CkH7TzkgbA&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "iH3DCGMPTw", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=iH3DCGMPTw&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=iH3DCGMPTw&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "iH3DCGMPTw", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=iH3DCGMPTw&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=iH3DCGMPTw&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "oY0W5ALQ1q", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=oY0W5ALQ1q&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=oY0W5ALQ1q&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "oY0W5ALQ1q", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=oY0W5ALQ1q&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=oY0W5ALQ1q&assetSetId=dark" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "pvszcppjX8", "assetSetId": "light", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=light&demoId=pvszcppjX8&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=pvszcppjX8&assetSetId=light" }, { "patternId": "text", "templateId": "web-components-FXCMXD35mF", "demoId": "pvszcppjX8", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text&templateId=web-components-FXCMXD35mF&assetSetId=dark&demoId=pvszcppjX8&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text&templateId=web-components-FXCMXD35mF&demoId=pvszcppjX8&assetSetId=dark" }, { "patternId": "text-area", "templateId": "web-components-48rzn99y9G", "demoId": "L87CMmCK4T", "assetSetId": "light", - "url": "/api/v1/render?patternId=text-area&templateId=web-components-48rzn99y9G&assetSetId=light&demoId=L87CMmCK4T&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text-area&templateId=web-components-48rzn99y9G&demoId=L87CMmCK4T&assetSetId=light" }, { "patternId": "text-area", "templateId": "web-components-48rzn99y9G", "demoId": "L87CMmCK4T", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text-area&templateId=web-components-48rzn99y9G&assetSetId=dark&demoId=L87CMmCK4T&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text-area&templateId=web-components-48rzn99y9G&demoId=L87CMmCK4T&assetSetId=dark" }, { "patternId": "text-lockup", "templateId": "web-components-4Aa-qjh3vF", "demoId": "WWgMBRroJw", "assetSetId": "light", - "url": "/api/v1/render?patternId=text-lockup&templateId=web-components-4Aa-qjh3vF&assetSetId=light&demoId=WWgMBRroJw&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text-lockup&templateId=web-components-4Aa-qjh3vF&demoId=WWgMBRroJw&assetSetId=light" }, { "patternId": "text-lockup", "templateId": "web-components-4Aa-qjh3vF", "demoId": "WWgMBRroJw", "assetSetId": "dark", - "url": "/api/v1/render?patternId=text-lockup&templateId=web-components-4Aa-qjh3vF&assetSetId=dark&demoId=WWgMBRroJw&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=text-lockup&templateId=web-components-4Aa-qjh3vF&demoId=WWgMBRroJw&assetSetId=dark" }, { "patternId": "textfield", "templateId": "web-components-M4zyalwdNJ", "demoId": "zYujvGxjlZ", "assetSetId": "light", - "url": "/api/v1/render?patternId=textfield&templateId=web-components-M4zyalwdNJ&assetSetId=light&demoId=zYujvGxjlZ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=textfield&templateId=web-components-M4zyalwdNJ&demoId=zYujvGxjlZ&assetSetId=light" }, { "patternId": "textfield", "templateId": "web-components-M4zyalwdNJ", "demoId": "zYujvGxjlZ", "assetSetId": "dark", - "url": "/api/v1/render?patternId=textfield&templateId=web-components-M4zyalwdNJ&assetSetId=dark&demoId=zYujvGxjlZ&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=textfield&templateId=web-components-M4zyalwdNJ&demoId=zYujvGxjlZ&assetSetId=dark" }, { "patternId": "textfield", "templateId": "web-components-M4zyalwdNJ", "demoId": "tU8Ze3Af9p", "assetSetId": "light", - "url": "/api/v1/render?patternId=textfield&templateId=web-components-M4zyalwdNJ&assetSetId=light&demoId=tU8Ze3Af9p&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=textfield&templateId=web-components-M4zyalwdNJ&demoId=tU8Ze3Af9p&assetSetId=light" }, { "patternId": "textfield", "templateId": "web-components-M4zyalwdNJ", "demoId": "tU8Ze3Af9p", "assetSetId": "dark", - "url": "/api/v1/render?patternId=textfield&templateId=web-components-M4zyalwdNJ&assetSetId=dark&demoId=tU8Ze3Af9p&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=textfield&templateId=web-components-M4zyalwdNJ&demoId=tU8Ze3Af9p&assetSetId=dark" }, { "patternId": "toolbar", "templateId": "web-components-A6-16QhSaM", "demoId": "NXMdeiHjKO", "assetSetId": "light", - "url": "/api/v1/render?patternId=toolbar&templateId=web-components-A6-16QhSaM&assetSetId=light&demoId=NXMdeiHjKO&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=toolbar&templateId=web-components-A6-16QhSaM&demoId=NXMdeiHjKO&assetSetId=light" }, { "patternId": "toolbar", "templateId": "web-components-A6-16QhSaM", "demoId": "NXMdeiHjKO", "assetSetId": "dark", - "url": "/api/v1/render?patternId=toolbar&templateId=web-components-A6-16QhSaM&assetSetId=dark&demoId=NXMdeiHjKO&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=toolbar&templateId=web-components-A6-16QhSaM&demoId=NXMdeiHjKO&assetSetId=dark" }, { "patternId": "tooltip", "templateId": "web-components-erhVvpq9vk", "demoId": "V1YF-oKSJk", "assetSetId": "light", - "url": "/api/v1/render?patternId=tooltip&templateId=web-components-erhVvpq9vk&assetSetId=light&demoId=V1YF-oKSJk&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tooltip&templateId=web-components-erhVvpq9vk&demoId=V1YF-oKSJk&assetSetId=light" }, { "patternId": "tooltip", "templateId": "web-components-erhVvpq9vk", "demoId": "V1YF-oKSJk", "assetSetId": "dark", - "url": "/api/v1/render?patternId=tooltip&templateId=web-components-erhVvpq9vk&assetSetId=dark&demoId=V1YF-oKSJk&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tooltip&templateId=web-components-erhVvpq9vk&demoId=V1YF-oKSJk&assetSetId=dark" }, { "patternId": "top-app-bar", "templateId": "web-components-bdJKZJwv0h", "demoId": "R8F5cdPVrq", "assetSetId": "light", - "url": "/api/v1/render?patternId=top-app-bar&templateId=web-components-bdJKZJwv0h&assetSetId=light&demoId=R8F5cdPVrq&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=top-app-bar&templateId=web-components-bdJKZJwv0h&demoId=R8F5cdPVrq&assetSetId=light" }, { "patternId": "top-app-bar", "templateId": "web-components-bdJKZJwv0h", "demoId": "R8F5cdPVrq", "assetSetId": "dark", - "url": "/api/v1/render?patternId=top-app-bar&templateId=web-components-bdJKZJwv0h&assetSetId=dark&demoId=R8F5cdPVrq&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=top-app-bar&templateId=web-components-bdJKZJwv0h&demoId=R8F5cdPVrq&assetSetId=dark" }, { "patternId": "top-app-bar-fixed", "templateId": "web-components-d0oZXgy7Uj", "demoId": "RQLhdtbJlh", "assetSetId": "light", - "url": "/api/v1/render?patternId=top-app-bar-fixed&templateId=web-components-d0oZXgy7Uj&assetSetId=light&demoId=RQLhdtbJlh&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=top-app-bar-fixed&templateId=web-components-d0oZXgy7Uj&demoId=RQLhdtbJlh&assetSetId=light" }, { "patternId": "top-app-bar-fixed", "templateId": "web-components-d0oZXgy7Uj", "demoId": "RQLhdtbJlh", "assetSetId": "dark", - "url": "/api/v1/render?patternId=top-app-bar-fixed&templateId=web-components-d0oZXgy7Uj&assetSetId=dark&demoId=RQLhdtbJlh&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=top-app-bar-fixed&templateId=web-components-d0oZXgy7Uj&demoId=RQLhdtbJlh&assetSetId=dark" }, { "patternId": "tree-list", "templateId": "web-components-Ue0Hy3Asb", "demoId": "RjMe6Q4mA", "assetSetId": "light", - "url": "/api/v1/render?patternId=tree-list&templateId=web-components-Ue0Hy3Asb&assetSetId=light&demoId=RjMe6Q4mA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tree-list&templateId=web-components-Ue0Hy3Asb&demoId=RjMe6Q4mA&assetSetId=light" }, { "patternId": "tree-list", "templateId": "web-components-Ue0Hy3Asb", "demoId": "RjMe6Q4mA", "assetSetId": "dark", - "url": "/api/v1/render?patternId=tree-list&templateId=web-components-Ue0Hy3Asb&assetSetId=dark&demoId=RjMe6Q4mA&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tree-list&templateId=web-components-Ue0Hy3Asb&demoId=RjMe6Q4mA&assetSetId=dark" }, { "patternId": "tree-list-item", "templateId": "web-components-1jOFYZB9ms", "demoId": "7gFch0E4yr", "assetSetId": "light", - "url": "/api/v1/render?patternId=tree-list-item&templateId=web-components-1jOFYZB9ms&assetSetId=light&demoId=7gFch0E4yr&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tree-list-item&templateId=web-components-1jOFYZB9ms&demoId=7gFch0E4yr&assetSetId=light" }, { "patternId": "tree-list-item", "templateId": "web-components-1jOFYZB9ms", "demoId": "7gFch0E4yr", "assetSetId": "dark", - "url": "/api/v1/render?patternId=tree-list-item&templateId=web-components-1jOFYZB9ms&assetSetId=dark&demoId=7gFch0E4yr&isInIframe=false&wrapHtml=true" + "url": "/api/v1/render-demo-id?patternId=tree-list-item&templateId=web-components-1jOFYZB9ms&demoId=7gFch0E4yr&assetSetId=dark" } ] } diff --git a/libs/components/src/focused-page/focused-page.ts b/libs/components/src/focused-page/focused-page.ts index 148a702f58..9c30057996 100644 --- a/libs/components/src/focused-page/focused-page.ts +++ b/libs/components/src/focused-page/focused-page.ts @@ -38,7 +38,7 @@ export class CovalentFocusedPage extends LitElement { helpResizable = false; /** - * Whether the help section is resizable + * Whether the top border is hidden */ @property({ type: Boolean, reflect: true }) hideTopBorder = false; diff --git a/libs/components/src/full-screen-dialog/full-screen-dialog.scss b/libs/components/src/full-screen-dialog/full-screen-dialog.scss index 03dbfdee4f..9341dee5ef 100644 --- a/libs/components/src/full-screen-dialog/full-screen-dialog.scss +++ b/libs/components/src/full-screen-dialog/full-screen-dialog.scss @@ -2,5 +2,36 @@ --cv-dialog-border-radius: 0; --cv-dialog-horizontal-padding: 0; --cv-dialog-vertical-padding: 0; - --cv-side-sheet-width: 100vw; + --mdc-dialog-scrim-color: transparent; + --mdc-dialog-min-width: 100vw; + --mdc-dialog-max-width: 100vw; + --mdc-dialog-min-height: 100vh; + --mdc-dialog-max-height: 100vh; +} + +.mdc-dialog .mdc-dialog__container { + opacity: 1; + transform: translateX(100%); + transition: transform 300ms ease; +} + +.mdc-dialog--opening { + .mdc-dialog__container { + transform: translateX(100%); + } +} + +.mdc-dialog--open { + .mdc-dialog__container { + transform: translateX(0); + transition: transform 300ms ease; + } +} + +.mdc-dialog--closing { + .mdc-dialog__container { + opacity: 1; + transform: translateX(100%); + transition: transform 300ms ease; + } } diff --git a/libs/components/src/full-screen-dialog/full-screen-dialog.ts b/libs/components/src/full-screen-dialog/full-screen-dialog.ts index 47cff266e5..ee8c127f4f 100644 --- a/libs/components/src/full-screen-dialog/full-screen-dialog.ts +++ b/libs/components/src/full-screen-dialog/full-screen-dialog.ts @@ -1,7 +1,6 @@ import { css, html, TemplateResult, unsafeCSS } from 'lit'; import { customElement, property } from 'lit/decorators.js'; import styles from './full-screen-dialog.scss?inline'; -import sideSheetStyles from '../side-sheet/side-sheet.scss?inline'; import CovalentDialog from '../dialog/dialog'; import '../focused-page/focused-page'; @@ -15,9 +14,7 @@ import '../focused-page/focused-page'; export class CovalentFullscreenDialog extends CovalentDialog { static override styles = [ css` - ${unsafeCSS(CovalentDialog.styles)} ${unsafeCSS( - sideSheetStyles - )} ${unsafeCSS(styles)} + ${unsafeCSS(CovalentDialog.styles)} ${unsafeCSS(styles)} `, ];