scu-web-components 0.0.35 → 0.0.36

package/dist/docs/components/ScwAlert.json

@@ -382,6 +382,11 @@
       "title": "Link",
       "description": "",
       "code": "\n        <scw-alert\n          aria-label=\"Message\"\n          description=\"Description\"\n          href=\"https://www.summitcreditunion.com\"\n          target=\"_new\">\n        </scw-alert>"
+    },
+    {
+      "title": "Other",
+      "description": "",
+      "code": "\n        <scw-alert\n          aria-label=\"Message\"\n          description=\"Description\"\n          href=\"https://www.summitcreditunion.com\"\n          target=\"_new\">\n        </scw-alert>"
     }
   ]
 }

package/dist/docs/components/ScwImage.json

@@ -93,9 +93,6 @@
     {
       "kind": "field",
       "name": "resizeBreakpoints",
-      "type": {
-        "text": "string"
-      },
       "default": "`${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`",
       "description": "(ScwImage) establishes when (via the name of the breakpoint)\nthe image figures out it's sizing for srcset",
       "attribute": "resize-breakpoints"
@@ -520,9 +517,6 @@
     },
     {
       "name": "resize-breakpoints",
-      "type": {
-        "text": "string"
-      },
       "default": "`${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`",
       "description": "(ScwImage) establishes when (via the name of the breakpoint)\nthe image figures out it's sizing for srcset",
       "fieldName": "resizeBreakpoints"

package/dist/docs/components/manifest.json

@@ -1,4 +1,22 @@
 [
+  {
+    "name": "ScwAlert",
+    "fileName": "ScwAlert.json",
+    "tagName": "scw-alert",
+    "category": "interactive"
+  },
+  {
+    "name": "ScwCenterComponent",
+    "fileName": "ScwCenterComponent.json",
+    "tagName": "scw-center-component",
+    "category": "layouts"
+  },
+  {
+    "name": "ScwComponent",
+    "fileName": "ScwComponent.json",
+    "tagName": "scw-component",
+    "category": "base"
+  },
   {
     "name": "ScwButton",
     "fileName": "ScwButton.json",
@@ -18,15 +36,9 @@
     "category": "layouts"
   },
   {
-    "name": "ScwAlert",
-    "fileName": "ScwAlert.json",
-    "tagName": "scw-alert",
-    "category": "interactive"
-  },
-  {
-    "name": "ScwCenterComponent",
-    "fileName": "ScwCenterComponent.json",
-    "tagName": "scw-center-component",
+    "name": "ScwFlexHComponent",
+    "fileName": "ScwFlexHComponent.json",
+    "tagName": "scw-flex-h-component",
     "category": "layouts"
   },
   {
@@ -36,21 +48,15 @@
     "category": "layouts"
   },
   {
-    "name": "ScwFloatComponent",
-    "fileName": "ScwFloatComponent.json",
-    "tagName": "scw-float-component",
-    "category": "layouts"
-  },
-  {
-    "name": "ScwComponent",
-    "fileName": "ScwComponent.json",
-    "tagName": "scw-component",
+    "name": "ScwFormComponent",
+    "fileName": "ScwFormComponent.json",
+    "tagName": "scw-form-component",
     "category": "base"
   },
   {
-    "name": "ScwFlexHComponent",
-    "fileName": "ScwFlexHComponent.json",
-    "tagName": "scw-flex-h-component",
+    "name": "ScwFloatComponent",
+    "fileName": "ScwFloatComponent.json",
+    "tagName": "scw-float-component",
     "category": "layouts"
   },
   {
@@ -59,18 +65,6 @@
     "tagName": "scw-form",
     "category": "form"
   },
-  {
-    "name": "ScwFormComponent",
-    "fileName": "ScwFormComponent.json",
-    "tagName": "scw-form-component",
-    "category": "base"
-  },
-  {
-    "name": "ScwInputField",
-    "fileName": "ScwInputField.json",
-    "tagName": "scw-input-field",
-    "category": "form"
-  },
   {
     "name": "ScwImage",
     "fileName": "ScwImage.json",
@@ -84,10 +78,10 @@
     "category": "form"
   },
   {
-    "name": "ScwLayoutComponent",
-    "fileName": "ScwLayoutComponent.json",
-    "tagName": "scw-layout-component",
-    "category": "layouts"
+    "name": "ScwInputField",
+    "fileName": "ScwInputField.json",
+    "tagName": "scw-input-field",
+    "category": "form"
   },
   {
     "name": "ScwInputLayout",
@@ -95,24 +89,30 @@
     "tagName": "scw-input-layout",
     "category": "form"
   },
+  {
+    "name": "ScwLayoutComponent",
+    "fileName": "ScwLayoutComponent.json",
+    "tagName": "scw-layout-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwLinkBase",
     "fileName": "ScwLinkBase.json",
     "tagName": "scw-link-base",
     "category": "interactive"
   },
-  {
-    "name": "ScwPageAlert",
-    "fileName": "ScwPageAlert.json",
-    "tagName": "scw-page-alert",
-    "category": "interactive"
-  },
   {
     "name": "ScwMenu",
     "fileName": "ScwMenu.json",
     "tagName": "scw-menu",
     "category": "interactive"
   },
+  {
+    "name": "ScwPageAlert",
+    "fileName": "ScwPageAlert.json",
+    "tagName": "scw-page-alert",
+    "category": "interactive"
+  },
   {
     "name": "ScwPaneComponent",
     "fileName": "ScwPaneComponent.json",
@@ -132,16 +132,10 @@
     "category": "form"
   },
   {
-    "name": "ScwStackComponent",
-    "fileName": "ScwStackComponent.json",
-    "tagName": "scw-stack-component",
-    "category": "layouts"
-  },
-  {
-    "name": "ScwTest",
-    "fileName": "ScwTest.json",
-    "tagName": "scw-test",
-    "category": "interactive"
+    "name": "ScwSingleInput",
+    "fileName": "ScwSingleInput.json",
+    "tagName": "scw-single-input",
+    "category": "form"
   },
   {
     "name": "ScwSingleInputLayout",
@@ -150,10 +144,10 @@
     "category": "form"
   },
   {
-    "name": "ScwSingleInput",
-    "fileName": "ScwSingleInput.json",
-    "tagName": "scw-single-input",
-    "category": "form"
+    "name": "ScwTest",
+    "fileName": "ScwTest.json",
+    "tagName": "scw-test",
+    "category": "interactive"
   },
   {
     "name": "ScwTextarea",
@@ -162,10 +156,10 @@
     "category": "form"
   },
   {
-    "name": "ScwValidation",
-    "fileName": "ScwValidation.json",
-    "tagName": "scw-validation",
-    "category": "form"
+    "name": "ScwStackComponent",
+    "fileName": "ScwStackComponent.json",
+    "tagName": "scw-stack-component",
+    "category": "layouts"
   },
   {
     "name": "ScwValidate",
@@ -173,6 +167,12 @@
     "tagName": "scw-validate",
     "category": "form"
   },
+  {
+    "name": "ScwValidation",
+    "fileName": "ScwValidation.json",
+    "tagName": "scw-validation",
+    "category": "form"
+  },
   {
     "name": "ScwHeading",
     "fileName": "ScwHeading.json",

package/dist/docs/config.json

@@ -1,6 +1,6 @@
 {
   "title": "Summit Credit Union Web Design System (SCW)",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "navigation": [
     {
       "id": "tokens",

package/dist/docs/css/app.82b51b70.css

@@ -0,0 +1 @@
+.clipboard[data-v-3d3cb8b4]{position:fixed;bottom:0;left:0;z-index:200;border-radius:0 var(--scw-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-3d3cb8b4]{visibility:visible;opacity:1}.clipboard.copied[data-v-3d3cb8b4]{background-color:var(--color-accent-credit-cards-05)}.clipboard .copy-feedback[data-v-3d3cb8b4]{-webkit-animation:pulse-3d3cb8b4 1.5s infinite;animation:pulse-3d3cb8b4 1.5s infinite;display:none}.clipboard.copied .copy-feedback[data-v-3d3cb8b4]{display:block}@-webkit-keyframes pulse-3d3cb8b4{0%{opacity:.5}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:.5}}@keyframes pulse-3d3cb8b4{0%{opacity:.5}25%{opacity:1}50%{opacity:.5}75%{opacity:1}to{opacity:.5}}.clipboard .clipboard-highlight[data-v-3d3cb8b4]{color:var(--color-accent-credit-cards-07)}.comp-code-vis{border-radius:var(--scw-spacing-1);min-height:130px;position:relative;overflow:hidden}.header{border-bottom:1px solid #666;padding-top:2px;padding-bottom:2px;font:var(--type-text-uppercase-0-font);color:var(--color-grey-08);margin-left:var(--scw-spacing-4);width:calc(100% - var(--scw-spacing-4))!important;z-index:2;display:none}.copyLink{cursor:pointer;border-radius:4px;padding:2px var(--scw-spacing-1);position:relative}.copyLink:hover{background-color:var(--color-grey-00)}.copyLink:focus-visible{outline:none}.copyLink .inheritedName{color:var(--color-accent-savings-07);font:var(--type-text-04-font)}.copyLink .type{color:var(--color-accent-credit-cards-08);font:var(--type-text-04-font)}.hideIcon{position:absolute;right:4px;top:2px}.entireTagHighlight{background-color:var(--color-grey-00);position:absolute!important;top:var(--scw-spacing-2);right:var(--scw-spacing-2);left:var(--scw-spacing-2);bottom:var(--scw-spacing-1);width:auto!important;border-radius:4px}.stylesSection{position:relative}.stylesHighlight{background-color:var(--color-grey-00);position:absolute!important;top:0;right:0;left:var(--scw-spacing-3);bottom:0;width:auto!important;border-radius:4px}.hint,.menu{position:absolute!important;top:10px;right:10px;width:auto!important}.slot{white-space:pre}.detail{position:absolute!important;top:0;height:100%;right:-45%;width:45%!important;padding:var(--scw-spacing-2) var(--scw-spacing-2-6);background-color:var(--color-primary-04);color:var(--color-grey-10);box-sizing:border-box!important}.detail.show{right:0}.detailLabel{color:var(--color-accent-credit-cards-05);font:var(--type-text-uppercase-03-font)}

package/dist/docs/documents/Installation.html

@@ -8,7 +8,7 @@
 
 <style>
   .referencePage {
-    margin: var( --spacing-9 ) var( --col-1-6 );
+    margin: var( --scw-spacing-9 ) var( --col-1-6 );
   }
 
   .referencePage a {

package/dist/docs/documents/Intro.html

@@ -35,7 +35,7 @@ or formatting instructions.</p>
 
 <style>
   .referencePage {
-    margin: var( --spacing-9 ) var( --col-1-6 );
+    margin: var( --scw-spacing-9 ) var( --col-1-6 );
   }
 
   .referencePage a {

package/dist/docs/index.html

@@ -1 +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.890cef38.js" rel="prefetch"><link href="js/chunk-2d224ae2.03a9ea49.js" rel="prefetch"><link href="js/chunk-2d22c823.e5abc1b9.js" rel="prefetch"><link href="js/chunk-2d230e16.28a82488.js" rel="prefetch"><link href="css/app.ba906e7f.css" rel="preload" as="style"><link href="js/app.a440f5ed.js" rel="preload" as="script"><link href="js/chunk-vendors.300506bf.js" rel="preload" as="script"><link href="css/app.ba906e7f.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.300506bf.js"></script><script src="js/app.a440f5ed.js"></script></body></html>
+<!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.690bcd4d.js" rel="prefetch"><link href="js/chunk-2d2080c7.2d81d3f6.js" rel="prefetch"><link href="js/chunk-2d222769.3af7d18c.js" rel="prefetch"><link href="js/chunk-2d224ae2.82b21f55.js" rel="prefetch"><link href="js/chunk-2d22c823.a09e9843.js" rel="prefetch"><link href="js/chunk-2d230e16.ec745b24.js" rel="prefetch"><link href="css/app.82b51b70.css" rel="preload" as="style"><link href="js/app.9d6da48a.js" rel="preload" as="script"><link href="js/chunk-vendors.5a7d6da7.js" rel="preload" as="script"><link href="css/app.82b51b70.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.5a7d6da7.js"></script><script src="js/app.9d6da48a.js"></script></body></html>

package/dist/docs/js/about.690bcd4d.js

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

package/dist/docs/js/about.690bcd4d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/views/About.vue","webpack:///./src/views/About.vue?c45a"],"names":["class","_createElementVNode","_hoisted_2","_createElementBlock","_hoisted_3","script","__exports__","render"],"mappings":"uIACOA,MAAM,S,EACTC,eAA8B,UAA1B,yBAAqB,G,GAAzBC,G,wCADFC,eAEM,MAFN,EAEMC,G,yBCFR,MAAMC,EAAS,GAGTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,KAErD","file":"js/about.690bcd4d.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-web-components-core/scu-web-components-core/documentation/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.9d6da48a.js

@@ -0,0 +1,2 @@
+(function(e){function t(t){for(var c,i,a=t[0],r=t[1],l=t[2],u=0,b=[];u<a.length;u++)i=a[u],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&b.push(o[i][0]),o[i]=0;for(c in r)Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c]);d&&d(t);while(b.length)b.shift()();return n.push.apply(n,l||[]),s()}function s(){for(var e,t=0;t<n.length;t++){for(var s=n[t],c=!0,i=1;i<s.length;i++){var r=s[i];0!==o[r]&&(c=!1)}c&&(n.splice(t--,1),e=a(a.s=s[0]))}return e}var c={},o={app:0},n=[];function i(e){return a.p+"js/"+({about:"about"}[e]||e)+"."+{about:"690bcd4d","chunk-2d2080c7":"2d81d3f6","chunk-2d222769":"3af7d18c","chunk-2d22c823":"a09e9843","chunk-2d224ae2":"82b21f55","chunk-2d230e16":"ec745b24"}[e]+".js"}function a(t){if(c[t])return c[t].exports;var s=c[t]={i:t,l:!1,exports:{}};return e[t].call(s.exports,s,s.exports,a),s.l=!0,s.exports}a.e=function(e){var t=[],s=o[e];if(0!==s)if(s)t.push(s[2]);else{var c=new Promise((function(t,c){s=o[e]=[t,c]}));t.push(s[2]=c);var n,r=document.createElement("script");r.charset="utf-8",r.timeout=120,a.nc&&r.setAttribute("nonce",a.nc),r.src=i(e);var l=new Error;n=function(t){r.onerror=r.onload=null,clearTimeout(u);var s=o[e];if(0!==s){if(s){var c=t&&("load"===t.type?"missing":t.type),n=t&&t.target&&t.target.src;l.message="Loading chunk "+e+" failed.\n("+c+": "+n+")",l.name="ChunkLoadError",l.type=c,l.request=n,s[1](l)}o[e]=void 0}};var u=setTimeout((function(){n({type:"timeout",target:r})}),12e4);r.onerror=r.onload=n,document.head.appendChild(r)}return Promise.all(t)},a.m=e,a.c=c,a.d=function(e,t,s){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(a.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)a.d(s,c,function(t){return e[t]}.bind(null,c));return s},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="",a.oe=function(e){throw console.error(e),e};var r=window["webpackJsonp"]=window["webpackJsonp"]||[],l=r.push.bind(r);r.push=t,r=r.slice();for(var u=0;u<r.length;u++)t(r[u]);var d=l;n.push([0,"chunk-vendors"]),s()})({0:function(e,t,s){e.exports=s("cd49")},"1b69":function(e,t,s){"use strict";s("ea1c")},4045:function(e,t,s){},"836d":function(e,t,s){"use strict";s("4045")},bc66:function(e,t){function s(e){return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}))}s.keys=function(){return[]},s.resolve=s,e.exports=s,s.id="bc66"},cd49:function(e,t,s){"use strict";s.r(t);var c=s("7a23");const o={slot:"content"},n=Object(c["h"])("loading");function i(e,t,s,i,a,r){const l=Object(c["A"])("scu-nav-h-item-sds"),u=Object(c["A"])("scu-nav-sds"),d=Object(c["A"])("scu-fill-sds"),b=Object(c["A"])("scu-text-sds"),p=Object(c["A"])("scu-flex-h-sds"),h=Object(c["A"])("router-view"),j=Object(c["A"])("scu-app-sds"),O=Object(c["A"])("scu-icon-sds"),m=Object(c["A"])("scu-center-sds"),g=Object(c["A"])("clipboard");return Object(c["s"])(),Object(c["f"])(c["a"],null,[e.loading?Object(c["e"])("",!0):(Object(c["s"])(),Object(c["d"])(j,{key:0,style:{"--header-height":"60px"}},{default:Object(c["F"])(()=>[Object(c["i"])(p,{slot:"header","scu-background-color-primary-05":"","scu-alignment-stretch":"","scu-padding-width-2s":""},{default:Object(c["F"])(()=>[Object(c["i"])(u,{id:"mainNav","scu-theme-dark":"true",class:"scu-flex-h scu-alignment-stretch",value:e.focusedPage,onScuValueChange:t[0]||(t[0]=t=>e.handleNavChange(t))},{default:Object(c["F"])(()=>[Object(c["i"])(l,{class:"mainNav-item","nav-id":"reference",label:"Design System","scu-theme-dark":"true",dark:""}),Object(c["i"])(l,{class:"mainNav-item","nav-id":"tokens",label:e.config.navigation.find(e=>"tokens"===e.id).title,"scu-theme-dark":"true",dark:""},null,8,["label"]),Object(c["i"])(l,{class:"mainNav-item","nav-id":"css",label:e.config.navigation.find(e=>"css"===e.id).title,"scu-theme-dark":"true",dark:""},null,8,["label"]),Object(c["i"])(l,{class:"mainNav-item","nav-id":"components",label:"Components","scu-theme-dark":"true",dark:""})]),_:1},8,["value"]),Object(c["i"])(d),Object(c["i"])(p,{"scu-alignment-baseline":"","scu-color-grey-10":"","scu-gap-1s":"",style:{"align-self":"center"}},{default:Object(c["F"])(()=>[Object(c["i"])(b,{"scu-text-02":""},{default:Object(c["F"])(()=>[Object(c["h"])(Object(c["C"])(e.config.version),1)]),_:1}),Object(c["i"])(b,{"scu-text-06":""},{default:Object(c["F"])(()=>[Object(c["h"])(Object(c["C"])(e.config.title),1)]),_:1})]),_:1})]),_:1}),Object(c["g"])("div",o,[Object(c["i"])(h)])]),_:1})),e.loading?(Object(c["s"])(),Object(c["d"])(m,{key:1,"scu-fill-container":"","scu-gap-2s":""},{default:Object(c["F"])(()=>[Object(c["i"])(O,{"scu-icon-loading-spinner-32":"",animation:"spin"}),Object(c["i"])(b,null,{default:Object(c["F"])(()=>[n]),_:1})]),_:1})):Object(c["e"])("",!0),Object(c["i"])(g)],64)}var a=s("ade3"),r=(s("14d9"),s("9ab4")),l=s("ce1f"),u=s("5502");const d=e=>(Object(c["w"])("data-v-3d3cb8b4"),e=e(),Object(c["t"])(),e),b=Object(c["h"])(" clipboard "),p=d(()=>Object(c["g"])("span",{class:"copy-feedback","scu-text-bold-02":""}," (copied) ",-1));function h(e,t,s,o,n,i){const a=Object(c["A"])("scu-text-sds"),r=Object(c["A"])("scu-flex-h-sds"),l=Object(c["A"])("scu-stack-sds");return Object(c["s"])(),Object(c["d"])(l,{class:Object(c["o"])("clipboard "+(e.show?"show copied":"")),"scu-color-grey-10":"","scu-padding-3s":"","scu-padding-right-5s":""},{default:Object(c["F"])(()=>[Object(c["i"])(r,{class:"clipboard-title","scu-text-uppercase-02":"","scu-margin-bottom-1s":""},{default:Object(c["F"])(()=>[Object(c["i"])(a,{"scu-fill":""},{default:Object(c["F"])(()=>[b]),_:1}),p]),_:1}),Object(c["i"])(a,{class:"clipboard-copy-string",style:{"white-space":"pre-wrap"},"scu-text-bold-06":""},{default:Object(c["F"])(()=>[Object(c["h"])(Object(c["C"])(e.clipboardContent),1)]),_:1})]),_:1},8,["class"])}let j=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"show",!1),Object(a["a"])(this,"timeout",void 0),Object(a["a"])(this,"clipboardContent",void 0),Object(a["a"])(this,"setClipboardContent",void 0)}handleClipboardContentChange(){this.copyText(this.clipboardContent),this.show=!!this.clipboardContent,this.show&&(clearTimeout(this.timeout),this.timeout=setTimeout(()=>{this.show=!1,setTimeout(()=>{this.setClipboardContent(null)},500)},2e3))}copyText(e){const t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch(s){console.error(s)}t.remove()}};j=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["clipboardContent"])},methods:{...Object(u["b"])(["setClipboardContent"])},watch:{clipboardContent(){this.handleClipboardContentChange()}}})],j);var O=j,m=(s("1b69"),s("6b0d")),g=s.n(m);const f=g()(O,[["render",h],["__scopeId","data-v-3d3cb8b4"]]);var v=f;let y=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"loading",!0),Object(a["a"])(this,"components",void 0),Object(a["a"])(this,"config",void 0),Object(a["a"])(this,"focusedPage","reference"),Object(a["a"])(this,"setComponents",void 0),Object(a["a"])(this,"setConfig",void 0)}mounted(){document.addEventListener("scu-css-init",()=>{try{Promise.all([fetch("./config.json?"+Math.random()).then(e=>e.json()).then(e=>(this.setConfig(e),e)),fetch("./components/manifest.json?"+Math.random()).then(e=>e.json()).then(e=>(this.setComponents(e),e))]).then(e=>{this.loading=!1;const t=e[0],s=document.createElement("script");s.setAttribute("type","module");var c=document.createTextNode(t.moduleEmbed);if(s.appendChild(c),document.getElementsByTagName("head")[0].appendChild(s),t.cssLink){const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("href",t.cssLink),document.getElementsByTagName("head")[0].appendChild(e)}})}catch(e){}})}processNav(){const e=this.$route.path.split("/"),t=e[1];this.focusedPage=t}handleNavChange(e){this.$router.push("/"+e.detail)}};y=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["components","config"])},methods:{...Object(u["b"])(["setComponents","setConfig"])},components:{clipboard:v},watch:{$route(){this.processNav()}}})],y);var k=y;const C=g()(k,[["render",i]]);var x=C,w=s("6605");const D={"hide-header-shadow":"",style:{"--left-panel-width":"260px"}},S={slot:"left-panel","scu-background-color-grey-095":""},A={"scu-padding-2s":"","scu-padding-top-4s":""},P={"scu-text-uppercase-01":"","scu-color-grey-06":"","scu-padding-left-1-6s":""},$=["label","selected","onClick"],E={slot:"content"};function F(e,t,s,o,n,i){const a=Object(c["A"])("router-view");return Object(c["s"])(),Object(c["f"])("scu-app-sds",D,[Object(c["g"])("scu-pane-sds",S,[Object(c["g"])("scu-stack-sds",A,[(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.categories,e=>(Object(c["s"])(),Object(c["f"])("scu-stack-sds",{key:e.name,"scu-gap-0-3s":"","scu-margin-bottom-2s":""},[Object(c["g"])("scu-text-sds",P,Object(c["C"])(e.name),1),(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.components,e=>(Object(c["s"])(),Object(c["f"])("scu-link-sds",{key:e.name,label:e.tagName,selected:e.name===(!!this.$route.params&&this.$route.params.id),onClick:t=>this.changeComponent(e)},null,8,$))),128))]))),128))])]),Object(c["g"])("div",E,[Object(c["i"])(a)])])}let T=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"components",void 0),Object(a["a"])(this,"categories",void 0),Object(a["a"])(this,"focusedComponent",void 0),Object(a["a"])(this,"setFocusedComponent",void 0)}mounted(){this.$route.params.id||this.$router.replace("/components/"+this.focusedComponent.name)}changeComponent(e){this.setFocusedComponent(e),this.$router.push("/components/"+e.name)}};T=Object(r["a"])([Object(l["a"])({components:{},computed:{...Object(u["c"])(["components","categories","focusedComponent"])},methods:{...Object(u["b"])(["setComponents","setFocusedComponent"])}})],T);var N=T;const M=g()(N,[["render",F]]);var _=M;const I=["src"];function H(e,t,s,o,n,i){return Object(c["s"])(),Object(c["f"])("iframe",{src:e.config.navigation.find(e=>"css"===e.id).url,style:{width:"100%",height:"calc( 100vh - 60px )",border:"0"}},"\n  ",8,I)}let R=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"config",void 0)}};R=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config"])}})],R);var L=R;const z=g()(L,[["render",H]]);var B=z;const K=["src"];function V(e,t,s,o,n,i){return Object(c["s"])(),Object(c["f"])("iframe",{src:e.config.navigation.find(e=>"tokens"===e.id).url,style:{width:"100%",height:"calc( 100vh - 60px )",border:"0"}},"\n  ",8,K)}let J=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"config",void 0)}};J=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config"])}})],J);var U=J;const q=g()(U,[["render",V]]);var G=q;const Q={key:0,"scu-alignment-stretch":"","scu-fill-container":""},W={"scu-fill":""},X={"scu-padding-top-8s":"","scu-padding-bottom-4s":"","scu-gap-3s":"",style:{margin:"0 auto"}},Y=Object(c["g"])("scu-responsive-sds",{scope:"window","scu-width-colvw-7-1250-down":"","scu-width-colvw-6-1251-up":""},null,-1),Z={"scu-gap-0-6s":""},ee={"scu-margin-bottom-1-6s":"","scu-padding-bottom-1s":"","scu-border-bottom-grey-09":"","scu-alignment-baseline":""},te={"scu-text-bold-10":"","scu-fill":""},se={"scu-text-04":"","scu-color-grey-04":""},ce={"scu-text-04":"","scu-margin-bottom-1-6s":""},oe={"scu-gap-3s":""},ne=Object(c["g"])("scu-text-sds",{"scu-text-semibold-06":"","scu-margin-bottom-2s":""}," Examples ",-1),ie=["id"],ae=["onClick"],re=Object(c["g"])("scu-icon-sds",{"scu-icon-location-24":""},null,-1),le=[re],ue={"scu-text-04":""},de=["code"],be={"scu-width-colvw-2":"","scu-background-color-grey-095":""},pe=Object(c["g"])("scu-responsive-sds",{scope:"window","style-1250-down":"display: none;"},null,-1),he={"scu-width-colvw-1-9":"","scu-padding-top-4s":"","scu-padding-bottom-4s":""},je=Object(c["g"])("scu-text-sds",{"scu-text-uppercase-01":"","scu-color-grey-06":"","scu-padding-left-1-6s":""}," Examples: ",-1),Oe=["onClick"],me={key:1,"scu-fill-container":"","scu-gap-2s":""},ge=Object(c["g"])("scu-icon-sds",{"scu-icon-loading-spinner-32":"",animation:"spin"},null,-1),fe=Object(c["g"])("scu-text-sds",null,"loading",-1),ve=[ge,fe],ye={"scu-gap-0-6s":""},ke={"scu-fill":"","scu-text-semibold-05":""},Ce={"scu-text-04":""},xe=["code"];function we(e,t,s,o,n,i){const a=Object(c["A"])("comp-code-vis");return Object(c["s"])(),Object(c["f"])(c["a"],null,[e.loading?Object(c["e"])("",!0):(Object(c["s"])(),Object(c["f"])("scu-flex-h-sds",Q,[Object(c["g"])("scu-pane-sds",W,[Object(c["g"])("scu-stack-sds",X,[Y,Object(c["g"])("scu-stack-sds",Z,[Object(c["g"])("scu-flex-h-sds",ee,[Object(c["g"])("scu-text-sds",te," <"+Object(c["C"])(e.componentInfo.tagName)+" /> ",1),Object(c["g"])("scu-text-sds",se," Extends: "+Object(c["C"])(e.componentInfo.superclass.name),1)]),Object(c["g"])("scu-text-sds",null,Object(c["C"])(e.componentInfo.description),1),Object(c["g"])("scu-text-sds",ce,Object(c["C"])(e.componentInfo.overview),1),Object(c["i"])(a,{comp:e.componentInfo},null,8,["comp"])]),Object(c["g"])("scu-stack-sds",oe,[ne,(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.componentInfo.examples,(t,s)=>(Object(c["s"])(),Object(c["f"])("scu-stack-sds",{key:"example_"+s,"scu-gap-0-6s":""},[Object(c["g"])("scu-flex-h-sds",null,[Object(c["g"])("scu-text-sds",{"scu-fill":"","scu-text-semibold-05":"",id:t.title},Object(c["C"])(t.title),9,ie),Object(c["g"])("scu-action-sds",{"aria-label":"view/pin icon",label:"view/pin icon",onClick:t=>e.pinExample(s)},le,8,ae)]),Object(c["g"])("scu-text-sds",ue,Object(c["C"])(t.description),1),Object(c["g"])("scu-code-sds",{code:t.code.replace("<","<").replace(">",">")},null,8,de)]))),128))])])]),Object(c["g"])("scu-pane-sds",be,[pe,Object(c["g"])("scu-stack-sds",he,[je,(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.componentInfo.examples,(t,s)=>(Object(c["s"])(),Object(c["f"])("scu-stack-sds",{key:"index_"+s,"scu-gap-0-6s":""},[Object(c["g"])("scu-link-sds",{onClick:s=>e.scrollToExample(t.title),"scu-text-04":""},Object(c["C"])(t.title),9,Oe)]))),128))])])])),e.loading?(Object(c["s"])(),Object(c["f"])("scu-center-sds",me,ve)):Object(c["e"])("",!0),e.exampleDetail?(Object(c["s"])(),Object(c["f"])("scu-modal-sds",{key:2,type:"medium",show:"",style:{"--modal-container-width":"70vw"},onScuClose:t[0]||(t[0]=t=>e.clearExampleDetail())},[Object(c["g"])("scu-stack-sds",ye,[Object(c["g"])("scu-flex-h-sds",null,[Object(c["g"])("scu-text-sds",ke,Object(c["C"])(e.exampleDetail.title),1)]),Object(c["g"])("scu-text-sds",Ce,Object(c["C"])(e.exampleDetail.description),1),Object(c["g"])("scu-code-sds",{code:e.exampleDetail.code.replace("<","<").replace(">",">")},null,8,xe)])],32)):Object(c["e"])("",!0)],64)}const De=e=>(Object(c["w"])("data-v-442ddd00"),e=e(),Object(c["t"])(),e),Se={class:"comp-code-vis","scu-padding-3s":"","scu-background-color-grey-02":"","scu-color-grey-10":"","scu-gap-0-6s":""},Ae={key:0,class:"entireTagHighlight"},Pe={key:1,"scu-gap-0s":""},$e={class:"stylesSection","scu-padding-left-3s":""},Ee={key:0,class:"stylesHighlight"},Fe={"scu-padding-left-3s":""},Te=["onClick","onMouseover","onFocus"],Ne=De(()=>Object(c["g"])("span",{"scu-color-accent-mortgage-08":""}," ...",-1)),Me=Object(c["h"])(";"),_e={key:0,"scu-color-grey-10":""},Ie={key:1,"scu-text-semibold-07":""},He={key:2,"scu-gap-0s":""},Re={"scu-padding-left-3s":""},Le=["onClick","onMouseover","onFocus"],ze={class:"inheritedName"},Be={class:"type"},Ke={"scu-text-04":"","scu-color-accent-mortgage-08":""},Ve=Object(c["h"])('"'),Je={key:0,"scu-text-semibold-07":""},Ue={key:3,"scu-gap-0-6s":""},qe={"scu-padding-left-3s":""},Ge=["onClick","onMouseover","onFocus"],Qe=De(()=>Object(c["g"])("span",{class:"type"}," (event) ",-1)),We=De(()=>Object(c["g"])("span",{"scu-text-04":"","scu-color-accent-mortgage-08":""}," (evt) => void",-1)),Xe=Object(c["h"])('"'),Ye={key:0,"scu-text-semibold-07":""},Ze={key:4,"scu-gap-0-6s":""},et={"scu-padding-left-3s":""},tt=["onClick","onMouseover","onFocus"],st={"scu-gap-0-4s":""},ct={"scu-text-semibold-08":""},ot={"scu-text-uppercase-03":""},nt={key:0,"scu-text-04":""};function it(e,t,s,o,n,i){return Object(c["s"])(),Object(c["f"])("scu-stack-sds",Se,[this.entireTagHighlighted?(Object(c["s"])(),Object(c["f"])("div",Ae)):Object(c["e"])("",!0),Object(c["g"])("scu-text-sds",{class:"copyLink","scu-text-semibold-07":"",onClick:t[0]||(t[0]=e=>this.copyAll()),onKeypress:t[1]||(t[1]=(...t)=>e.keypress&&e.keypress(...t)),tabindex:"0",role:"button",onMouseover:t[2]||(t[2]=e=>this.highlightEntireTag(!0)),onMouseout:t[3]||(t[3]=e=>this.highlightEntireTag(!1))}," <"+Object(c["C"])(e.comp.tagName),33),e.comp.cssProperties&&this.showStyles?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",Pe,[Object(c["g"])("scu-stack-sds",$e,[this.stylesHighlighted?(Object(c["s"])(),Object(c["f"])("div",Ee)):Object(c["e"])("",!0),Object(c["g"])("scu-text-sds",{class:"copyLink",onClick:t[4]||(t[4]=e=>this.copyAllStyles()),onKeypress:t[5]||(t[5]=(...t)=>e.keypress&&e.keypress(...t)),tabindex:"0",role:"button",onMouseover:t[6]||(t[6]=e=>this.highlightStyles(!0)),onMouseout:t[7]||(t[7]=e=>this.highlightStyles(!1))},' style=" ',32),Object(c["g"])("scu-stack-sds",Fe,[(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.comp.cssProperties,(s,o)=>(Object(c["s"])(),Object(c["f"])("scu-text-sds",{key:""+s.name,class:"copyLink","scu-text-05":"","scu-color-accent-credit-cards-08":"",onClick:e=>this.copyStyle(s),onKeypress:t[8]||(t[8]=(...t)=>e.keypress&&e.keypress(...t)),onMouseover:e=>this.setDescription("CSS Variable",s.name,"","","",s.description),onMouseout:t[9]||(t[9]=(...t)=>e.removeDescription&&e.removeDescription(...t)),onFocus:e=>this.setDescription("CSS Variable",s.name,"","","",s.description),onBlur:t[10]||(t[10]=(...t)=>e.removeDescription&&e.removeDescription(...t)),tabindex:"0",role:"button"},[Object(c["h"])(Object(c["C"])(s.name)+": ",1),Ne,Me,o===e.comp.cssProperties.length-1?(Object(c["s"])(),Object(c["f"])("span",_e,'"')):Object(c["e"])("",!0),!e.comp.cssProperties||o!==e.comp.cssProperties.length-1||e.comp.attributes||e.comp.events?Object(c["e"])("",!0):(Object(c["s"])(),Object(c["f"])("span",Ie,">"))],40,Te))),128))])])])):Object(c["e"])("",!0),e.comp.attributes&&this.showAttrs?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",He,[Object(c["g"])("scu-stack-sds",Re,[(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.comp.attributes,(s,o)=>(Object(c["s"])(),Object(c["f"])("scu-text-sds",{key:""+s.name,class:Object(c["o"])({copyLink:!0,inherited:s.inheritedFrom}),"scu-text-06":"",onClick:e=>this.copyAttr(s),onKeypress:t[11]||(t[11]=(...t)=>e.keypress&&e.keypress(...t)),onMouseover:e=>this.setDescription("Attribute",s.name,s.type?s.type.text:"",s.default,"",s.description),onMouseout:t[12]||(t[12]=(...t)=>e.removeDescription&&e.removeDescription(...t)),onFocus:e=>this.setDescription("Attribute",s.name,s.type?s.type.text:"",s.default,"",s.description),onBlur:t[13]||(t[13]=(...t)=>e.removeDescription&&e.removeDescription(...t)),tabindex:"0",role:"button"},[Object(c["h"])(Object(c["C"])(s.name)+'="',1),Object(c["g"])("span",ze,Object(c["C"])(s.inheritedFrom?"["+s.inheritedFrom.name+"]":""),1),Object(c["g"])("span",Be," ("+Object(c["C"])(s.type?s.type.text:"")+") ",1),Object(c["g"])("span",Ke,"  "+Object(c["C"])(s.default),1),Ve,e.comp.attributes&&o===e.comp.attributes.length-1&&!e.comp.events?(Object(c["s"])(),Object(c["f"])("span",Je,">")):Object(c["e"])("",!0)],42,Le))),128))])])):Object(c["e"])("",!0),e.comp.events&&e.showEvents?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",Ue,[Object(c["g"])("scu-stack-sds",qe,[(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.comp.events,(s,o)=>(Object(c["s"])(),Object(c["f"])("scu-text-sds",{key:""+s.name,class:"copyLink","scu-text-06":"",onClick:e=>this.copyEvent(s),onKeypress:t[14]||(t[14]=(...t)=>e.keypress&&e.keypress(...t)),onMouseover:e=>this.setDescription("Event",s.name,"event","(evt) => void","",s.description),onMouseout:t[15]||(t[15]=(...t)=>e.removeDescription&&e.removeDescription(...t)),onFocus:e=>this.setDescription("Event",s.name,"event","(evt) => void","",s.description),onBlur:t[16]||(t[16]=(...t)=>e.removeDescription&&e.removeDescription(...t)),tabindex:"0",role:"button"},[Object(c["h"])(" @"+Object(c["C"])(s.name)+'="',1),Qe,We,Xe,e.comp.events&&o===e.comp.events.length-1?(Object(c["s"])(),Object(c["f"])("span",Ye,">")):Object(c["e"])("",!0)],40,Ge))),128))])])):Object(c["e"])("",!0),e.comp.slots&&e.showSlots?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",Ze,[Object(c["g"])("scu-stack-sds",et,[(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.comp.slots,s=>(Object(c["s"])(),Object(c["f"])("scu-text-sds",{key:""+s.name,class:"copyLink slot","scu-text-06":"","scu-color-primary-08":"",onClick:e=>this.copySlot(s),onKeypress:t[17]||(t[17]=(...t)=>e.keypress&&e.keypress(...t)),onMouseover:e=>this.setDescription("Slot",s.name,!1,!1,this.processSlotDefault(s),s.description),onMouseout:t[18]||(t[18]=(...t)=>e.removeDescription&&e.removeDescription(...t)),onFocus:e=>this.setDescription("Slot",s.name,!1,!1,this.processSlotDefault(s),s.description),onBlur:t[19]||(t[19]=(...t)=>e.removeDescription&&e.removeDescription(...t)),tabindex:"0",role:"button"},Object(c["C"])(this.processSlotDefault(s)),41,tt))),128))])])):Object(c["e"])("",!0),Object(c["g"])("scu-text-sds",{class:"copyLink","scu-text-semibold-07":"",onClick:t[20]||(t[20]=e=>this.copyTag()),onKeypress:t[21]||(t[21]=(...t)=>e.keypress&&e.keypress(...t)),tabindex:"0",role:"button"}," </"+Object(c["C"])(e.comp.tagName)+"> ",33),Object(c["g"])("scu-stack-sds",{class:Object(c["o"])({show:this.showDetail,detail:!0}),"scu-gap-1-6s":""},[Object(c["g"])("scu-stack-sds",st,[Object(c["g"])("scu-text-sds",ct,Object(c["C"])(this.detailName),1),Object(c["g"])("scu-text-sds",ot,Object(c["C"])(this.detailHeader),1)]),this.detailDescription?(Object(c["s"])(),Object(c["f"])("scu-text-sds",nt,Object(c["C"])(this.detailDescription),1)):Object(c["e"])("",!0)],2)])}let at=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"comp",void 0),Object(a["a"])(this,"hasAttributes",!1),Object(a["a"])(this,"clipboardContent",void 0),Object(a["a"])(this,"setClipboardContent",void 0),Object(a["a"])(this,"showStyles",!0),Object(a["a"])(this,"showAttrs",!0),Object(a["a"])(this,"showEvents",!0),Object(a["a"])(this,"showSlots",!0),Object(a["a"])(this,"stylesHighlighted",!1),Object(a["a"])(this,"entireTagHighlighted",!1),Object(a["a"])(this,"showDetail",!1),Object(a["a"])(this,"detailHeader",""),Object(a["a"])(this,"detailName",""),Object(a["a"])(this,"detailExample",""),Object(a["a"])(this,"detailType",""),Object(a["a"])(this,"detailDefault",""),Object(a["a"])(this,"detailDescription","")}mounted(){this.hasAttributes=this.comp.attributes&&this.comp.attributes.length>0}copyAll(){this.setClipboardContent(`<${this.comp.tagName}${this.comp.cssProperties&&this.showStyles?`\n  style="${this.comp.cssProperties.map(e=>`\n    ${e.name}: ;`).join("")}"`:""}${this.comp.attributes&&this.showAttrs?this.comp.attributes.map(e=>`\n  ${e.name}=""`).join(""):""}${this.comp.events&&this.showEvents?this.comp.events.map(e=>`\n  ${e.name}=""`).join(""):""}>${this.comp.slots&&this.showSlots?this.comp.slots.map(e=>"\n  "+this.processSlotDefault(e)).join(""):""}\n</${this.comp.tagName}>\n`)}copyTag(){this.setClipboardContent(`<${this.comp.tagName}></${this.comp.tagName}>\n`)}keypress(e){"Enter"!==e.key&&"Space"!==e.key||e.target.click()}copyAttr(e){this.setClipboardContent(e.name+'=""')}copySlot(e){this.setClipboardContent(this.processSlotDefault(e))}processSlotDefault(e){return e.default?e.default.replace(/"/g,""):`<div slot='${e.name}'></div>`}setDescription(e,t,s,c,o,n){this.detailHeader=e,this.detailName=t,this.detailType=s,this.detailExample=o,this.detailDefault=c,this.detailDescription=n,this.showDetail=!0}removeDescription(){this.showDetail=!1}copyAllStyles(){this.setClipboardContent(`style="\n\t${this.comp.cssProperties.map(e=>e.name+": ;").join("\n\t")}"`)}copyStyle(e){this.setClipboardContent(e.name+": ;")}copyEvent(e){this.setClipboardContent(""+e.name)}toggleStyles(){this.showStyles=!this.showStyles}toggleAttrs(){this.showAttrs=!this.showAttrs}toggleEvents(){this.showEvents=!this.showEvents}toggleSlots(){this.showSlots=!this.showSlots}highlightStyles(e){this.stylesHighlighted=e}highlightEntireTag(e){this.entireTagHighlighted=e}toggleAll(){this.showStyles=!0,this.showAttrs=!0,this.showEvents=!0,this.showSlots=!0}toggleNone(){this.showStyles=!1,this.showAttrs=!1,this.showEvents=!1,this.showSlots=!1}};at=Object(r["a"])([Object(l["a"])({props:{comp:Object},computed:{...Object(u["c"])(["clipboardContent"])},methods:{...Object(u["b"])(["setClipboardContent"])}})],at);var rt=at;s("836d");const lt=g()(rt,[["render",it],["__scopeId","data-v-442ddd00"]]);var ut=lt;let dt=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"config",void 0),Object(a["a"])(this,"$router",void 0),Object(a["a"])(this,"componentInfo",void 0),Object(a["a"])(this,"componentId",void 0),Object(a["a"])(this,"loading",!0),Object(a["a"])(this,"exampleDetail",!1)}mounted(){this.loadAndRenderComp()}async loadAndRenderComp(){if(!this.$route.params.id)return;this.componentId!==this.$route.params.id&&(this.loading=!0,this.componentId=this.$route.params.id,this.componentInfo=await fetch(`./components/${this.$route.params.id}.json?${Math.random()}`).then(e=>e.json()),this.loading=!1);const 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}pinExample(e){this.$router.push(`/components/${this.$route.params.id}/${e}`)}clearExampleDetail(){this.$router.push("/components/"+this.$route.params.id)}scrollToExample(e){const t=document.getElementById(e);t&&t.scrollIntoView({block:"start",behavior:"smooth"})}};dt=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config"])},components:{"comp-code-vis":ut},watch:{$route(){this.loadAndRenderComp()}}})],dt);var bt=dt;const pt=g()(bt,[["render",we]]);var ht=pt;const jt={style:{"--left-panel-width":"240px"}},Ot={slot:"left-panel","scu-background-color-grey-095":""},mt={"scu-padding-top-2s":""},gt=["label","selected","onClick"],ft={slot:"content"},vt=["innerHTML"];function yt(e,t,s,o,n,i){return Object(c["s"])(),Object(c["f"])("scu-app-sds",jt,[Object(c["g"])("scu-pane-sds",Ot,[Object(c["g"])("scu-stack-sds",mt,[(Object(c["s"])(!0),Object(c["f"])(c["a"],null,Object(c["z"])(e.config.documents,e=>(Object(c["s"])(),Object(c["f"])("scu-link-sds",{key:e.title,label:e.title,selected:e.title===this.$route.params?this.$route.params.page||!1:"",onClick:t=>this.changePage(e)},null,8,gt))),128))])]),Object(c["g"])("scu-pane-sds",ft,[Object(c["g"])("div",{innerHTML:e.referencePageHtml},null,8,vt)])])}let kt=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"config",void 0),Object(a["a"])(this,"focusedReferencePage",void 0),Object(a["a"])(this,"setFocusedReferencePage",void 0),Object(a["a"])(this,"referencePageHtml","loading")}mounted(){this.$route.params.id||this.$router.replace("/reference/"+this.focusedReferencePage.title)}focusedReferencePageHandler(){this.focusedReferencePage&&fetch(this.focusedReferencePage.url).then(e=>e.text()).then(e=>{this.referencePageHtml=e})}changePage(e){this.setFocusedReferencePage(e),this.$router.push("/reference/"+e.title)}};kt=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config","focusedReferencePage"])},methods:{...Object(u["b"])(["setFocusedReferencePage"])},watch:{focusedReferencePage:{handler:"focusedReferencePageHandler",immediate:!0}}})],kt);var Ct=kt;const xt=g()(Ct,[["render",yt]]);var wt=xt;const Dt=[{path:"/components",name:"Components",component:_},{path:"/components/:id",component:_,children:[{path:"",component:ht}]},{path:"/components/:id/:example",component:_,children:[{path:"",component:ht}]},{path:"/:catchAll(.*)",redirect:"/reference"},{path:"/reference",name:"reference",component:wt},{path:"/reference/:page",component:wt,children:[{path:"",component:wt}]},{path:"/css",name:"CSS",component:B},{path:"/tokens",name:"Tokens",component:G},{path:"/about",name:"About",component:()=>s.e("about").then(s.bind(null,"f820"))}],St=Object(w["a"])({history:Object(w["b"])(),routes:Dt});var At=St,Pt=Object(u["a"])({state(){return{components:null,categories:null,focusedComponent:null,config:null,clipboardContent:null,focusedReferencePage:null}},mutations:{setComponents(e,t){const s=[],c={};t.map(e=>{if(!c[e.category]){const t={name:e.category,components:[]};s.push(t),c[e.category]=t}const t=c[e.category];t.components.push(e)}),e.categories=s;const o=s.length>0?s[0]:null;o&&(e.focusedComponent=o.components.length>0?o.components[0]:null),e.components=t},setConfig(e,t){e.config=t,t&&t.documents&&t.documents.length>0&&(e.focusedReferencePage=t.documents[0])},setClipboardContent(e,t){e.clipboardContent=t},setFocusedComponent(e,t){e.focusedComponent=t},setFocusedReferencePage(e,t){e.focusedReferencePage=t}},actions:{},modules:{}}),$t=s("614d"),Et=s("2863"),Ft=s("7b99"),Tt=s("b93b"),Nt=s("cf66"),Mt=s("f7c1"),_t=s("695a"),It=s("bbe6"),Ht=s("7715"),Rt=s("32d4"),Lt=s("34d3"),zt=s("ab98"),Bt=s("3b43"),Kt=s("d053"),Vt=s("4b82"),Jt=s("9392"),Ut=s("2f80"),qt=s("b9bd"),Gt=s("a2d1"),Qt=s("f1f8"),Wt=s("a3c5"),Xt=s("0d73"),Yt=s("adbc"),Zt=s("1bfc"),es=s("e48e"),ts=s("4783"),ss=s("f0b6"),cs=s("ca85"),os=s("4d39"),ns=s("93f3"),is=s("0414"),as=s("f673"),rs=s("5a8b"),ls=s("e737"),us=s("c20d"),ds=s("1c8f"),bs=s("b17f"),ps=s("450d"),hs=s("5c1b"),js=s("59fa"),Os=s("34d34"),ms=s("fed2"),gs=s("8038"),fs=s("81e7"),vs=s("cbcc"),ys=s("42d1"),ks=s("c32e"),Cs=s("36a6");const xs="sds";Object($t["a"])(xs),Object(Et["a"])(xs),Object(Ft["a"])(xs),Object(Tt["a"])(xs),Object(Nt["a"])(xs),Object(Mt["a"])(xs),Object(_t["a"])(xs),Object(It["a"])(xs),Object(Ht["a"])(xs),Object(Rt["a"])(xs),Object(Lt["a"])(xs),Object(zt["a"])(xs),Object(Bt["a"])(xs),Object(Kt["a"])(xs),Object(Vt["a"])(xs),Object(Jt["a"])(xs),Object(Ut["a"])(xs),Object(qt["a"])(xs),Object(Gt["a"])(xs),Object(Qt["a"])(xs),Object(Wt["a"])(xs),Object(Xt["a"])(xs),Object(Yt["a"])(xs),Object(Zt["a"])(xs),Object(es["a"])(xs),Object(ts["a"])(xs),Object(ss["a"])(xs),Object(cs["a"])(xs),Object(os["a"])(xs),Object(ns["a"])(xs),Object(is["a"])(xs),Object(as["a"])(xs),Object(rs["a"])(xs),Object(ls["a"])(xs),Object(us["a"])(xs),Object(ds["a"])(xs),Object(bs["a"])(xs),Object(ps["a"])(xs),Object(hs["a"])(xs),Object(js["a"])(xs),Object(Os["a"])(xs),Object(ms["a"])(xs),Object(gs["a"])(xs),Object(fs["a"])(xs),Object(vs["a"])(xs),Object(ys["a"])(xs),Object(ks["a"])(xs),Object(Cs["a"])(xs),(async()=>{const e=Object(c["c"])(x);e.use(Pt).use(At).mount("#app")})()},ea1c:function(e,t,s){}});
+//# sourceMappingURL=app.9d6da48a.js.map