scu-web-components 0.0.41 → 0.0.43

package/dist/docs/components/ScwStackComponent.json

@@ -37,13 +37,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "fieldName": "isLink",
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -55,7 +55,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -90,20 +90,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "responsive",
-      "type": {
-        "text": "string"
-      },
-      "default": "true",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "field",
       "name": "ariaLabel",
@@ -135,11 +121,14 @@
     },
     {
       "kind": "field",
-      "name": "responsiveElement",
+      "name": "isLink",
       "type": {
-        "text": "ResponsiveElement | undefined"
+        "text": "boolean"
       },
-      "description": "responsive element",
+      "default": "false",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -164,7 +153,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "attribute": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -173,7 +162,7 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
+      "name": "domMutated",
       "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -198,6 +187,15 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
+    {
+      "kind": "method",
+      "name": "clearWarnings",
+      "description": "clearWarnings",
+      "inheritedFrom": {
+        "name": "ScwComponent",
+        "module": "src/scw-component/ScwComponent.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "_lastWarning",

package/dist/docs/components/ScwTest.json

@@ -65,25 +65,14 @@
     },
     {
       "kind": "field",
-      "name": "responsive",
+      "name": "isLink",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -108,7 +97,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "attribute": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -117,7 +106,7 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
+      "name": "domMutated",
       "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -142,6 +131,15 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
+    {
+      "kind": "method",
+      "name": "clearWarnings",
+      "description": "clearWarnings",
+      "inheritedFrom": {
+        "name": "ScwComponent",
+        "module": "src/scw-component/ScwComponent.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "_lastWarning",
@@ -192,13 +190,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "fieldName": "isLink",
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -210,7 +208,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",

package/dist/docs/components/ScwTextarea.json

@@ -441,25 +441,14 @@
     },
     {
       "kind": "field",
-      "name": "responsive",
+      "name": "isLink",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -484,7 +473,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "attribute": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -493,7 +482,7 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
+      "name": "domMutated",
       "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -518,6 +507,15 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
+    {
+      "kind": "method",
+      "name": "clearWarnings",
+      "description": "clearWarnings",
+      "inheritedFrom": {
+        "name": "ScwComponent",
+        "module": "src/scw-component/ScwComponent.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "_lastWarning",
@@ -728,13 +726,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "fieldName": "isLink",
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -746,7 +744,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",

package/dist/docs/components/ScwValidate.json

@@ -180,25 +180,14 @@
     },
     {
       "kind": "field",
-      "name": "responsive",
+      "name": "isLink",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -223,7 +212,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "attribute": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -232,7 +221,7 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
+      "name": "domMutated",
       "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -257,6 +246,15 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
+    {
+      "kind": "method",
+      "name": "clearWarnings",
+      "description": "clearWarnings",
+      "inheritedFrom": {
+        "name": "ScwComponent",
+        "module": "src/scw-component/ScwComponent.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "_lastWarning",
@@ -374,13 +372,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "fieldName": "isLink",
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -392,7 +390,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",

package/dist/docs/components/ScwValidation.json

@@ -116,25 +116,14 @@
     },
     {
       "kind": "field",
-      "name": "responsive",
+      "name": "isLink",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -159,7 +148,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "attribute": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -168,7 +157,7 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
+      "name": "domMutated",
       "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -193,6 +182,15 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
+    {
+      "kind": "method",
+      "name": "clearWarnings",
+      "description": "clearWarnings",
+      "inheritedFrom": {
+        "name": "ScwComponent",
+        "module": "src/scw-component/ScwComponent.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "_lastWarning",
@@ -243,13 +241,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "fieldName": "isLink",
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -261,7 +259,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",

package/dist/docs/components/manifest.json

@@ -119,12 +119,6 @@
     "tagName": "scw-pane-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwResponsive",
-    "fileName": "ScwResponsive.json",
-    "tagName": "scw-responsive",
-    "category": "layouts"
-  },
   {
     "name": "ScwSelect",
     "fileName": "ScwSelect.json",
@@ -149,6 +143,12 @@
     "tagName": "scw-stack-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwTest",
+    "fileName": "ScwTest.json",
+    "tagName": "scw-test",
+    "category": "interactive"
+  },
   {
     "name": "ScwValidate",
     "fileName": "ScwValidate.json",
@@ -161,12 +161,6 @@
     "tagName": "scw-textarea",
     "category": "form"
   },
-  {
-    "name": "ScwTest",
-    "fileName": "ScwTest.json",
-    "tagName": "scw-test",
-    "category": "interactive"
-  },
   {
     "name": "ScwValidation",
     "fileName": "ScwValidation.json",

package/dist/docs/config.json

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

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.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.9855d80d.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.9855d80d.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.1ef2ef63.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.1ef2ef63.js"></script></body></html>

package/dist/docs/js/app.1ef2ef63.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",style:{display:"flex"}},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:""}),e.getNavigation("tokens")?(Object(c["s"])(),Object(c["d"])(l,{key:0,class:"mainNav-item","nav-id":"tokens",label:e.getNavigationTitle("tokens"),"scu-theme-dark":"true",dark:""},null,8,["label"])):Object(c["e"])("",!0),e.getNavigation("css")?(Object(c["s"])(),Object(c["d"])(l,{key:1,class:"mainNav-item","nav-id":"css",label:e.getNavigationTitle("css"),"scu-theme-dark":"true",dark:""},null,8,["label"])):Object(c["e"])("",!0),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;function y(e,t){const s=k(e,t);return s?s.title:""}function k(e,t){if(!e||!e.navigation)return;const s=e.navigation.find(e=>e.id===t);return s}let C=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}getNavigationTitle(e){return console.log("navId",e,this.config),y(this.config,e)}getNavigation(e){return k(this.config,e)}handleNavChange(e){this.$router.push("/"+e.detail)}};C=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()}}})],C);var x=C;const w=g()(x,[["render",i]]);var D=w,S=s("6605");const A={"hide-header-shadow":"",style:{"--left-panel-width":"260px"}},P={slot:"left-panel","scu-background-color-grey-095":""},$={"scu-padding-2s":"","scu-padding-top-4s":""},E={"scu-text-uppercase-01":"","scu-color-grey-06":"","scu-padding-left-1-6s":""},N=["label","selected","onClick"],F={slot:"content"};function T(e,t,s,o,n,i){const a=Object(c["A"])("router-view");return Object(c["s"])(),Object(c["f"])("scu-app-sds",A,[Object(c["g"])("scu-pane-sds",P,[Object(c["g"])("scu-stack-sds",$,[(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",E,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,N))),128))]))),128))])]),Object(c["g"])("div",F,[Object(c["i"])(a)])])}let M=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)}};M=Object(r["a"])([Object(l["a"])({components:{},computed:{...Object(u["c"])(["components","categories","focusedComponent"])},methods:{...Object(u["b"])(["setComponents","setFocusedComponent"])}})],M);var _=M;const I=g()(_,[["render",T]]);var H=I;const R=["src"];function L(e,t,s,o,n,i){var a;return Object(c["s"])(),Object(c["f"])("iframe",{src:null===(a=e.config.navigation.find(e=>"css"===e.id))||void 0===a?void 0:a.url,style:{flex:"1",border:"0"}},"\n  ",8,R)}let z=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"config",void 0)}};z=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config"])}})],z);var B=z;const K=g()(B,[["render",L]]);var V=K;const J=["src"];function U(e,t,s,o,n,i){var a;return Object(c["s"])(),Object(c["f"])("iframe",{src:null===(a=e.config.navigation.find(e=>"tokens"===e.id))||void 0===a?void 0:a.url,style:{flex:"1",border:"0"}},"\n  ",8,J)}let q=class extends l["b"]{constructor(...e){super(...e),Object(a["a"])(this,"config",void 0)}};q=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config"])}})],q);var G=q;const Q=g()(G,[["render",U]]);var W=Q;const X={key:0,"scu-alignment-stretch":"","scu-fill-container":""},Y={"scu-fill":""},Z={"scu-padding-top-8s":"","scu-padding-bottom-4s":"","scu-gap-3s":"",style:{margin:"0 auto"}},ee=Object(c["g"])("scu-responsive-sds",{scope:"window","scu-width-colvw-7-1250-down":"","scu-width-colvw-6-1251-up":""},null,-1),te={"scu-gap-0-6s":""},se={"scu-margin-bottom-1-6s":"","scu-padding-bottom-1s":"","scu-border-bottom-grey-09":"","scu-alignment-baseline":""},ce={"scu-text-bold-10":"","scu-fill":""},oe={"scu-text-04":"","scu-color-grey-04":""},ne={"scu-text-04":"","scu-margin-bottom-1-6s":""},ie={"scu-gap-3s":""},ae=Object(c["g"])("scu-text-sds",{"scu-text-semibold-06":"","scu-margin-bottom-2s":""}," Examples ",-1),re=["id"],le=["onClick"],ue=Object(c["g"])("scu-icon-sds",{"scu-icon-location-24":""},null,-1),de=[ue],be={"scu-text-04":""},pe=["code"],he={"scu-width-colvw-2":"","scu-background-color-grey-095":""},je=Object(c["g"])("scu-responsive-sds",{scope:"window","style-1250-down":"display: none;"},null,-1),Oe={"scu-width-colvw-1-9":"","scu-padding-top-4s":"","scu-padding-bottom-4s":""},me=Object(c["g"])("scu-text-sds",{"scu-text-uppercase-01":"","scu-color-grey-06":"","scu-padding-left-1-6s":""}," Examples: ",-1),ge=["onClick"],fe={key:1,"scu-fill-container":"","scu-gap-2s":""},ve=Object(c["g"])("scu-icon-sds",{"scu-icon-loading-spinner-32":"",animation:"spin"},null,-1),ye=Object(c["g"])("scu-text-sds",null,"loading",-1),ke=[ve,ye],Ce={"scu-gap-0-6s":""},xe={"scu-fill":"","scu-text-semibold-05":""},we={"scu-text-04":""},De=["code"];function Se(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",X,[Object(c["g"])("scu-pane-sds",Y,[Object(c["g"])("scu-stack-sds",Z,[ee,Object(c["g"])("scu-stack-sds",te,[Object(c["g"])("scu-flex-h-sds",se,[Object(c["g"])("scu-text-sds",ce," <"+Object(c["C"])(e.componentInfo.tagName)+" /> ",1),Object(c["g"])("scu-text-sds",oe," 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",ne,Object(c["C"])(e.componentInfo.overview),1),Object(c["i"])(a,{comp:e.componentInfo},null,8,["comp"])]),Object(c["g"])("scu-stack-sds",ie,[ae,(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,re),Object(c["g"])("scu-action-sds",{"aria-label":"view/pin icon",label:"view/pin icon",onClick:t=>e.pinExample(s)},de,8,le)]),Object(c["g"])("scu-text-sds",be,Object(c["C"])(t.description),1),Object(c["g"])("scu-code-sds",{code:t.code.replace("<","<").replace(">",">")},null,8,pe)]))),128))])])]),Object(c["g"])("scu-pane-sds",he,[je,Object(c["g"])("scu-stack-sds",Oe,[me,(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,ge)]))),128))])])])),e.loading?(Object(c["s"])(),Object(c["f"])("scu-center-sds",fe,ke)):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",Ce,[Object(c["g"])("scu-flex-h-sds",null,[Object(c["g"])("scu-text-sds",xe,Object(c["C"])(e.exampleDetail.title),1)]),Object(c["g"])("scu-text-sds",we,Object(c["C"])(e.exampleDetail.description),1),Object(c["g"])("scu-code-sds",{code:e.exampleDetail.code.replace("<","<").replace(">",">")},null,8,De)])],32)):Object(c["e"])("",!0)],64)}const Ae=e=>(Object(c["w"])("data-v-442ddd00"),e=e(),Object(c["t"])(),e),Pe={class:"comp-code-vis","scu-padding-3s":"","scu-background-color-grey-02":"","scu-color-grey-10":"","scu-gap-0-6s":""},$e={key:0,class:"entireTagHighlight"},Ee={key:1,"scu-gap-0s":""},Ne={class:"stylesSection","scu-padding-left-3s":""},Fe={key:0,class:"stylesHighlight"},Te={"scu-padding-left-3s":""},Me=["onClick","onMouseover","onFocus"],_e=Ae(()=>Object(c["g"])("span",{"scu-color-accent-mortgage-08":""}," ...",-1)),Ie=Object(c["h"])(";"),He={key:0,"scu-color-grey-10":""},Re={key:1,"scu-text-semibold-07":""},Le={key:2,"scu-gap-0s":""},ze={"scu-padding-left-3s":""},Be=["onClick","onMouseover","onFocus"],Ke={class:"inheritedName"},Ve={class:"type"},Je={"scu-text-04":"","scu-color-accent-mortgage-08":""},Ue=Object(c["h"])('"'),qe={key:0,"scu-text-semibold-07":""},Ge={key:3,"scu-gap-0-6s":""},Qe={"scu-padding-left-3s":""},We=["onClick","onMouseover","onFocus"],Xe=Ae(()=>Object(c["g"])("span",{class:"type"}," (event) ",-1)),Ye=Ae(()=>Object(c["g"])("span",{"scu-text-04":"","scu-color-accent-mortgage-08":""}," (evt) => void",-1)),Ze=Object(c["h"])('"'),et={key:0,"scu-text-semibold-07":""},tt={key:4,"scu-gap-0-6s":""},st={"scu-padding-left-3s":""},ct=["onClick","onMouseover","onFocus"],ot={"scu-gap-0-4s":""},nt={"scu-text-semibold-08":""},it={"scu-text-uppercase-03":""},at={key:0,"scu-text-04":""};function rt(e,t,s,o,n,i){return Object(c["s"])(),Object(c["f"])("scu-stack-sds",Pe,[this.entireTagHighlighted?(Object(c["s"])(),Object(c["f"])("div",$e)):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",Ee,[Object(c["g"])("scu-stack-sds",Ne,[this.stylesHighlighted?(Object(c["s"])(),Object(c["f"])("div",Fe)):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",Te,[(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),_e,Ie,o===e.comp.cssProperties.length-1?(Object(c["s"])(),Object(c["f"])("span",He,'"')):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",Re,">"))],40,Me))),128))])])])):Object(c["e"])("",!0),e.comp.attributes&&this.showAttrs?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",Le,[Object(c["g"])("scu-stack-sds",ze,[(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",Ke,Object(c["C"])(s.inheritedFrom?"["+s.inheritedFrom.name+"]":""),1),Object(c["g"])("span",Ve," ("+Object(c["C"])(s.type?s.type.text:"")+") ",1),Object(c["g"])("span",Je,"  "+Object(c["C"])(s.default),1),Ue,e.comp.attributes&&o===e.comp.attributes.length-1&&!e.comp.events?(Object(c["s"])(),Object(c["f"])("span",qe,">")):Object(c["e"])("",!0)],42,Be))),128))])])):Object(c["e"])("",!0),e.comp.events&&e.showEvents?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",Ge,[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),Xe,Ye,Ze,e.comp.events&&o===e.comp.events.length-1?(Object(c["s"])(),Object(c["f"])("span",et,">")):Object(c["e"])("",!0)],40,We))),128))])])):Object(c["e"])("",!0),e.comp.slots&&e.showSlots?(Object(c["s"])(),Object(c["f"])("scu-stack-sds",tt,[Object(c["g"])("scu-stack-sds",st,[(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,ct))),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",ot,[Object(c["g"])("scu-text-sds",nt,Object(c["C"])(this.detailName),1),Object(c["g"])("scu-text-sds",it,Object(c["C"])(this.detailHeader),1)]),this.detailDescription?(Object(c["s"])(),Object(c["f"])("scu-text-sds",at,Object(c["C"])(this.detailDescription),1)):Object(c["e"])("",!0)],2)])}let lt=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}};lt=Object(r["a"])([Object(l["a"])({props:{comp:Object},computed:{...Object(u["c"])(["clipboardContent"])},methods:{...Object(u["b"])(["setClipboardContent"])}})],lt);var ut=lt;s("836d");const dt=g()(ut,[["render",rt],["__scopeId","data-v-442ddd00"]]);var bt=dt;let pt=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"})}};pt=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config"])},components:{"comp-code-vis":bt},watch:{$route(){this.loadAndRenderComp()}}})],pt);var ht=pt;const jt=g()(ht,[["render",Se]]);var Ot=jt;const mt={style:{"--left-panel-width":"240px"}},gt={slot:"left-panel","scu-background-color-grey-095":""},ft={"scu-padding-top-2s":""},vt=["label","selected","onClick"],yt={slot:"content"},kt=["innerHTML"];function Ct(e,t,s,o,n,i){return Object(c["s"])(),Object(c["f"])("scu-app-sds",mt,[Object(c["g"])("scu-pane-sds",gt,[Object(c["g"])("scu-stack-sds",ft,[(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,vt))),128))])]),Object(c["g"])("scu-pane-sds",yt,[Object(c["g"])("div",{innerHTML:e.referencePageHtml},null,8,kt)])])}let xt=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)}};xt=Object(r["a"])([Object(l["a"])({computed:{...Object(u["c"])(["config","focusedReferencePage"])},methods:{...Object(u["b"])(["setFocusedReferencePage"])},watch:{focusedReferencePage:{handler:"focusedReferencePageHandler",immediate:!0}}})],xt);var wt=xt;const Dt=g()(wt,[["render",Ct]]);var St=Dt;const At=[{path:"/components",name:"Components",component:H},{path:"/components/:id",component:H,children:[{path:"",component:Ot}]},{path:"/components/:id/:example",component:H,children:[{path:"",component:Ot}]},{path:"/:catchAll(.*)",redirect:"/reference"},{path:"/reference",name:"reference",component:St},{path:"/reference/:page",component:St,children:[{path:"",component:St}]},{path:"/css",name:"CSS",component:V},{path:"/tokens",name:"Tokens",component:W},{path:"/about",name:"About",component:()=>s.e("about").then(s.bind(null,"f820"))}],Pt=Object(S["a"])({history:Object(S["b"])(),routes:At});var $t=Pt,Et=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:{}}),Nt=s("614d"),Ft=s("2863"),Tt=s("7b99"),Mt=s("b93b"),_t=s("cf66"),It=s("f7c1"),Ht=s("695a"),Rt=s("bbe6"),Lt=s("7715"),zt=s("32d4"),Bt=s("34d3"),Kt=s("ab98"),Vt=s("3b43"),Jt=s("d053"),Ut=s("4b82"),qt=s("9392"),Gt=s("2f80"),Qt=s("b9bd"),Wt=s("a2d1"),Xt=s("f1f8"),Yt=s("a3c5"),Zt=s("0d73"),es=s("adbc"),ts=s("1bfc"),ss=s("e48e"),cs=s("4783"),os=s("f0b6"),ns=s("ca85"),is=s("4d39"),as=s("93f3"),rs=s("0414"),ls=s("f673"),us=s("5a8b"),ds=s("e737"),bs=s("c20d"),ps=s("1c8f"),hs=s("b17f"),js=s("450d"),Os=s("5c1b"),ms=s("59fa"),gs=s("34d34"),fs=s("fed2"),vs=s("8038"),ys=s("81e7"),ks=s("cbcc"),Cs=s("42d1"),xs=s("c32e"),ws=s("36a6");const Ds="sds";Object(Nt["a"])(Ds),Object(Ft["a"])(Ds),Object(Tt["a"])(Ds),Object(Mt["a"])(Ds),Object(_t["a"])(Ds),Object(It["a"])(Ds),Object(Ht["a"])(Ds),Object(Rt["a"])(Ds),Object(Lt["a"])(Ds),Object(zt["a"])(Ds),Object(Bt["a"])(Ds),Object(Kt["a"])(Ds),Object(Vt["a"])(Ds),Object(Jt["a"])(Ds),Object(Ut["a"])(Ds),Object(qt["a"])(Ds),Object(Gt["a"])(Ds),Object(Qt["a"])(Ds),Object(Wt["a"])(Ds),Object(Xt["a"])(Ds),Object(Yt["a"])(Ds),Object(Zt["a"])(Ds),Object(es["a"])(Ds),Object(ts["a"])(Ds),Object(ss["a"])(Ds),Object(cs["a"])(Ds),Object(os["a"])(Ds),Object(ns["a"])(Ds),Object(is["a"])(Ds),Object(as["a"])(Ds),Object(rs["a"])(Ds),Object(ls["a"])(Ds),Object(us["a"])(Ds),Object(ds["a"])(Ds),Object(bs["a"])(Ds),Object(ps["a"])(Ds),Object(hs["a"])(Ds),Object(js["a"])(Ds),Object(Os["a"])(Ds),Object(ms["a"])(Ds),Object(gs["a"])(Ds),Object(fs["a"])(Ds),Object(vs["a"])(Ds),Object(ys["a"])(Ds),Object(ks["a"])(Ds),Object(Cs["a"])(Ds),Object(xs["a"])(Ds),Object(ws["a"])(Ds),(async()=>{const e=Object(c["c"])(D);e.use(Et).use($t).mount("#app")})()},ea1c:function(e,t,s){}});
+//# sourceMappingURL=app.1ef2ef63.js.map