scu-web-components 0.0.47 → 0.0.49

package/dist/utils/enums/Components.d.ts

@@ -32,5 +32,6 @@ export declare enum Components {
     pageAlert = "pageAlert",
     textarea = "textarea",
     stepper = "stepper",
-    test = "test"
+    test = "test",
+    richText = "rich-text"
 }

package/dist/utils/enums/Components.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.TG2WTNJI.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as Components};
+import{a}from"../../chunks/chunk.OMOBJGWS.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as Components};
 //# sourceMappingURL=Components.js.map

package/dist/utils/getIconSvg.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.CATZMLQA.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.BEXEKNQU.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getIconSvg.js.map

package/dist/utils/suffix.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.XH4BHYNF.js";import"../chunks/chunk.PEKTPPGZ.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.REPWARFP.js";import"../chunks/chunk.Q2BPJFNX.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=suffix.js.map

package/dist/utils/testing/expectLink.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.WJ7GGTRH.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";var s=".scw-link-base";function c(n,o="my label",r="https://www.summitcreditunion.com",a="_blank"){let t=n.shadowRoot.querySelector(s);if(t&&t.textContent){if(t.textContent&&o!==!1){let i=t.textContent.trim().replace(/\s+/g," ");e(i).to.equal(o)}e(t.nodeName).to.equal("A"),e(t).to.have.attribute("href",r),e(t).to.have.attribute("target",a)}else e(!0).to.be.false}export{c as default,s as scwLinkBaseElementQuery};
+import{a as e}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.OKKKSUXE.js";import"../../chunks/chunk.LXVTLQA3.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";var s=".scw-link-base";function c(n,o="my label",r="https://www.summitcreditunion.com",a="_blank"){let t=n.shadowRoot.querySelector(s);if(t&&t.textContent){if(t.textContent&&o!==!1){let i=t.textContent.trim().replace(/\s+/g," ");e(i).to.equal(o)}e(t.nodeName).to.equal("A"),e(t).to.have.attribute("href",r),e(t).to.have.attribute("target",a)}else e(!0).to.be.false}export{c as default,s as scwLinkBaseElementQuery};
 //# sourceMappingURL=expectLink.js.map

package/dist/utils/testing/expectLink.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/testing/expectLink.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\nimport type ScwComponent from '../../scw-component/ScwComponent';\n\nexport const scwLinkBaseElementQuery = '.scw-link-base';\n\n/**\n * expect a link\n * @param {ScwComponent} ele\n * @param {string} textContent\n * @param {string} href\n * @param {string} target\n */\nexport default function expectLink(\n    ele:ScwComponent,\n    textContent: string | false = 'my label',\n    href: string = `https://www.summitcreditunion.com`,\n    target: string = '_blank',\n) {\n  const linkEle = ele.shadowRoot!.querySelector(scwLinkBaseElementQuery);\n\n  if (linkEle && linkEle.textContent) {\n    if (linkEle.textContent && textContent !== false) {\n      const textContentFinal = linkEle.textContent.trim().replace(/\\s+/g, ' ');\n      expect(textContentFinal).to.equal(textContent);\n    }\n\n    // a link\n    expect(linkEle.nodeName).to.equal(`A`);\n    expect(linkEle).to.have.attribute('href', href);\n    expect(linkEle).to.have.attribute('target', target);\n  } else {\n    expect(true).to.be.false;\n  }\n}\n"],
-  "mappings": "2WAGO,IAAMA,EAA0B,iBASxB,SAARC,EACHC,EACAC,EAA8B,WAC9BC,EAAe,oCACfC,EAAiB,SACnB,CACA,IAAMC,EAAUJ,EAAI,WAAY,cAAcF,CAAuB,EAErE,GAAIM,GAAWA,EAAQ,YAAa,CAClC,GAAIA,EAAQ,aAAeH,IAAgB,GAAO,CAChD,IAAMI,EAAmBD,EAAQ,YAAY,KAAK,EAAE,QAAQ,OAAQ,GAAG,EACvEE,EAAOD,CAAgB,EAAE,GAAG,MAAMJ,CAAW,CAC/C,CAGAK,EAAOF,EAAQ,QAAQ,EAAE,GAAG,MAAM,GAAG,EACrCE,EAAOF,CAAO,EAAE,GAAG,KAAK,UAAU,OAAQF,CAAI,EAC9CI,EAAOF,CAAO,EAAE,GAAG,KAAK,UAAU,SAAUD,CAAM,CACpD,MACEG,EAAO,EAAI,EAAE,GAAG,GAAG,KAEvB",
+  "mappings": "kZAGO,IAAMA,EAA0B,iBASxB,SAARC,EACHC,EACAC,EAA8B,WAC9BC,EAAe,oCACfC,EAAiB,SACnB,CACA,IAAMC,EAAUJ,EAAI,WAAY,cAAcF,CAAuB,EAErE,GAAIM,GAAWA,EAAQ,YAAa,CAClC,GAAIA,EAAQ,aAAeH,IAAgB,GAAO,CAChD,IAAMI,EAAmBD,EAAQ,YAAY,KAAK,EAAE,QAAQ,OAAQ,GAAG,EACvEE,EAAOD,CAAgB,EAAE,GAAG,MAAMJ,CAAW,CAC/C,CAGAK,EAAOF,EAAQ,QAAQ,EAAE,GAAG,MAAM,GAAG,EACrCE,EAAOF,CAAO,EAAE,GAAG,KAAK,UAAU,OAAQF,CAAI,EAC9CI,EAAOF,CAAO,EAAE,GAAG,KAAK,UAAU,SAAUD,CAAM,CACpD,MACEG,EAAO,EAAI,EAAE,GAAG,GAAG,KAEvB",
   "names": ["scwLinkBaseElementQuery", "expectLink", "ele", "textContent", "href", "target", "linkEle", "textContentFinal", "f"]
 }

package/dist/utils/testing/ssrTesting.js

@@ -1,2 +1,2 @@
-import{a as o}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.WJ7GGTRH.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";function s(t){o(t.ssr).to.contain('<template shadowroot="open">')}function r(t,e){o(t.ssr).to.contain("<a"),e&&o(t.ssr).to.contain(e)}export{r as expectSSRAnchor,s as expectSSRTemplate};
+import{a as o}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.OKKKSUXE.js";import"../../chunks/chunk.LXVTLQA3.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";function s(t){o(t.ssr).to.contain('<template shadowroot="open">')}function r(t,e){o(t.ssr).to.contain("<a"),e&&o(t.ssr).to.contain(e)}export{r as expectSSRAnchor,s as expectSSRTemplate};
 //# sourceMappingURL=ssrTesting.js.map

package/dist/utils/testing/ssrTesting.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/testing/ssrTesting.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\n\nexport interface SSRResults {\n  source: string;\n  ssr: string;\n}\n\n/**\n * expect SSR Template\n * @param {string} ssrResults\n */\nexport function expectSSRTemplate(ssrResults: SSRResults) {\n  expect(ssrResults.ssr).to.contain('<template shadowroot=\"open\">');\n}\n\n/**\n * expect SSR Anchor\n * @param {string} ssrResults\n * @param {string} href\n */\nexport function expectSSRAnchor(ssrResults: SSRResults, href?: string) {\n  expect(ssrResults.ssr).to.contain('<a');\n  if (href) {\n    expect(ssrResults.ssr).to.contain(href);\n  }\n}\n"],
-  "mappings": "2WAWO,SAASA,EAAkBC,EAAwB,CACxDC,EAAOD,EAAW,GAAG,EAAE,GAAG,QAAQ,8BAA8B,CAClE,CAOO,SAASE,EAAgBF,EAAwBG,EAAe,CACrEF,EAAOD,EAAW,GAAG,EAAE,GAAG,QAAQ,IAAI,EAClCG,GACFF,EAAOD,EAAW,GAAG,EAAE,GAAG,QAAQG,CAAI,CAE1C",
+  "mappings": "kZAWO,SAASA,EAAkBC,EAAwB,CACxDC,EAAOD,EAAW,GAAG,EAAE,GAAG,QAAQ,8BAA8B,CAClE,CAOO,SAASE,EAAgBF,EAAwBG,EAAe,CACrEF,EAAOD,EAAW,GAAG,EAAE,GAAG,QAAQ,IAAI,EAClCG,GACFF,EAAOD,EAAW,GAAG,EAAE,GAAG,QAAQG,CAAI,CAE1C",
   "names": ["expectSSRTemplate", "ssrResults", "f", "expectSSRAnchor", "href"]
 }

package/dist/utils/testing/testButtonADA.js

@@ -1,2 +1,2 @@
-import{a as s}from"../../chunks/chunk.36ANE3GT.js";import{a as e,b as o}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.WJ7GGTRH.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";async function b(t,a){await e(t).shadowDom.to.be.accessible(),await o({press:"Tab"});let i=a||t;e(s()).to.equal(i),await e(t).shadowDom.to.be.accessible(),t.blur(),t.setAttribute("hover",""),await e(t).shadowDom.to.be.accessible()}export{b as default};
+import{a as s}from"../../chunks/chunk.36ANE3GT.js";import{a as e,b as o}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.OKKKSUXE.js";import"../../chunks/chunk.LXVTLQA3.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";async function b(t,a){await e(t).shadowDom.to.be.accessible(),await o({press:"Tab"});let i=a||t;e(s()).to.equal(i),await e(t).shadowDom.to.be.accessible(),t.blur(),t.setAttribute("hover",""),await e(t).shadowDom.to.be.accessible()}export{b as default};
 //# sourceMappingURL=testButtonADA.js.map

package/dist/utils/testing/testButtonADA.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/testing/testButtonADA.ts"],
   "sourcesContent": ["import {expect} from '@open-wc/testing';\nimport {sendKeys} from '@web/test-runner-commands';\nimport getActiveElement from './getActiveElement';\n\n/**\n * test button ada and tabbability\n * @param {HTMLElement} el\n * @param {HTMLElement} tabTarget\n */\nexport default async function testButtonADAandTabbable(\n    el : HTMLElement,\n    tabTarget? : HTMLElement,\n) {\n  // ADA (default state)\n  await expect(el).shadowDom.to.be.accessible();\n\n  // Tabbable\n  await sendKeys({press: 'Tab'});\n  const finalTabTarget = tabTarget ? tabTarget : el;\n  expect(getActiveElement()).to.equal(finalTabTarget);\n\n  // ADA (focused state)\n  await expect(el).shadowDom.to.be.accessible();\n\n  // finally fake hover\n  el.blur();\n  el.setAttribute('hover', '');\n  await expect(el).shadowDom.to.be.accessible();\n}\n\n"],
-  "mappings": "qaASA,eAAOA,EACHC,EACAC,EACF,CAEA,MAAMC,EAAOF,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,EAG5C,MAAMG,EAAS,CAAC,MAAO,KAAK,CAAC,EAC7B,IAAMC,EAAiBH,GAAwBD,EAC/CE,EAAOG,EAAiB,CAAC,EAAE,GAAG,MAAMD,CAAc,EAGlD,MAAMF,EAAOF,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,EAG5CA,EAAG,KAAK,EACRA,EAAG,aAAa,QAAS,EAAE,EAC3B,MAAME,EAAOF,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,CAC9C",
+  "mappings": "4cASA,eAAOA,EACHC,EACAC,EACF,CAEA,MAAMC,EAAOF,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,EAG5C,MAAMG,EAAS,CAAC,MAAO,KAAK,CAAC,EAC7B,IAAMC,EAAiBH,GAAwBD,EAC/CE,EAAOG,EAAiB,CAAC,EAAE,GAAG,MAAMD,CAAc,EAGlD,MAAMF,EAAOF,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,EAG5CA,EAAG,KAAK,EACRA,EAAG,aAAa,QAAS,EAAE,EAC3B,MAAME,EAAOF,CAAE,EAAE,UAAU,GAAG,GAAG,WAAW,CAC9C",
   "names": ["testButtonADAandTabbable", "el", "tabTarget", "f", "sendKeys", "finalTabTarget", "getActiveElement"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "srouse",
   "license": "MIT",
@@ -32,21 +32,25 @@
     "build:ssr": "yarn scu-web-components-core ssr",
     "build:readme": "ctfl-readme build",
     "build:simple": "yarn scu-web-components-core build-simple docs",
+    "build:types": "node ./scripts/types.mjs",
     "build:watch": "yarn server",
     "test": "yarn scu-web-components-core test",
     "test:watch": "yarn scu-web-components-core test watch",
     "showlinks": "ls -lR node_modules | grep ^l"
   },
   "dependencies": {
-    "dotenv": "^10.0.0",
+    "dotenv": "^16.0.3",
     "rgb-hex": "^4.0.0",
     "yargs": "^17.4.1"
   },
   "devDependencies": {
+    "contentful": "^9.3.5",
+    "contentful-management": "^10.30.0",
     "contentful-readme-generator": "^0.0.6",
-    "scu-web-components-core": "0.0.37",
-    "validator": "^13.7.0",
-    "csstype": "3.1.1"
+    "contentful-typescript-codegen": "^3.4.0",
+    "csstype": "3.1.1",
+    "scu-web-components-core": "0.0.39",
+    "validator": "^13.7.0"
   },
   "customElements": "dist/custom-elements.json"
 }

package/scripts/types.mjs

@@ -0,0 +1,42 @@
+import render from 'contentful-typescript-codegen/dist/lib/renderers/render.js';
+import contentfulManagement from 'contentful-management';
+import {promises as fs} from 'fs';
+import 'dotenv/config';
+import path from 'path';
+
+/**
+ * types
+ * @param {string} outputFile
+ */
+export default async function types(outputFile) {
+  console.log(`building typescript types...${outputFile}`);
+
+  const contentfulClient = contentfulManagement.createClient({
+    accessToken: process.env.CONTENTFUL_MANAGEMENT_API_ACCESS_TOKEN
+  });
+
+  const space = await contentfulClient.getSpace(
+      process.env.CONTENTFUL_SPACE,
+  );
+  const environment = await space.getEnvironment(
+      process.env.CONTENTFUL_ENVIRONMENT,
+  );
+  const contentTypes = await environment.getContentTypes({limit: 1000});
+  const locales = await environment.getLocales();
+
+  const types = await render.default(contentTypes.items, locales.items, {
+    localization: false,
+    namespace: '',
+  });
+
+  const outputFolder = path.dirname(outputFile);
+  await fs.mkdir(outputFolder, {recursive: true});
+  await fs.writeFile(outputFile, types);
+
+  console.log(`types written to ${outputFile}`);
+  console.log('Typescript types done\n');
+}
+
+(async () => {
+  await types('./src/@types/generated/contentful.d.ts');
+})();

package/dist/chunks/chunk.3SST2ZKP.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-link/scss/scw-link.scss", "../../src/scw-link/scss/scw-link-text.scss", "../../src/scw-link/scss/scw-link-solid.scss", "../../src/scw-link/scss/scw-link-outlined.scss", "../../src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0U7RUFFRTtFQUNBO0VBQ0EifQ== */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXRleHQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2Rlc2lnbi10ZXh0LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItZGVzaWduLXRleHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1kZXNpZ24tdGV4dC1sYWJlbC1taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRQTtFQUNFO0VBQ0E7O0FBQ0E7RUNMQTtFQUNBO0VBRUU7RURJQTs7O0FBT0Y7QUFBQTtFRWRBO0VBQ0E7RUFFRTs7O0FGa0JGO0VHckJBO0VBQ0E7RUFJRSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-04, var(--scw-color-primary-04));\n  border-radius: 6px 6px 6px 6px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n  min-height: 27px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-10);\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-color-01, var(--scw-color-primary-01));\n  border-radius: 6px 6px 6px 6px;\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXNvbGlkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2RlZmF1bHQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVmYXVsdC1sZWZ0LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLWxlZnQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtaG92ZXItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fc3RhdGUtZGlzYWJsZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JBO0VBQ0U7RUFDQTtFQ1pFO0VBSUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRG5CQTs7QUNvQkE7RUFDTTtFQUNBOztBRHBCTjtFRXBCQTtFQUNBO0VBSUU7RUZpQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS1hFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxNQTs7QUtMQTtFQUNNO0VBQ0E7OztBTEtSO0VNZkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTlVBOztBTVRBO0VBQ007RUFDQTs7O0FOV1I7QUFBQTtFT2pESTtFQUlGOztBUGdEQTtBQUFBO0VRdERBO0VBQ0E7RUFJRTs7O0FSdURKO0VTeERJO0VBRUY7O0FUd0RBO0VVOURBO0VBQ0E7RUFJRTs7QVY2REE7RUFDRSxNV2xFRTs7QVhtRUY7RUFDRSxNV3BFQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-04, var(--scw-color-primary-04));\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-04, var(--scw-color-primary-04));\n  min-height: 27px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-04);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-04);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.6);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.6);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLW91dGxpbmVkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19kZXNpZ24tb3V0bGluZWQtbGFiZWwtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbGluay9fZGVzaWduLW91dGxpbmVkLWxlZnQtaWNvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX2ljb24tbGVmdC1kZXNpZ24tb3V0bGluZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1saW5rL19pY29uLXJpZ2h0LWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWhvdmVyLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWxpbmsvX3N0YXRlLWRpc2FibGVkLWRlc2lnbi1vdXRsaW5lZC1sYWJlbC12YXJzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBO0VBQ0U7RUFDQTtFQ1hFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUEyQkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDFCQTs7QUMyQkE7RUFDTTtFQUNBOztBRDNCTjtFRXBCQTtFQUNBO0VBRUU7RUZtQkEsWUdkSzs7QUhpQlA7RUlmQTtFQUNBOztBSmlCRTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0EsTUdoQ0U7O0FIaUNGO0VBQ0UsTUdsQ0E7OztBSHdDUjtFS0pFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUxEQTs7QUtFQTtFQUNNO0VBQ0E7OztBTERSO0VNVEU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFTklBOztBTUhBO0VBQ007RUFDQTs7O0FOS1I7QUFBQTtFT2hESTtFQUVGO0VBQ0E7RUFDQTtFQUVFOztBUDZDRjtBQUFBO0VRdkRBO0VBQ0E7RUFFRTs7O0FSMERKO0VTekRJO0VBRUY7RUFDQTtFQUNBO0VBSUU7O0FUbURGO0VVL0RBO0VBQ0E7RUFJRTs7QVY4REE7RUFDRSxNV25FRTs7QVhvRUY7RUFDRSxNV3JFQSJ9 */`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\n */\nexport default class ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n   * (ScwLink) Determines the icon to use with the text\n   * @param {string | undefined} icon\n   * */\n  @property({type: String, reflect: true})\n  set icon(icon: string | undefined) {\n    const oldValue = this._icon;\n    this._icon = icon;\n    this.requestUpdate('icon', oldValue);\n    this.refreshIcon();\n  }\n  /**\n   * icon getter\n   */\n  get icon() {\n    return this._icon;\n  }\n  private _icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\n  }\n\n  /**\n   * refreshIcon\n   */\n  refreshIcon() {\n    this.clearWarnings();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n        this.renderContent(),\n    );\n  }\n}\n"],
-  "mappings": "kUACA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;qVCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ixBCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;69DCAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6tECAf,IAAOC,EAAQ;AAAA;AAAA;AAAA;AAAA;qVCqBf,IAAqBC,EAArB,cAAqCC,CAAY,CAkD/C,aAAc,CACZ,MAAM,EAfN,qBAOA,oBAEO,cAAW,GAOlB,KAAK,cACP,CAjDA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAQA,IAAI,KAAKC,EAA0B,CACjC,IAAMC,EAAW,KAAK,MACtB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAQ,EACnC,KAAK,YAAY,CACnB,CAIA,IAAI,MAAO,CACT,OAAO,KAAK,KACd,CA8BA,aAAc,CACZ,KAAK,cAAc,EACnBC,EAAW,KAAK,KAAOC,GAA6B,CAC9CA,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAWA,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,OAAOC,CACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,kBACL,KAAK,gBAIT,CAMA,eAAwB,CACtB,IAAMC,EAAa,KAAK,WAAW,EAE7BC,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,OAAI,KAAK,iBACAC;AAAA,UACHC,EAAWF,CAAQ;AAAA;AAAA,QAKlBC;AAAA,QACHF,GAAc,KAAK,kBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACRA,EAAWF,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAETD,GAAc,KAAK,mBACrBE;AAAA;AAAA,YAEMC,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,oBAET,OAAOC,iBAEP,OAAOC,aAEP,OAAOC,sBAGP,OAAOC,EAEb,CAMA,QAAiB,CACf,OAAO,KAAK,WACR,KAAK,cAAc,CACvB,CACF,CACF,EArIMC,EAAA,CADH,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBhB,EAiBf,oBAmBFgB,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAnC5ChB,EAoCjB,wBAOAgB,EAAA,CADD,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA1CpBhB,EA2CjB,sBAEOgB,EAAA,CAARC,EAAM,GA7CYjB,EA6CV",
-  "names": ["scw_link_default", "scw_link_text_default", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_plain_default", "ScwLink", "ScwLinkBase", "scw_link_default", "icon", "oldValue", "getIconSvg", "svgInfo", "ScwLinkDesigns", "doShowIcon", "localCss", "y", "o", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_text_default", "scw_link_plain_default", "__decorateClass", "t"]
-}

package/dist/chunks/chunk.4WUXGWWA.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.NA2QZFUA.js";customElements.define("scw-stepper",e);
-//# sourceMappingURL=chunk.4WUXGWWA.js.map

package/dist/chunks/chunk.6M4KJF3Y.js

@@ -1,2 +0,0 @@
-import{a as t}from"./chunk.O6LKSGBL.js";customElements.define("scw-button",t);
-//# sourceMappingURL=chunk.6M4KJF3Y.js.map

package/dist/chunks/chunk.6PG6IABX.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.24CGKD4M.js";customElements.define("scw-menu-item",e);
-//# sourceMappingURL=chunk.6PG6IABX.js.map

package/dist/chunks/chunk.EDCZEEFY.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.P4Y7QFYU.js";customElements.define("scw-card",c);
-//# sourceMappingURL=chunk.EDCZEEFY.js.map

package/dist/chunks/chunk.FZ4JXK66.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk.NHM3COMD.js";customElements.define("scw-icon",c);
-//# sourceMappingURL=chunk.FZ4JXK66.js.map

package/dist/chunks/chunk.LSDM53VZ.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.3SST2ZKP.js";customElements.define("scw-link",e);
-//# sourceMappingURL=chunk.LSDM53VZ.js.map

package/dist/chunks/chunk.NA2QZFUA.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-stepper/scss/scw-stepper.scss", "../../src/scw-stepper/ScwStepper.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.container {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.container > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 3.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );\n}\n\n.circle {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 50% 50% 50% 50%;\n  width: 10px;\n  height: 10px;\n}\n.circle.focused {\n  background-color: var(--scw-color-grey-07);\n  border-radius: 50% 50% 50% 50%;\n}\n\n.body p {\n  font-size: 42px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property, state, query} from 'lit/decorators.js';\nimport {ref, createRef, Ref} from 'lit/directives/ref.js';\nimport ScwComponent from 'scw-component/ScwComponent';\nimport {Components} from 'utils/enums/Components';\nimport styles from './scss/scw-stepper.scss';\n\n/**\n * ScwStepper\n */\nexport default class ScwStepper extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  @property({type: String, attribute: 'test-this', reflect: true})\n    testThis = 'dog';\n\n  @state()\n    testState = 0;\n\n  @query('#myBtn')\n    first: HTMLDivElement | undefined;\n\n  contentRef: Ref<HTMLInputElement> = createRef();\n\n  example: string = 'hello there';\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.stepper;\n  }\n\n  /** connectedCallback */\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  /** firstUpdated */\n  firstUpdated() {\n    this.attachContent();\n  }\n\n  /** attachContent */\n  attachContent() {\n    const tmplt = this.querySelector('#content') as HTMLTemplateElement;\n    if (this.contentRef.value && tmplt) {\n      this.contentRef.value.appendChild(\n          tmplt.content.cloneNode(true),\n      );\n    }\n  }\n\n  /**\n   * renderStepItem\n   * @param {boolean} isFocused\n   * @return {string}\n   */\n  renderStepItem(isFocused: boolean = false) {\n    return html`\n      <div class=\"circle ${isFocused ? 'focused' : ''}\"></div>\n    `;\n  }\n\n  /**\n   * render\n   * @return {string}\n   */\n  render() {\n    let testThisJSON = undefined;\n    try {\n      testThisJSON = JSON.parse(this.testThis);\n    } catch (err) {\n      console.error(err);\n    }\n\n    return html`\n      <div class=\"container\">\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${testThisJSON?.test || 'no example'}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": "oOACA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6yBCSf,IAAqBC,EAArB,cAAwCC,CAAa,CAyBnD,aAAc,CACZ,MAAM,EAdN,cAAW,MAGX,eAAY,EAKd,gBAAoCC,EAAU,EAE9C,aAAkB,cAKhB,KAAK,iBACP,CAxBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAsBA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAGA,cAAe,CACb,KAAK,cAAc,CACrB,CAGA,eAAgB,CACd,IAAMC,EAAQ,KAAK,cAAc,UAAU,EACvC,KAAK,WAAW,OAASA,GAC3B,KAAK,WAAW,MAAM,YAClBA,EAAM,QAAQ,UAAU,EAAI,CAChC,CAEJ,CAOA,eAAeC,EAAqB,GAAO,CACzC,OAAOC;AAAA,2BACgBD,EAAY,UAAY;AAAA,KAEjD,CAMA,QAAS,CACP,IAAIE,EACJ,GAAI,CACFA,EAAe,KAAK,MAAM,KAAK,QAAQ,CACzC,OAASC,EAAP,CACA,QAAQ,MAAMA,CAAG,CACnB,CAEA,OAAOF;AAAA;AAAA,UAED,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe,EAAI;AAAA,UACxB,KAAK,eAAe;AAAA,WACpBC,GAAA,YAAAA,EAAc,OAAQ;AAAA;AAAA;AAAA,YAGpBE,EAAI,KAAK,UAAU;AAAA;AAAA;AAAA,KAI7B,CACF,EA1EIC,EAAA,CADDR,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAX5CF,EAYjB,wBAGAU,EAAA,CADDC,EAAM,GAdYX,EAejB,yBAGAU,EAAA,CADDE,EAAM,QAAQ,GAjBIZ,EAkBjB",
-  "names": ["scw_stepper_default", "ScwStepper", "ScwComponent", "e", "scw_stepper_default", "tmplt", "isFocused", "y", "testThisJSON", "err", "n", "__decorateClass", "t", "i"]
-}

package/dist/chunks/chunk.XH4BHYNF.js

@@ -1,2 +0,0 @@
-import{a as f}from"./chunk.PEKTPPGZ.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.XH4BHYNF.js.map