scu-web-components 0.0.1

package/dist/docs/components/ScwCard.json

@@ -0,0 +1,168 @@
+{
+  "path": "src/scw-card/scw-card.ts",
+  "kind": "class",
+  "description": "",
+  "name": "ScwCard",
+  "members": [
+    {
+      "kind": "field",
+      "name": "title",
+      "type": {
+        "text": "string"
+      },
+      "default": "'no title'",
+      "description": "Main title or header of the card",
+      "attribute": "title"
+    },
+    {
+      "kind": "field",
+      "name": "superTitle",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Super title, describing a category or area pertaining to title",
+      "attribute": "super-title"
+    },
+    {
+      "kind": "field",
+      "name": "size",
+      "type": {
+        "text": "string"
+      },
+      "default": "'large'",
+      "description": "Size of the card (large, medium, small)",
+      "attribute": "size"
+    },
+    {
+      "kind": "field",
+      "name": "description",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Fuller description of what the card is about",
+      "attribute": "description"
+    },
+    {
+      "kind": "field",
+      "name": "action",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Label for the action button to be taken",
+      "attribute": "action"
+    },
+    {
+      "kind": "field",
+      "name": "imageUrl",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "The url of the image within the card",
+      "attribute": "image-url"
+    },
+    {
+      "kind": "field",
+      "name": "imageAlt",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Alternative description of the image.",
+      "attribute": "image-alt"
+    }
+  ],
+  "attributes": [
+    {
+      "name": "title",
+      "type": {
+        "text": "string"
+      },
+      "default": "'no title'",
+      "description": "Main title or header of the card",
+      "fieldName": "title"
+    },
+    {
+      "name": "super-title",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Super title, describing a category or area pertaining to title",
+      "fieldName": "superTitle"
+    },
+    {
+      "name": "size",
+      "type": {
+        "text": "string"
+      },
+      "default": "'large'",
+      "description": "Size of the card (large, medium, small)",
+      "fieldName": "size"
+    },
+    {
+      "name": "description",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Fuller description of what the card is about",
+      "fieldName": "description"
+    },
+    {
+      "name": "action",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Label for the action button to be taken",
+      "fieldName": "action"
+    },
+    {
+      "name": "image-url",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "The url of the image within the card",
+      "fieldName": "imageUrl"
+    },
+    {
+      "name": "image-alt",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "Alternative description of the image.",
+      "fieldName": "imageAlt"
+    }
+  ],
+  "superclass": {
+    "name": "LitElement",
+    "package": "lit-element"
+  },
+  "tagName": "scw-card",
+  "customElement": true,
+  "category": "layouts",
+  "status": "alpha.review",
+  "releasedInVersion": "v0.1.1",
+  "adaStatus": "tbd",
+  "overview": "",
+  "examples": [
+    {
+      "title": "Simple Example",
+      "code": "\n        <scw-card\n          style=\"max-width: 600px;\"\n          title=\"Title of my card\"\n          super-title=\"super title\"\n          description=\"a description\"\n          action=\"The Action\"\n          image-alt=\"Fall Scene of woods\">\n        </scw-card>"
+    },
+    {
+      "title": "Medium Example",
+      "code": "\n        <scw-card\n          size=\"medium\"\n          style=\"max-width: 420px;\"\n          title=\"Title of my card\"\n          super-title=\"super title\"\n          description=\"a description\"\n          image-url=\"https://cdn.pixabay.com/photo/2015/12/01/20/28/road-1072821_960_720.jpg\"\n          image-alt=\"Fall Scene of woods\">\n        </scw-card>"
+    },
+    {
+      "title": "Small Example",
+      "code": "\n        <scw-card\n          size=\"small\"\n          style=\"max-width: 230px;\"\n          title=\"Title of my card\"\n          image-alt=\"Fall Scene of woods\">\n        </scw-card>"
+    }
+  ]
+}

package/dist/docs/components/ScwTest.json

@@ -0,0 +1,123 @@
+{
+  "path": "src/scw-test/scw-test.ts",
+  "kind": "class",
+  "description": "ScwTest a first LitElement web component",
+  "name": "ScwTest",
+  "cssProperties": [
+    {
+      "description": "an example of css props",
+      "name": "--example-css-var"
+    },
+    {
+      "description": "another example",
+      "name": "--example-css-var-2"
+    }
+  ],
+  "slots": [
+    {
+      "description": "Main content area.",
+      "name": "content"
+    },
+    {
+      "description": "header content area.",
+      "name": "header"
+    }
+  ],
+  "members": [
+    {
+      "kind": "field",
+      "name": "title",
+      "type": {
+        "text": "string"
+      },
+      "default": "'Title'",
+      "description": "Just a title",
+      "attribute": "title"
+    },
+    {
+      "kind": "field",
+      "name": "counter",
+      "type": {
+        "text": "number"
+      },
+      "default": "5",
+      "description": "Just a counter",
+      "attribute": "counter"
+    },
+    {
+      "kind": "field",
+      "name": "underwears",
+      "type": {
+        "text": "number"
+      },
+      "default": "5",
+      "description": "Just a underwears",
+      "attribute": "underwears"
+    },
+    {
+      "kind": "method",
+      "name": "__increment",
+      "description": "Private counter incrementer"
+    }
+  ],
+  "events": [
+    {
+      "description": "an example event",
+      "name": "scw-example"
+    },
+    {
+      "description": "another example event",
+      "name": "scw-example-2"
+    }
+  ],
+  "attributes": [
+    {
+      "name": "title",
+      "type": {
+        "text": "string"
+      },
+      "default": "'Title'",
+      "description": "Just a title",
+      "fieldName": "title"
+    },
+    {
+      "name": "counter",
+      "type": {
+        "text": "number"
+      },
+      "default": "5",
+      "description": "Just a counter",
+      "fieldName": "counter"
+    },
+    {
+      "name": "underwears",
+      "type": {
+        "text": "number"
+      },
+      "default": "5",
+      "description": "Just a underwears",
+      "fieldName": "underwears"
+    }
+  ],
+  "superclass": {
+    "name": "LitElement",
+    "package": "lit-element"
+  },
+  "tagName": "scw-test",
+  "customElement": true,
+  "category": "example",
+  "status": "alpha.review",
+  "releasedInVersion": "v0.1.1",
+  "adaStatus": "tbd",
+  "overview": "This is a larger discussion of the component.",
+  "examples": [
+    {
+      "title": "Simple Example",
+      "code": "<scw-test></scw-test>"
+    },
+    {
+      "title": "Another Simple Example of Test",
+      "code": "\n        <scw-test\n          counter='10'>\n        </scw-test>\n      "
+    }
+  ]
+}

package/dist/docs/components/manifest.json

@@ -0,0 +1,14 @@
+[
+  {
+    "name": "ScwCard",
+    "fileName": "ScwCard.json",
+    "tagName": "scw-card",
+    "category": "layouts"
+  },
+  {
+    "name": "ScwTest",
+    "fileName": "ScwTest.json",
+    "tagName": "scw-test",
+    "category": "example"
+  }
+]

package/dist/docs/config.json

@@ -0,0 +1,15 @@
+{
+  "navigation": [
+    {
+      "id": "tokens",
+      "title": "Tokens",
+      "url": "../tokens/tokens.html"
+    },
+    {
+      "id": "css",
+      "title": "Css",
+      "url": "../tokens/css.html"
+    }
+  ],
+  "componentsEmbed": "../scw-components-custom.js"
+}

package/dist/docs/css/app.1df632ac.css

@@ -0,0 +1 @@
+.clipboard[data-v-b2170200]{position:fixed;bottom:0;left:0;z-index:200;border-radius:0 var(--spacing-1) 0 0;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility 1s;min-width:200px}.clipboard.show[data-v-b2170200]{visibility:visible;opacity:1}.clipboard.copied[data-v-b2170200]{background-color:var(--color-accent-credit-cards-05-color)}.clipboard .copy-feedback[data-v-b2170200]{-webkit-animation:pulse-b2170200 1.5s infinite;animation:pulse-b2170200 1.5s infinite;display:none}.clipboard.copied .copy-feedback[data-v-b2170200]{display:block}@-webkit-keyframes pulse-b2170200{0%{opacity:.5}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:.5}}@keyframes pulse-b2170200{0%{opacity:.5}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:.5}}.clipboard .clipboard-highlight[data-v-b2170200]{color:var(--color-accent-credit-cards-07-color)}.comp-code-vis{border-radius:var(--spacing-1);min-height:130px;position:relative}.header{border-bottom:1px solid #666;padding-top:2px;padding-bottom:2px;font-size:var(--type-text-uppercase-01-font-size);font-family:var(--type-text-uppercase-01-font-family);font-weight:var(--type-text-uppercase-01-font-weight);line-height:var(--type-text-uppercase-01-line-height);letter-spacing:var(--type-text-uppercase-01-letter-spacing);text-transform:var(--type-text-uppercase-01-text-transform);color:var(--color-grey-08-color);margin-left:var(--spacing-4);width:calc(100% - var(--spacing-4))!important;z-index:2;display:none}.copyLink{cursor:pointer;border-radius:4px;padding:2px var(--spacing-1);position:relative}.copyLink:hover{background-color:var(--color-grey-00-color)}.hideIcon{position:absolute;right:4px;top:2px}.entireTagHighlight{background-color:var(--color-grey-00-color);position:absolute!important;top:var(--spacing-2);right:var(--spacing-2);left:var(--spacing-2);bottom:var(--spacing-1);width:auto!important;border-radius:4px}.stylesSection{position:relative}.stylesHighlight{background-color:var(--color-grey-00-color);position:absolute!important;top:0;right:0;left:var(--spacing-3);bottom:0;width:auto!important;border-radius:4px}.hint,.menu{position:absolute!important;top:10px;right:10px;width:auto!important}

package/dist/docs/demo/css.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body style="background-color: brown;">
+    CSS.html
+  </body>
+</html>

package/dist/docs/demo/embed.js

@@ -0,0 +1,48 @@
+
+console.log('importing and defining comps...');
+
+const template1 = document.createElement('template');
+template1.innerHTML = `
+  <style>
+    div {
+      margin-top: 20px;
+      color: green;
+    }
+  </style>
+  <div>
+    <p>ExpTest</p>
+  </div>
+`;
+
+class ExpTest extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.appendChild(template1.content.cloneNode(true));
+  }
+}
+
+window.customElements.define('exp-test', ExpTest);
+
+
+const template2 = document.createElement('template');
+template2.innerHTML = `
+  <style>
+    div {
+      margin-top: 20px;
+      color: red;
+    }
+  </style>
+  <div>
+    <p>ExpToast</p>
+  </div>
+`;
+class ExpToast extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.appendChild(template2.content.cloneNode(true));
+  }
+}
+
+window.customElements.define('exp-toast', ExpToast);

package/dist/docs/demo/tokens.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body style="background-color: coral;">
+    Tokens.html
+  </body>
+</html>

package/dist/docs/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>scu-design-system-docs</title><link href="js/about.eb0b1085.js" rel="prefetch"><link href="js/chunk-2d0e618f.8f5314c9.js" rel="prefetch"><link href="js/chunk-2d222769.58b60695.js" rel="prefetch"><link href="js/chunk-2d22c823.0559e723.js" rel="prefetch"><link href="js/chunk-2d230e16.aba02000.js" rel="prefetch"><link href="css/app.1df632ac.css" rel="preload" as="style"><link href="js/app.5832e312.js" rel="preload" as="script"><link href="js/chunk-vendors.d47790d3.js" rel="preload" as="script"><link href="css/app.1df632ac.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but scu-design-system-docs doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app" sds></div><script src="js/chunk-vendors.d47790d3.js"></script><script src="js/app.5832e312.js"></script></body></html>

package/dist/docs/js/about.eb0b1085.js

@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{f820:function(n,t,c){"use strict";c.r(t);var e=c("79c4"),a={class:"about"},s=Object(e["g"])("h1",null,"This is an about page",-1),o=[s];function u(n,t){return Object(e["s"])(),Object(e["f"])("div",a,o)}var b=c("41ec"),i=c.n(b);const r={},p=i()(r,[["render",u]]);t["default"]=p}}]);
+//# sourceMappingURL=about.eb0b1085.js.map

package/dist/docs/js/about.eb0b1085.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/views/About.vue","webpack:///./src/views/About.vue?480b"],"names":["class","script","__exports__","render"],"mappings":"iIACOA,MAAM,S,EACT,eAA8B,UAA1B,yBAAqB,G,GAAzB,G,wCADF,eAEM,MAFN,EAEM,G,yBCFR,MAAMC,EAAS,GAGTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,KAErD","file":"js/about.eb0b1085.js","sourcesContent":["<template>\n  <div class=\"about\">\n    <h1>This is an about page</h1>\n  </div>\n</template>\n","import { render } from \"./About.vue?vue&type=template&id=1ae8a7be\"\nconst script = {}\n\nimport exportComponent from \"/Users/scottrouse/Workspace/scu-design-system-mono/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}

package/dist/docs/js/app.5832e312.js

@@ -0,0 +1,2 @@
+(function(t){function e(e){for(var n,a,r=e[0],i=e[1],u=e[2],b=0,j=[];b<r.length;b++)a=r[b],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&j.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n]);l&&l(e);while(j.length)j.shift()();return s.push.apply(s,u||[]),c()}function c(){for(var t,e=0;e<s.length;e++){for(var c=s[e],n=!0,a=1;a<c.length;a++){var i=c[a];0!==o[i]&&(n=!1)}n&&(s.splice(e--,1),t=r(r.s=c[0]))}return t}var n={},o={app:0},s=[];function a(t){return r.p+"js/"+({about:"about"}[t]||t)+"."+{about:"eb0b1085","chunk-2d0e618f":"8f5314c9","chunk-2d222769":"58b60695","chunk-2d22c823":"0559e723","chunk-2d230e16":"aba02000"}[t]+".js"}function r(e){if(n[e])return n[e].exports;var c=n[e]={i:e,l:!1,exports:{}};return t[e].call(c.exports,c,c.exports,r),c.l=!0,c.exports}r.e=function(t){var e=[],c=o[t];if(0!==c)if(c)e.push(c[2]);else{var n=new Promise((function(e,n){c=o[t]=[e,n]}));e.push(c[2]=n);var s,i=document.createElement("script");i.charset="utf-8",i.timeout=120,r.nc&&i.setAttribute("nonce",r.nc),i.src=a(t);var u=new Error;s=function(e){i.onerror=i.onload=null,clearTimeout(b);var c=o[t];if(0!==c){if(c){var n=e&&("load"===e.type?"missing":e.type),s=e&&e.target&&e.target.src;u.message="Loading chunk "+t+" failed.\n("+n+": "+s+")",u.name="ChunkLoadError",u.type=n,u.request=s,c[1](u)}o[t]=void 0}};var b=setTimeout((function(){s({type:"timeout",target:i})}),12e4);i.onerror=i.onload=s,document.head.appendChild(i)}return Promise.all(e)},r.m=t,r.c=n,r.d=function(t,e,c){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:c})},r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var c=Object.create(null);if(r.r(c),Object.defineProperty(c,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)r.d(c,n,function(e){return t[e]}.bind(null,n));return c},r.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r.oe=function(t){throw console.error(t),t};var i=window["webpackJsonp"]=window["webpackJsonp"]||[],u=i.push.bind(i);i.push=e,i=i.slice();for(var b=0;b<i.length;b++)e(i[b]);var l=u;s.push([0,"chunk-vendors"]),c()})({0:function(t,e,c){t.exports=c("cd49")},"2b45":function(t,e,c){},"2d89":function(t,e,c){},5856:function(t,e,c){"use strict";c("2b45")},c2c5:function(t,e){function c(t){return Promise.resolve().then((function(){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}))}c.keys=function(){return[]},c.resolve=c,t.exports=c,c.id="c2c5"},cd49:function(t,e,c){"use strict";c.r(e);var n=c("7a28"),o=(c("fd85"),c("15db"),c("c026"),c("4031"),c("c1c3"),c("79c4")),s=(c("2252"),c("241c"),{slot:"content"}),a=Object(o["h"])("loading");function r(t,e,c,n,r,i){var u=Object(o["A"])("scu-nav-h-item-sds"),b=Object(o["A"])("scu-nav-sds"),l=Object(o["A"])("scu-flex-h-sds"),j=Object(o["A"])("router-view"),d=Object(o["A"])("scu-app-sds"),O=Object(o["A"])("scu-icon-sds"),p=Object(o["A"])("scu-text-sds"),f=Object(o["A"])("scu-center-sds"),h=Object(o["A"])("clipboard");return Object(o["s"])(),Object(o["f"])(o["a"],null,[t.loading?Object(o["e"])("",!0):(Object(o["s"])(),Object(o["d"])(d,{key:0,style:{"--header-height":"60px"}},{default:Object(o["F"])((function(){return[Object(o["i"])(l,{slot:"header","scu-background-color-primary-05":"","scu-alignment-stretch":"","scu-padding-width-2s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(b,{id:"mainNav",class:"scu-flex-h scu-alignment-stretch",value:t.focusedPage,onScuValueChange:e[0]||(e[0]=function(e){return t.handleNavChange(e)})},{default:Object(o["F"])((function(){return[Object(o["i"])(u,{class:"mainNav-item","nav-id":"reference",label:"Design System",dark:""}),Object(o["i"])(u,{class:"mainNav-item","nav-id":"tokens",label:t.config.navigation.find((function(t){return"tokens"===t.id})).title,dark:""},null,8,["label"]),Object(o["i"])(u,{class:"mainNav-item","nav-id":"css",label:t.config.navigation.find((function(t){return"css"===t.id})).title,dark:""},null,8,["label"]),Object(o["i"])(u,{class:"mainNav-item","nav-id":"components",label:"Components",dark:""})]})),_:1},8,["value"])]})),_:1}),Object(o["g"])("div",s,[Object(o["i"])(j)])]})),_:1})),t.loading?(Object(o["s"])(),Object(o["d"])(f,{key:1,"scu-fill-container":"","scu-gap-2s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(O,{"scu-icon-loading-spinner-32":"",animation:"spin"}),Object(o["i"])(p,null,{default:Object(o["F"])((function(){return[a]})),_:1})]})),_:1})):Object(o["e"])("",!0),Object(o["i"])(h)],64)}var i=c("2e1a"),u=c("862b"),b=c("c812"),l=c("0879"),j=c("c95d"),d=(c("5a85"),c("534d"),c("32ec"),c("6991"),c("6dbe")),O=c("9fa7"),p=c("b082"),f=function(t){return Object(o["w"])("data-v-b2170200"),t=t(),Object(o["t"])(),t},h=Object(o["h"])(" clipboard "),m=f((function(){return Object(o["g"])("span",{class:"copy-feedback","scu-text-bold-02":""}," (copied) ",-1)}));function g(t,e,c,n,s,a){var r=Object(o["A"])("scu-text-sds"),i=Object(o["A"])("scu-flex-h-sds"),u=Object(o["A"])("scu-stack-sds");return Object(o["s"])(),Object(o["d"])(u,{class:Object(o["o"])("clipboard ".concat(t.show?"show copied":"")),"scu-color-grey-10":"","scu-padding-3s":"","scu-padding-right-5s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(i,{class:"clipboard-title","scu-text-uppercase-02":"","scu-margin-bottom-1s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(r,{"scu-fill":""},{default:Object(o["F"])((function(){return[h]})),_:1}),m]})),_:1}),Object(o["i"])(r,{class:"clipboard-copy-string",style:{"white-space":"pre-wrap"},"scu-text-bold-06":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(t.clipboardContent),1)]})),_:1})]})),_:1},8,["class"])}var v=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){var t;return Object(u["a"])(this,c),t=e.apply(this,arguments),t.show=!1,t}return Object(b["a"])(c,[{key:"handleClipboardContentChange",value:function(){var t=this;this.copyText(this.clipboardContent),this.show=!!this.clipboardContent,this.show&&(clearTimeout(this.timeout),this.timeout=setTimeout((function(){t.show=!1,setTimeout((function(){t.setClipboardContent(null)}),500)}),2e3))}},{key:"copyText",value:function(t){var e=document.createElement("textarea");e.value=t,e.setAttribute("readonly",""),e.style.position="absolute",e.style.left="-9999px",document.body.appendChild(e),e.select();try{document.execCommand("copy")}catch(c){console.error(c)}e.remove()}}]),c}(O["b"]);v=Object(d["a"])([Object(O["a"])({computed:Object(i["a"])({},Object(p["c"])(["clipboardContent"])),methods:Object(i["a"])({},Object(p["b"])(["setClipboardContent"])),watch:{clipboardContent:function(){this.handleClipboardContentChange()}}})],v);var y=v,C=(c("5856"),c("41ec")),k=c.n(C);const x=k()(y,[["render",g],["__scopeId","data-v-b2170200"]]);var w=x,_=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){var t;return Object(u["a"])(this,c),t=e.apply(this,arguments),t.loading=!0,t.focusedPage="reference",t}return Object(b["a"])(c,[{key:"mounted",value:function(){var t=this;document.addEventListener("scu-css-init",(function(){try{Promise.all([fetch("./config.json?".concat(Math.random())).then((function(t){return t.json()})).then((function(e){return t.setConfig(e),e})),fetch("./components/manifest.json?".concat(Math.random())).then((function(t){return t.json()})).then((function(e){return t.setComponents(e),e}))]).then((function(e){t.loading=!1;var c=e[0],n=document.createElement("script");n.setAttribute("type","module");var o=document.createTextNode("\n            const scw = await import('".concat(c.componentsEmbed,"');\n            scw.defineComponents();\n          "));n.appendChild(o),document.getElementsByTagName("head")[0].appendChild(n)}))}catch(e){}}))}},{key:"processNav",value:function(){var t=this.$route.path.split("/"),e=t[1];this.focusedPage=e}},{key:"handleNavChange",value:function(t){this.$router.push("/".concat(t.detail))}}]),c}(O["b"]);_=Object(d["a"])([Object(O["a"])({computed:Object(i["a"])({},Object(p["c"])(["components","config"])),methods:Object(i["a"])({},Object(p["b"])(["setComponents","setConfig"])),components:{clipboard:w},watch:{$route:function(){this.processNav()}}})],_);var A=_;const F=k()(A,[["render",r]]);var S=F,E=c("3608"),T=(c("0ffc"),{slot:"content"});function N(t,e,c,n,s,a){var r=this,i=Object(o["A"])("scu-text-sds"),u=Object(o["A"])("scu-link-sds"),b=Object(o["A"])("scu-stack-sds"),l=Object(o["A"])("scu-pane-sds"),j=Object(o["A"])("router-view"),d=Object(o["A"])("scu-app-sds");return Object(o["s"])(),Object(o["d"])(d,{"hide-header-shadow":"",style:{"--left-panel-width":"260px"}},{default:Object(o["F"])((function(){return[Object(o["i"])(l,{slot:"left-panel","scu-background-color-grey-095":""},{default:Object(o["F"])((function(){return[Object(o["i"])(b,{"scu-padding-2s":"","scu-padding-top-4s":""},{default:Object(o["F"])((function(){return[(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.categories,(function(t){return Object(o["s"])(),Object(o["d"])(b,{key:t.name,"scu-gap-0-3s":"","scu-margin-bottom-2s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(i,{"scu-text-uppercase-01":"","scu-color-grey-06":"","scu-margin-left-1s":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(t.name),1)]})),_:2},1024),(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.components,(function(t){return Object(o["s"])(),Object(o["d"])(u,{key:t.name,label:t.tagName,selected:t.name===(!!r.$route.params&&r.$route.params.id),onClick:function(e){return r.changeComponent(t)}},null,8,["label","selected","onClick"])})),128))]})),_:2},1024)})),128))]})),_:1})]})),_:1}),Object(o["g"])("div",T,[Object(o["i"])(j)])]})),_:1})}c("cbcf");var P=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){return Object(u["a"])(this,c),e.apply(this,arguments)}return Object(b["a"])(c,[{key:"mounted",value:function(){this.$route.params.id||this.$router.replace("/components/".concat(this.focusedComponent.name))}},{key:"changeComponent",value:function(t){this.setFocusedComponent(t),this.$router.push("/components/".concat(t.name))}}]),c}(O["b"]);P=Object(d["a"])([Object(O["a"])({components:{},computed:Object(i["a"])({},Object(p["c"])(["components","categories","focusedComponent"])),methods:Object(i["a"])({},Object(p["b"])(["setComponents","setFocusedComponent"]))})],P);var $=P;const I=k()($,[["render",N]]);var D=I,M=["src"];function L(t,e,c,n,s,a){return Object(o["s"])(),Object(o["f"])("iframe",{src:t.config.navigation.find((function(t){return"css"===t.id})).url,style:{width:"100%",height:"calc( 100vh - 70px )",border:"0"}},"\n  ",8,M)}var H=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){return Object(u["a"])(this,c),e.apply(this,arguments)}return c}(O["b"]);H=Object(d["a"])([Object(O["a"])({computed:Object(i["a"])({},Object(p["c"])(["config"]))})],H);var z=H;const R=k()(z,[["render",L]]);var J=R,U=["src"];function V(t,e,c,n,s,a){return Object(o["s"])(),Object(o["f"])("iframe",{src:t.config.navigation.find((function(t){return"tokens"===t.id})).url,style:{width:"100%",height:"calc( 100vh - 70px )",border:"0"}},"\n  ",8,U)}var q=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){return Object(u["a"])(this,c),e.apply(this,arguments)}return c}(O["b"]);q=Object(d["a"])([Object(O["a"])({computed:Object(i["a"])({},Object(p["c"])(["config"]))})],q);var B=q;const G=k()(B,[["render",V]]);var K=G,Q=(c("88f6"),c("932a"),Object(o["h"])(" Examples ")),W=Object(o["h"])("loading");function X(t,e,c,n,s,a){var r=Object(o["A"])("scu-text-sds"),i=Object(o["A"])("comp-code-vis"),u=Object(o["A"])("scu-stack-sds"),b=Object(o["A"])("scu-icon-sds"),l=Object(o["A"])("scu-action-sds"),j=Object(o["A"])("scu-flex-h-sds"),d=Object(o["A"])("scu-code-sds"),O=Object(o["A"])("scu-pane-sds"),p=Object(o["A"])("scu-center-sds"),f=Object(o["A"])("scu-modal-sds");return Object(o["s"])(),Object(o["f"])(o["a"],null,[t.loading?Object(o["e"])("",!0):(Object(o["s"])(),Object(o["d"])(O,{key:0,"scu-fill-container":""},{default:Object(o["F"])((function(){return[Object(o["i"])(u,{"scu-width-colvw-7":"","scu-padding-top-8s":"","scu-padding-bottom-4s":"","scu-gap-3s":"",style:{margin:"0 auto"}},{default:Object(o["F"])((function(){return[Object(o["i"])(u,{"scu-gap-0-6s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(r,{"scu-text-bold-09":"","scu-margin-bottom-1s":""},{default:Object(o["F"])((function(){return[Object(o["h"])(" <"+Object(o["C"])(t.componentInfo.tagName)+" /> ",1)]})),_:1}),Object(o["i"])(r,null,{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(t.componentInfo.description),1)]})),_:1}),Object(o["i"])(r,{"scu-text-04":"","scu-margin-bottom-1-6s":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(t.componentInfo.overview),1)]})),_:1}),Object(o["i"])(i,{comp:t.componentInfo},null,8,["comp"])]})),_:1}),Object(o["i"])(u,{"scu-gap-3s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(r,{"scu-text-semibold-06":"","scu-margin-bottom-2s":""},{default:Object(o["F"])((function(){return[Q]})),_:1}),(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.componentInfo.examples,(function(e,c){return Object(o["s"])(),Object(o["d"])(u,{key:"example_".concat(c),"scu-gap-0-6s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(j,null,{default:Object(o["F"])((function(){return[Object(o["i"])(r,{"scu-fill":"","scu-text-semibold-05":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(e.title),1)]})),_:2},1024),Object(o["i"])(l,{label:"view/pin icon",onClick:function(e){return t.pinExample(c)}},{default:Object(o["F"])((function(){return[Object(o["i"])(b,{"scu-icon-location-24":""})]})),_:2},1032,["onClick"])]})),_:2},1024),Object(o["i"])(r,{"scu-text-04":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(e.description),1)]})),_:2},1024),Object(o["i"])(d,{code:e.code.replace("<","<").replace(">",">")},null,8,["code"])]})),_:2},1024)})),128))]})),_:1})]})),_:1})]})),_:1})),t.loading?(Object(o["s"])(),Object(o["d"])(p,{key:1,"scu-fill-container":"","scu-gap-2s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(b,{"scu-icon-loading-spinner-32":"",animation:"spin"}),Object(o["i"])(r,null,{default:Object(o["F"])((function(){return[W]})),_:1})]})),_:1})):Object(o["e"])("",!0),t.exampleDetail?(Object(o["s"])(),Object(o["d"])(f,{key:2,type:"medium",show:"",style:{"--modal-container-width":"70vw"},onScuClose:e[0]||(e[0]=function(e){return t.clearExampleDetail()})},{default:Object(o["F"])((function(){return[Object(o["i"])(u,{"scu-gap-0-6s":""},{default:Object(o["F"])((function(){return[Object(o["i"])(j,null,{default:Object(o["F"])((function(){return[Object(o["i"])(r,{"scu-fill":"","scu-text-semibold-05":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(t.exampleDetail.title),1)]})),_:1})]})),_:1}),Object(o["i"])(r,{"scu-text-04":""},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(t.exampleDetail.description),1)]})),_:1}),Object(o["i"])(d,{code:t.exampleDetail.code.replace("<","<").replace(">",">")},null,8,["code"])]})),_:1})]})),_:1})):Object(o["e"])("",!0)],64)}c("862d");var Y=function(t){return Object(o["w"])("data-v-5122ebeb"),t=t(),Object(o["t"])(),t},Z={key:0,class:"entireTagHighlight"},tt=Y((function(){return Object(o["g"])("div",{class:"header"}," CSS Variables ",-1)})),et={key:0,class:"stylesHighlight"},ct=Object(o["h"])(' style=" '),nt=Y((function(){return Object(o["g"])("span",{"scu-color-accent-mortgage-08":""}," ...",-1)})),ot=Object(o["h"])(";"),st={key:0,"scu-color-grey-10":""},at={key:1,"scu-text-semibold-07":""},rt={"scu-color-grey-07":"","scu-text-04":""},it=Y((function(){return Object(o["g"])("div",{class:"header"}," Attributes ",-1)})),ut={"scu-text-04":"","scu-color-accent-credit-cards-08":""},bt={"scu-text-04":"","scu-color-accent-mortgage-08":""},lt=Object(o["h"])('"'),jt={key:0,"scu-text-semibold-07":""},dt={"scu-color-grey-07":"","scu-text-04":""},Ot=Y((function(){return Object(o["g"])("div",{class:"header"}," Events ",-1)})),pt=Y((function(){return Object(o["g"])("span",{"scu-text-04":"","scu-color-accent-credit-cards-08":""},"(event)",-1)})),ft=Y((function(){return Object(o["g"])("span",{"scu-text-04":"","scu-color-accent-mortgage-08":""}," evt => evt.detail",-1)})),ht=Object(o["h"])('"'),mt={key:0,"scu-text-semibold-07":""},gt={"scu-color-grey-07":"","scu-text-04":""},vt=Y((function(){return Object(o["g"])("div",{class:"header"}," Slots ",-1)})),yt=Object(o["h"])(Object(o["C"])('<div slot="')),Ct={"scu-text-06":"","scu-color-accent-credit-cards-08":""},kt=Object(o["h"])(Object(o["C"])('">')),xt=Y((function(){return Object(o["g"])("span",{"scu-text-06":""},[Object(o["g"])("span",{"scu-color-accent-mortgage-08":""},"..."),Object(o["h"])("</div>")],-1)})),wt={"scu-color-grey-07":"","scu-text-04":""};function _t(t,e,c,n,s,a){var r=this,i=Object(o["A"])("scu-text-sds"),u=Object(o["A"])("scu-stack-sds");return Object(o["s"])(),Object(o["d"])(u,{class:"comp-code-vis","scu-shadow":"","scu-padding-3s":"","scu-background-color-grey-02":"","scu-color-grey-10":"","scu-gap-0-6s":""},{default:Object(o["F"])((function(){return[r.entireTagHighlighted?(Object(o["s"])(),Object(o["f"])("div",Z)):Object(o["e"])("",!0),Object(o["i"])(i,{class:"copyLink","scu-text-semibold-07":"",onClick:e[0]||(e[0]=function(t){return r.copyAll()}),onMouseover:e[1]||(e[1]=function(t){return r.highlightEntireTag(!0)}),onMouseout:e[2]||(e[2]=function(t){return r.highlightEntireTag(!1)})},{default:Object(o["F"])((function(){return[Object(o["h"])(" <"+Object(o["C"])(t.comp.tagName),1)]})),_:1}),t.comp.cssProperties&&r.showStyles?(Object(o["s"])(),Object(o["d"])(u,{key:1,"scu-gap-0s":""},{default:Object(o["F"])((function(){return[tt,Object(o["i"])(u,{class:"stylesSection","scu-padding-left-3s":""},{default:Object(o["F"])((function(){return[r.stylesHighlighted?(Object(o["s"])(),Object(o["f"])("div",et)):Object(o["e"])("",!0),Object(o["i"])(i,{class:"copyLink",onClick:e[3]||(e[3]=function(t){return r.copyAllStyles()}),onMouseover:e[4]||(e[4]=function(t){return r.highlightStyles(!0)}),onMouseout:e[5]||(e[5]=function(t){return r.highlightStyles(!1)})},{default:Object(o["F"])((function(){return[ct]})),_:1}),Object(o["i"])(u,{"scu-padding-left-3s":""},{default:Object(o["F"])((function(){return[(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.comp.cssProperties,(function(e,c){return Object(o["s"])(),Object(o["d"])(i,{key:"".concat(e.name),class:"copyLink","scu-text-05":"","scu-color-accent-credit-cards-08":"",onClick:function(t){return r.copyStyle(e)}},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(e.name)+": ",1),nt,ot,c===t.comp.cssProperties.length-1?(Object(o["s"])(),Object(o["f"])("span",st,'"')):Object(o["e"])("",!0),!t.comp.cssProperties||c!==t.comp.cssProperties.length-1||t.comp.attributes||t.comp.events?Object(o["e"])("",!0):(Object(o["s"])(),Object(o["f"])("span",at,">")),Object(o["g"])("span",rt,"  // "+Object(o["C"])(e.description),1)]})),_:2},1032,["onClick"])})),128))]})),_:1})]})),_:1})]})),_:1})):Object(o["e"])("",!0),t.comp.attributes&&r.showAttrs?(Object(o["s"])(),Object(o["d"])(u,{key:2,"scu-gap-0s":""},{default:Object(o["F"])((function(){return[it,Object(o["i"])(u,{"scu-padding-left-3s":""},{default:Object(o["F"])((function(){return[(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.comp.attributes,(function(e,c){return Object(o["s"])(),Object(o["d"])(i,{key:"".concat(e.name),class:"copyLink","scu-text-06":"",onClick:function(t){return r.copyAttr(e)}},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(e.name)+'="',1),Object(o["g"])("span",ut,"("+Object(o["C"])(e.type.text)+")",1),Object(o["g"])("span",bt,"  "+Object(o["C"])(e.default),1),lt,t.comp.attributes&&c===t.comp.attributes.length-1&&!t.comp.events?(Object(o["s"])(),Object(o["f"])("span",jt,">")):Object(o["e"])("",!0),Object(o["g"])("span",dt,"  // "+Object(o["C"])(e.description),1)]})),_:2},1032,["onClick"])})),128))]})),_:1})]})),_:1})):Object(o["e"])("",!0),t.comp.events&&t.showEvents?(Object(o["s"])(),Object(o["d"])(u,{key:3,"scu-gap-0-6s":""},{default:Object(o["F"])((function(){return[Ot,Object(o["i"])(u,{"scu-padding-left-3s":""},{default:Object(o["F"])((function(){return[(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.comp.events,(function(e,c){return Object(o["s"])(),Object(o["d"])(i,{key:"".concat(e.name),class:"copyLink","scu-text-06":"",onClick:function(t){return r.copyEvent(e)}},{default:Object(o["F"])((function(){return[Object(o["h"])(Object(o["C"])(e.name)+'="',1),pt,ft,ht,t.comp.events&&c===t.comp.events.length-1?(Object(o["s"])(),Object(o["f"])("span",mt,">")):Object(o["e"])("",!0),Object(o["g"])("span",gt,"  // "+Object(o["C"])(e.description),1)]})),_:2},1032,["onClick"])})),128))]})),_:1})]})),_:1})):Object(o["e"])("",!0),t.comp.slots&&t.showSlots?(Object(o["s"])(),Object(o["d"])(u,{key:4,"scu-gap-0-6s":""},{default:Object(o["F"])((function(){return[vt,Object(o["i"])(u,{"scu-padding-left-3s":""},{default:Object(o["F"])((function(){return[(Object(o["s"])(!0),Object(o["f"])(o["a"],null,Object(o["z"])(t.comp.slots,(function(t){return Object(o["s"])(),Object(o["d"])(i,{key:"".concat(t.name),class:"copyLink","scu-text-06":"",onClick:function(e){return r.copySlot(t)}},{default:Object(o["F"])((function(){return[yt,Object(o["g"])("span",Ct,Object(o["C"])(t.name),1),kt,xt,Object(o["g"])("span",wt,"  // "+Object(o["C"])(t.description),1)]})),_:2},1032,["onClick"])})),128))]})),_:1})]})),_:1})):Object(o["e"])("",!0),Object(o["i"])(i,{class:"copyLink","scu-text-semibold-07":"",onClick:e[6]||(e[6]=function(t){return r.copyTag()})},{default:Object(o["F"])((function(){return[Object(o["h"])(" </"+Object(o["C"])(t.comp.tagName)+"> ",1)]})),_:1})]})),_:1})}c("f1c6"),c("966c");var At=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){var t;return Object(u["a"])(this,c),t=e.apply(this,arguments),t.hasAttributes=!1,t.showStyles=!0,t.showAttrs=!0,t.showEvents=!0,t.showSlots=!0,t.stylesHighlighted=!1,t.entireTagHighlighted=!1,t}return Object(b["a"])(c,[{key:"mounted",value:function(){this.hasAttributes=this.comp.attributes&&this.comp.attributes.length>0}},{key:"copyAll",value:function(){this.setClipboardContent("<".concat(this.comp.tagName).concat(this.comp.cssProperties&&this.showStyles?'\n  style="'.concat(this.comp.cssProperties.map((function(t){return"\n    ".concat(t.name,": ;")})).join(""),'"'):"").concat(this.comp.attributes&&this.showAttrs?this.comp.attributes.map((function(t){return"\n  ".concat(t.name,'=""')})).join(""):"").concat(this.comp.events&&this.showEvents?this.comp.events.map((function(t){return"\n  ".concat(t.name,'=""')})).join(""):"",">").concat(this.comp.slots&&this.showSlots?this.comp.slots.map((function(t){return'\n  <div slot="'.concat(t.name,'"></div>')})).join(""):"","\n</").concat(this.comp.tagName,">\n"))}},{key:"copyTag",value:function(){this.setClipboardContent("<".concat(this.comp.tagName,"></").concat(this.comp.tagName,">\n"))}},{key:"copyAttr",value:function(t){this.setClipboardContent("".concat(t.name,'=""'))}},{key:"copySlot",value:function(t){this.setClipboardContent('<div slot="'.concat(t.name,'"></div>'))}},{key:"copyAllStyles",value:function(){this.setClipboardContent('style="\n\t'.concat(this.comp.cssProperties.map((function(t){return"".concat(t.name,": ;")})).join("\n\t"),'"'))}},{key:"copyStyle",value:function(t){this.setClipboardContent("".concat(t.name,": ;"))}},{key:"copyEvent",value:function(t){this.setClipboardContent("".concat(t.name,'=""'))}},{key:"toggleStyles",value:function(){this.showStyles=!this.showStyles}},{key:"toggleAttrs",value:function(){this.showAttrs=!this.showAttrs}},{key:"toggleEvents",value:function(){this.showEvents=!this.showEvents}},{key:"toggleSlots",value:function(){this.showSlots=!this.showSlots}},{key:"highlightStyles",value:function(t){this.stylesHighlighted=t}},{key:"highlightEntireTag",value:function(t){this.entireTagHighlighted=t}},{key:"toggleAll",value:function(){this.showStyles=!0,this.showAttrs=!0,this.showEvents=!0,this.showSlots=!0}},{key:"toggleNone",value:function(){this.showStyles=!1,this.showAttrs=!1,this.showEvents=!1,this.showSlots=!1}}]),c}(O["b"]);At=Object(d["a"])([Object(O["a"])({props:{comp:Object},computed:Object(i["a"])({},Object(p["c"])(["clipboardContent"])),methods:Object(i["a"])({},Object(p["b"])(["setClipboardContent"]))})],At);var Ft=At;c("fc8b");const St=k()(Ft,[["render",_t],["__scopeId","data-v-5122ebeb"]]);var Et=St,Tt=function(t){Object(l["a"])(c,t);var e=Object(j["a"])(c);function c(){var t;return Object(u["a"])(this,c),t=e.apply(this,arguments),t.loading=!0,t.exampleDetail=!1,t}return Object(b["a"])(c,[{key:"mounted",value:function(){this.loadAndRenderComp()}},{key:"loadAndRenderComp",value:function(){var t=Object(n["a"])(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(this.$route.params.id){t.next=2;break}return t.abrupt("return");case 2:if(this.componentId===this.$route.params.id){t.next=9;break}return this.loading=!0,this.componentId=this.$route.params.id,t.next=7,fetch("./components/".concat(this.$route.params.id,".json?").concat(Math.random())).then((function(t){return t.json()}));case 7:this.componentInfo=t.sent,this.loading=!1;case 9:e=parseInt(this.$route.params.example),this.componentInfo&&this.componentInfo.examples?this.exampleDetail=!!this.componentInfo&&(!!this.componentInfo.examples[e]&&this.componentInfo.examples[e]):this.exampleDetail=!1;case 11:case"end":return t.stop()}}),t,this)})));function e(){return t.apply(this,arguments)}return e}()},{key:"pinExample",value:function(t){this.$router.push("/components/".concat(this.$route.params.id,"/").concat(t))}},{key:"clearExampleDetail",value:function(){this.$router.push("/components/".concat(this.$route.params.id))}}]),c}(O["b"]);Tt=Object(d["a"])([Object(O["a"])({computed:Object(i["a"])({},Object(p["c"])(["config"])),components:{"comp-code-vis":Et},watch:{$route:function(){this.loadAndRenderComp()}}})],Tt);var Nt=Tt;const Pt=k()(Nt,[["render",X]]);var $t=Pt,It=Object(o["g"])("h1",null,"This is reference page",-1),Dt=[It];function Mt(t,e){return Object(o["s"])(),Object(o["f"])("div",null,Dt)}const Lt={},Ht=k()(Lt,[["render",Mt]]);var zt=Ht,Rt=[{path:"/components",name:"Components",component:D},{path:"/components/:id",component:D,children:[{path:"",component:$t}]},{path:"/components/:id/:example",component:D,children:[{path:"",component:$t}]},{path:"/:catchAll(.*)",redirect:"/reference"},{path:"/reference",name:"reference",component:zt},{path:"/css",name:"CSS",component:J},{path:"/tokens",name:"Tokens",component:K},{path:"/about",name:"About",component:function(){return c.e("about").then(c.bind(null,"f820"))}}],Jt=Object(E["a"])({history:Object(E["b"])(),routes:Rt}),Ut=Jt,Vt=Object(p["a"])({state:function(){return{components:null,categories:null,focusedComponent:null,config:null,clipboardContent:null}},mutations:{setComponents:function(t,e){var c=[],n={};e.map((function(t){if(!n[t.category]){var e={name:t.category,components:[]};c.push(e),n[t.category]=e}var o=n[t.category];o.components.push(t)})),t.categories=c;var o=c.length>0?c[0]:null;o&&(t.focusedComponent=o.components.length>0?o.components[0]:null),t.components=e},setConfig:function(t,e){t.config=e},setClipboardContent:function(t,e){t.clipboardContent=e},setFocusedComponent:function(t,e){t.focusedComponent=e}},actions:{},modules:{}}),qt=c("614d"),Bt=c("2863"),Gt=c("7b99"),Kt=c("b93b"),Qt=c("cf66"),Wt=c("f7c1"),Xt=c("695a"),Yt=c("bbe6"),Zt=c("7715"),te=c("32d4"),ee=c("34d3"),ce=c("ab98"),ne=c("3b43"),oe=c("d053"),se=c("4b82"),ae=c("9392"),re=c("2f80"),ie=c("b9bd"),ue=c("a2d1"),be=c("f1f8"),le=c("a3c5"),je=c("0d73"),de=c("adbc"),Oe=c("1bfc"),pe=c("e48e"),fe=c("4783"),he=c("f0b6"),me=c("ca85"),ge=c("4d39"),ve=c("93f3"),ye=c("0414"),Ce=c("f673"),ke=c("5a8b"),xe=c("e737"),we=c("c20d"),_e=c("1c8f"),Ae=c("b17f"),Fe=c("450d"),Se=c("5c1b"),Ee=c("59fa"),Te=c("34d34"),Ne=c("fed2"),Pe=c("8038"),$e=c("81e7"),Ie=c("cbcc"),De=c("42d1"),Me=c("c32e"),Le=c("36a6"),He="sds";Object(qt["a"])(He),Object(Bt["a"])(He),Object(Gt["a"])(He),Object(Kt["a"])(He),Object(Qt["a"])(He),Object(Wt["a"])(He),Object(Xt["a"])(He),Object(Yt["a"])(He),Object(Zt["a"])(He),Object(te["a"])(He),Object(ee["a"])(He),Object(ce["a"])(He),Object(ne["a"])(He),Object(oe["a"])(He),Object(se["a"])(He),Object(ae["a"])(He),Object(re["a"])(He),Object(ie["a"])(He),Object(ue["a"])(He),Object(be["a"])(He),Object(le["a"])(He),Object(je["a"])(He),Object(de["a"])(He),Object(Oe["a"])(He),Object(pe["a"])(He),Object(fe["a"])(He),Object(he["a"])(He),Object(me["a"])(He),Object(ge["a"])(He),Object(ve["a"])(He),Object(ye["a"])(He),Object(Ce["a"])(He),Object(ke["a"])(He),Object(xe["a"])(He),Object(we["a"])(He),Object(_e["a"])(He),Object(Ae["a"])(He),Object(Fe["a"])(He),Object(Se["a"])(He),Object(Ee["a"])(He),Object(Te["a"])(He),Object(Ne["a"])(He),Object(Pe["a"])(He),Object($e["a"])(He),Object(Ie["a"])(He),Object(De["a"])(He),Object(Me["a"])(He),Object(Le["a"])(He),Object(n["a"])(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:e=Object(o["c"])(S),e.use(Vt).use(Ut).mount("#app");case 2:case"end":return t.stop()}}),t)})))()},fc8b:function(t,e,c){"use strict";c("2d89")}});
+//# sourceMappingURL=app.5832e312.js.map