scu-web-components 0.0.48 → 0.0.50

package/dist/tokens/tokens.html

@@ -13,7 +13,7 @@
 
 		<script type="module">
 			import run from './apps/tokens/main.js';
-			run('.', import.meta, '0.7.38', '../example/dist/tokens' );
+			run('.', import.meta, '0.7.39', '../example/dist/tokens' );
 		</script>
 		<style>
 			body, html {
@@ -42,7 +42,7 @@
 		<div id="main"></div>
 
 		<div id="main-loading">
-			Loading Summit Tokenizer Style Guide 0.7.38
+			Loading Summit Tokenizer Style Guide 0.7.39
 		</div>
 
   </body>

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.LKAJLDUN.js";import"../chunks/chunk.72QHA3F6.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.6266DAWN.js";import"../chunks/chunk.EUL7ZD7O.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.OKKKSUXE.js";import"../../chunks/chunk.LXVTLQA3.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/ssrTesting.js

@@ -1,2 +1,2 @@
-import{a as o}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.OKKKSUXE.js";import"../../chunks/chunk.LXVTLQA3.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/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.OKKKSUXE.js";import"../../chunks/chunk.LXVTLQA3.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.48",
+  "version": "0.0.50",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "srouse",
   "license": "MIT",
@@ -20,8 +20,9 @@
     "start": "yarn server",
     "server": "yarn scu-web-components-core server",
     "lint": "yarn scu-web-components-core lint",
-    "build": "yarn scu-web-components-core build docs",
+    "build": "yarn scu-web-components-core build docs && yarn build:themes",
     "build:tokens": "yarn scu-web-components-core tokens",
+    "build:themes": "node ./scripts/themes.mjs",
     "build:manifest": "yarn scu-web-components-core manifest",
     "build:declaration": "yarn scu-web-components-core declaration",
     "build:breakpoints": "yarn scu-web-components-core breakpoints",
@@ -32,21 +33,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.39",
-    "validator": "^13.7.0",
-    "csstype": "3.1.1"
+    "contentful-typescript-codegen": "^3.4.0",
+    "csstype": "3.1.1",
+    "scu-web-components-core": "0.0.40",
+    "validator": "^13.7.0"
   },
   "customElements": "dist/custom-elements.json"
 }

package/scripts/themes.mjs

@@ -0,0 +1,68 @@
+import {promises as fs} from 'fs';
+import path from 'path';
+
+/**
+ * themes
+ * @param {string} outputFile
+ */
+export default async function themes(outputFile) {
+  console.log(`building THEMES ${outputFile}`);
+
+  const output = [];
+
+  // load the tokens
+  const tokensFile = './dist/tokens/source/tokens.json';
+  const tokens = JSON.parse(await fs.readFile(tokensFile, 'utf8'));
+
+  // NOT token W3C standard...
+  const groups = tokens.groups;
+  const colorPatterns = groups.find((group) => group.type === 'COLORS');
+  colorPatterns.patterns.map((pattern) => {
+    if (
+      pattern.type === 'COLOR_STEP_TOKENS' &&
+      pattern.valuesets && pattern.valuesets.length > 5
+    ) {
+      const step = pattern.exportName === 'grey' ? '02' : '05';
+      const stepHover = pattern.exportName === 'grey' ? '01' : '04';
+      const step2 = pattern.exportName === 'grey' ? '03' : '06';
+      const step3 = pattern.exportName === 'grey' ? '05' : '08';
+      output.push(`
+.scw-theme-${pattern.name},
+[scw-theme-${pattern.name}] {
+  --scw-theme-color: var( --scw-color-${pattern.name}-${step} );
+  --scw-theme-color-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-hover: var( --scw-color-${pattern.name}-${stepHover} );
+  --scw-theme-color-hover-inv: var( --scw-color-grey-10 );
+  --scw-theme-color-light: var( --scw-color-grey-095 );
+  --scw-theme-body-color: var( --scw-color-grey-02 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-${pattern.name}-${step} );
+  --scw-theme-icon-color-secondary: var( --scw-color-${pattern.name}-${step2} );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-${pattern.name}-${step3} );
+}
+.scw-theme-${pattern.name}-dark,
+[scw-theme-${pattern.name}-dark] {
+  --scw-theme-color: var( --scw-color-grey-10 );
+  --scw-theme-color-inv: var( --scw-color-${pattern.name}-${step} );
+  --scw-theme-color-hover: var( --scw-color-grey-10 );
+  --scw-theme-color-hover-inv: var( --scw-color-${pattern.name}-${stepHover} );
+  --scw-theme-color-light: var( --scw-color-${pattern.name}-${step} );
+  --scw-theme-body-color: var( --scw-color-grey-10 );
+  --scw-theme-border-color: var( --scw-color-grey-09 );
+  --scw-theme-icon-color: var( --scw-color-grey-10 );
+  --scw-theme-icon-color-secondary: var( --scw-color-${pattern.name}-09 );
+  --scw-theme-icon-color-tiertiary: var( --scw-color-${pattern.name}-08 );
+}
+`);
+    }
+  });
+
+  const outputFolder = path.dirname(outputFile);
+  await fs.mkdir(outputFolder, {recursive: true});
+  await fs.writeFile(outputFile, output.join('\n'));
+  console.log('THEMES done\n');
+}
+
+(async () => {
+  await themes('./dist/themes/themes.css');
+})();

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.24CGKD4M.js

@@ -1,208 +0,0 @@
-import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.3SST2ZKP.js";import{a as s}from"./chunk.XWFI56OY.js";import{a}from"./chunk.3IG37SCP.js";import{a as l}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var n=a`
-:host([design=main]) {
-  outline: none;
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  display: inline-flex;
-}
-:host([design=main]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([design=main]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-}
-:host([design=main]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-}
-
-:host([design=main]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: pointer;
-}
-:host([design=main]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-}
-
-:host([design=main][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: 0px;
-}
-:host([design=main][aria-selected=true]) > *:not(:last-child) {
-  margin-bottom: calc(var(--scw-spacing-1) * 0.8);
-  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-}
-:host([design=main][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-02);
-  align-self: stretch;
-  flex: 1;
-}
-:host([design=main][aria-selected=true]) .selected {
-  background-color: var(--scw-color-03, var(--scw-color-primary-03));
-  align-self: stretch;
-  height: 2px;
-}
-
-:host([design=main][aria-disabled=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: calc(var(--scw-spacing-1) * 0.8);
-  padding-bottom: var(--scw-spacing-1);
-  cursor: auto;
-  pointer-events: none;
-}
-:host([design=main][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-bold-condensed-07-font);
-  color: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-08);
-}
-:host([design=main][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-08);
-}
-
-:host([design=utility]) .scw-link-base {
-  background-color: rgba(0, 0, 0, 0);
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  padding-left: var(--scw-spacing-1);
-  padding-right: var(--scw-spacing-1);
-  padding-top: 0px;
-  padding-bottom: 0px;
-  display: inline-flex;
-}
-:host([design=utility]) .scw-link-base > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 0.4);
-  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
-}
-:host([design=utility]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-  min-height: 24px;
-}
-:host([design=utility]) .icon {
-  width: 24px;
-  height: 24px;
-}
-:host([design=utility]) .icon svg {
-  box-sizing: border-box;
-  vertical-align: top;
-  width: 100%;
-  height: 100%;
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:focus-visible) {
-  background-color: var(--scw-color-grey-10);
-  border-radius: 4px 4px 4px 4px;
-  box-shadow: var(--scw-effect-focus-shadow);
-}
-:host([design=utility]:focus-visible) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg {
-  fill: var(--scw-color-grey-02);
-}
-:host([design=utility]:focus-visible) .icon svg * {
-  fill: var(--scw-color-grey-02);
-}
-
-:host([design=utility]:hover) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility]:hover) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-}
-:host([design=utility]:hover) .icon svg {
-  fill: var(--scw-color-primary-04);
-}
-:host([design=utility]:hover) .icon svg * {
-  fill: var(--scw-color-primary-04);
-}
-
-:host([design=utility][aria-selected=true]) {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: pointer;
-}
-:host([design=utility][aria-selected=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-03, var(--scw-color-primary-03));
-}
-:host([design=utility][aria-selected=true]) .icon svg {
-  fill: var(--scw-color-primary);
-}
-:host([design=utility][aria-selected=true]) .icon svg * {
-  fill: var(--scw-color-primary);
-}
-
-:host([design=utility][aria-disabled=true]) {
-  cursor: auto;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0);
-}
-:host([design=utility][aria-disabled=true]) .label {
-  text-align: LEFT;
-  font: var(--scw-type-text-font);
-  color: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg {
-  fill: var(--scw-color-grey-07);
-}
-:host([design=utility][aria-disabled=true]) .icon svg * {
-  fill: var(--scw-color-grey-07);
-}
-
-:host {
-  white-space: nowrap;
-}
-:host .label {
-  white-space: nowrap;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51LWl0ZW0vc2NzcyIsInNvdXJjZXMiOlsic2N3LW1lbnUtaXRlbS1tYWluLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtc2VsZWN0ZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLXNlbGVjdGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1zZWxlY3RlZC1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLXV0aWxpdHkuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtaG92ZXItaWNvbi12ZWN0b3ItdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtc2VsZWN0ZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLXNlbGVjdGVkLWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1kaXNhYmxlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJBO0VBQ0U7RUNSRTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFRFZBOztBQUVBO0VFakJBO0VBQ0E7RUFJRTs7O0FGa0JKO0VHbkJJO0VBRUY7RUFDQTtFQWlCQTtFQUNBO0VBQ0E7RUFDQTs7QUhBQTtFSTNCQTtFQUNBO0VBSUU7OztBSjRCSjtFSzdCSTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFTFdBOztBQUVBO0VNdENBO0VBQ0E7RUFFRTs7O0FOeUNKO0VPeENJO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBUFNOO0VRaERBO0VBQ0E7RUFJRTtFQUVGO0VBQ0E7O0FSNENBO0VTbERFO0VBSUY7RUFhQTs7O0FUd0NGO0VVdkRJO0VBa0JGO0VBQ0E7RUFDQTtFQUNBO0VWcUNBO0VBQ0E7O0FBRUE7RVdqRUE7RUFDQTtFQUlFOztBWGdFQTtFQUNFLE1ZckVFOztBWnNFRjtFQUNFLE1ZdkVBOzs7QUNpQ047RUM5QkU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRENFOztBQ0FGO0VBQ007RUFDQTs7QURFTjtFRXpDQTtFQUNBO0VBSUU7RUZzQ0EsWUduQ0s7O0FIc0NQO0VJckNBO0VBQ0E7O0FKdUNFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNSzFEYTs7QUwyRGI7RUFDRSxNSzVEVzs7O0FMbUVuQjtFTTNESTtFQUVGO0VBQ0E7O0FOMkRBO0VPbEVBO0VBQ0E7RUFJRTs7QVBrRUE7RUFDRSxNUTVFYTs7QVI2RWI7RUFDRSxNUTlFVzs7O0FScUZuQjtFUzdFSTtFVCtFRjs7QUFFQTtFVXJGQTtFQUNBO0VBRUU7O0FWdUZBO0VBQ0UsTVcvRmE7O0FYZ0diO0VBQ0UsTVdqR1c7OztBWHdHbkI7RVloR0k7RVprR0Y7O0FBRUE7RWF4R0E7RUFDQTtFQUVFOztBYjBHQTtFQUNFLE1jbEhhOztBZG1IYjtFQUNFLE1jcEhXOzs7QWQySG5CO0VBQ0U7RUFDQTtFZXJIRTs7QWZ3SEY7RWdCNUhBO0VBQ0E7RUFJRTs7QWhCNEhBO0VBQ0UsTWlCdElhOztBakJ1SWI7RUFDRSxNaUJ4SVc7OztBQ0VuQjtFQUNFOztBQUVBO0VBQ0UifQ== */`;var t=class extends e{constructor(){super();this.ariaSelected="false";this.element="menu-item",this.setAttribute("role","menuitem")}static get styles(){return[super.styles,n]}hasPopup(){let i=this.nextElementSibling;return!!(i&&i.nodeName.indexOf("SCW-MENU")===0)}doShowIcon(){return!!(super.doShowIcon()&&this.design!=="main")}validDesigns(){return{...super.validDesigns(),...r}}connectedCallback(){super.connectedCallback(),this.hasPopup()&&this.setAttribute("aria-haspopup","true")}renderContent(){return this.design==="main"&&this.ariaSelected==="true"?(this.setAttribute("aria-current","page"),l`
-          <div>${super.renderContent()}</div>
-          <div class="selected"></div>
-        `):(this.removeAttribute("aria-current"),super.renderContent())}render(){return this.renderLink(this.renderContent())}};c([s({type:String,attribute:"aria-selected"})],t.prototype,"ariaSelected",2);export{t as a};
-//# sourceMappingURL=chunk.24CGKD4M.js.map

package/dist/chunks/chunk.24CGKD4M.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-menu-item/scss/scw-menu-item.scss", "../../src/scw-menu-item/ScwMenuItem.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=main]) {\n  outline: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  display: inline-flex;\n}\n:host([design=main]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n}\n:host([design=main]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n}\n\n:host([design=main]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: pointer;\n}\n:host([design=main]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n\n:host([design=main][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: 0px;\n}\n:host([design=main][aria-selected=true]) > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.8);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host([design=main][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n  flex: 1;\n}\n:host([design=main][aria-selected=true]) .selected {\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n  height: 2px;\n}\n\n:host([design=main][aria-disabled=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 0.8);\n  padding-bottom: var(--scw-spacing-1);\n  cursor: auto;\n  pointer-events: none;\n}\n:host([design=main][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-07-font);\n  color: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-08);\n}\n:host([design=main][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-08);\n}\n\n:host([design=utility]) .scw-link-base {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  display: inline-flex;\n}\n:host([design=utility]) .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=utility]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  min-height: 24px;\n}\n:host([design=utility]) .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=utility]) .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:focus-visible) {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n:host([design=utility]:focus-visible) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg {\n  fill: var(--scw-color-grey-02);\n}\n:host([design=utility]:focus-visible) .icon svg * {\n  fill: var(--scw-color-grey-02);\n}\n\n:host([design=utility]:hover) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility]:hover) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n:host([design=utility]:hover) .icon svg {\n  fill: var(--scw-color-primary-04);\n}\n:host([design=utility]:hover) .icon svg * {\n  fill: var(--scw-color-primary-04);\n}\n\n:host([design=utility][aria-selected=true]) {\n  background-color: rgba(0, 0, 0, 0);\n  cursor: pointer;\n}\n:host([design=utility][aria-selected=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n}\n:host([design=utility][aria-selected=true]) .icon svg {\n  fill: var(--scw-color-primary);\n}\n:host([design=utility][aria-selected=true]) .icon svg * {\n  fill: var(--scw-color-primary);\n}\n\n:host([design=utility][aria-disabled=true]) {\n  cursor: auto;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0);\n}\n:host([design=utility][aria-disabled=true]) .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=utility][aria-disabled=true]) .icon svg * {\n  fill: var(--scw-color-grey-07);\n}\n\n:host {\n  white-space: nowrap;\n}\n:host .label {\n  white-space: nowrap;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51LWl0ZW0vc2NzcyIsInNvdXJjZXMiOlsic2N3LW1lbnUtaXRlbS1tYWluLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2RlZmF1bHQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWZvY3VzZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtc2VsZWN0ZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLXNlbGVjdGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1zZWxlY3RlZC1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX3N0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19zdGF0ZS1kaXNhYmxlZC1sYWJlbC12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLXV0aWxpdHkuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1sYWJlbC12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZm9jdXNlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWhvdmVyLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1ob3Zlci1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtaG92ZXItaWNvbi12ZWN0b3ItdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1zZWxlY3RlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtc2VsZWN0ZWQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLXNlbGVjdGVkLWljb24tdmVjdG9yLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LW1lbnUtaXRlbS9fZGVzaWduLXV0aWxpdHktc3RhdGUtZGlzYWJsZWQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1tZW51LWl0ZW0vX2Rlc2lnbi11dGlsaXR5LXN0YXRlLWRpc2FibGVkLWxhYmVsLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctbWVudS1pdGVtL19kZXNpZ24tdXRpbGl0eS1zdGF0ZS1kaXNhYmxlZC1pY29uLXZlY3Rvci12YXJzLnNjc3MiLCJzY3ctbWVudS1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJBO0VBQ0U7RUNSRTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFRFZBOztBQUVBO0VFakJBO0VBQ0E7RUFJRTs7O0FGa0JKO0VHbkJJO0VBRUY7RUFDQTtFQWlCQTtFQUNBO0VBQ0E7RUFDQTs7QUhBQTtFSTNCQTtFQUNBO0VBSUU7OztBSjRCSjtFSzdCSTtFQWtCRjtFQUNBO0VBQ0E7RUFDQTtFTFdBOztBQUVBO0VNdENBO0VBQ0E7RUFFRTs7O0FOeUNKO0VPeENJO0VBeUJGO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBUFNOO0VRaERBO0VBQ0E7RUFJRTtFQUVGO0VBQ0E7O0FSNENBO0VTbERFO0VBSUY7RUFhQTs7O0FUd0NGO0VVdkRJO0VBa0JGO0VBQ0E7RUFDQTtFQUNBO0VWcUNBO0VBQ0E7O0FBRUE7RVdqRUE7RUFDQTtFQUlFOztBWGdFQTtFQUNFLE1ZckVFOztBWnNFRjtFQUNFLE1ZdkVBOzs7QUNpQ047RUM5QkU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRENFOztBQ0FGO0VBQ007RUFDQTs7QURFTjtFRXpDQTtFQUNBO0VBSUU7RUZzQ0EsWUduQ0s7O0FIc0NQO0VJckNBO0VBQ0E7O0FKdUNFO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQSxNSzFEYTs7QUwyRGI7RUFDRSxNSzVEVzs7O0FMbUVuQjtFTTNESTtFQUVGO0VBQ0E7O0FOMkRBO0VPbEVBO0VBQ0E7RUFJRTs7QVBrRUE7RUFDRSxNUTVFYTs7QVI2RWI7RUFDRSxNUTlFVzs7O0FScUZuQjtFUzdFSTtFVCtFRjs7QUFFQTtFVXJGQTtFQUNBO0VBRUU7O0FWdUZBO0VBQ0UsTVcvRmE7O0FYZ0diO0VBQ0UsTVdqR1c7OztBWHdHbkI7RVloR0k7RVprR0Y7O0FBRUE7RWF4R0E7RUFDQTtFQUVFOztBYjBHQTtFQUNFLE1jbEhhOztBZG1IYjtFQUNFLE1jcEhXOzs7QWQySG5CO0VBQ0U7RUFDQTtFZXJIRTs7QWZ3SEY7RWdCNUhBO0VBQ0E7RUFJRTs7QWhCNEhBO0VBQ0UsTWlCdElhOztBakJ1SWI7RUFDRSxNaUJ4SVc7OztBQ0VuQjtFQUNFOztBQUVBO0VBQ0UifQ== */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport styles from './scss/scw-menu-item.scss';\nimport {ScwMenuItemDesigns} from './scw-menu-item-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenuItem\n * @class\n * @tag scw-menu-item\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwMenuItem extends ScwLink {\n  // ============== ScwMenuItem ================================================\n  /**\n  * (ScwMenuItem) selected state\n  * @type {Boolean}\n  */\n  @property({type: String, attribute: 'aria-selected'})\n    ariaSelected = 'false';\n\n  /**\n  * extending styles from ScwLink\n  * https://stackoverflow.com/questions/60266303/\n  *  how-to-extend-and-style-existing-litelements\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menuItem;\n    this.setAttribute('role', 'menuitem');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {boolean}\n   */\n  hasPopup() {\n    const next = this.nextElementSibling;\n    // if (next && next['element'] === Components.menu ) {\n    // the component may not be initialized yet...\n    if (next && next.nodeName.indexOf('SCW-MENU') === 0 ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    const superDoShowIcon = super.doShowIcon();\n    if ( superDoShowIcon &&\n    this.design !== ScwMenuItemDesigns.main\n    ) {\n      return true;\n    }\n    return false;\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 {\n      ...super.validDesigns(),\n      ...ScwMenuItemDesigns,\n    };\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasPopup() ) {\n      this.setAttribute( 'aria-haspopup', 'true' );\n    }\n  }\n\n  /**\n   * renderContent\n   * @return {object}\n   */\n  renderContent() {\n    if (\n      this.design === ScwMenuItemDesigns.main &&\n      this.ariaSelected === 'true'\n    ) {\n      this.setAttribute( 'aria-current', 'page' );\n      // protect initial flex-v...a link with icons is flex-h\n      return html`\n          <div>${super.renderContent()}</div>\n          <div class=\"selected\"></div>\n        `;\n    } else {\n      this.removeAttribute( 'aria-current' );\n      return super.renderContent();\n    }\n  }\n\n  /**\n  *\n  * @return {object}\n  */\n  render(): object {\n    return this.renderLink(\n        this.renderContent(),\n    );\n  }\n}\n"],
-  "mappings": "2OACA,IAAOA,EAAQC;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;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;q/JCiBf,IAAqBC,EAArB,cAAyCC,CAAQ,CAwB/C,aAAc,CACZ,MAAM,EAlBN,kBAAe,QAmBf,KAAK,oBACL,KAAK,aAAa,OAAQ,UAAU,CACtC,CAdA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAeA,UAAW,CACT,IAAMC,EAAO,KAAK,mBAGlB,MAAI,GAAAA,GAAQA,EAAK,SAAS,QAAQ,UAAU,IAAM,EAIpD,CAMA,YAAuB,CAErB,MAAK,GADmB,MAAM,WAAW,GAEzC,KAAK,gBAKP,CAMA,cAAwB,CACtB,MAAO,CACL,GAAG,MAAM,aAAa,EACtB,GAAGC,CACL,CACF,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EACpB,KAAK,SAAS,GAChB,KAAK,aAAc,gBAAiB,MAAO,CAE/C,CAMA,eAAgB,CACd,OACE,KAAK,iBACL,KAAK,eAAiB,QAEtB,KAAK,aAAc,eAAgB,MAAO,EAEnCC;AAAA,iBACI,MAAM,cAAc;AAAA;AAAA,YAI/B,KAAK,gBAAiB,cAAe,EAC9B,MAAM,cAAc,EAE/B,CAMA,QAAiB,CACf,OAAO,KAAK,WACR,KAAK,cAAc,CACvB,CACF,CACF,EApGIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GANjCP,EAOjB",
-  "names": ["scw_menu_item_default", "i", "ScwMenuItem", "ScwLink", "scw_menu_item_default", "next", "ScwMenuItemDesigns", "y", "__decorateClass", "e"]
-}

package/dist/chunks/chunk.25LN7YHW.js

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

package/dist/chunks/chunk.2EG3FQXN.js

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

package/dist/chunks/chunk.2WWTMQQB.js

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

package/dist/chunks/chunk.2WWTMQQB.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/scw-stepper/scw-stepper.ts"],
-  "sourcesContent": ["import ScwStepper from './ScwStepper';\ncustomElements.define('scw-stepper', ScwStepper );\n"],
-  "mappings": "wCACA,eAAe,OAAO,cAAeA,CAAW",
-  "names": ["ScwStepper"]
-}

package/dist/chunks/chunk.2X5ZOE5T.js

@@ -1,50 +0,0 @@
-import{a as u,b as p}from"./chunk.2G75FJJM.js";import{a as d}from"./chunk.LXVTLQA3.js";import{a as n,b as c,c as a,d as l}from"./chunk.XWFI56OY.js";import{a as o}from"./chunk.3IG37SCP.js";import{a as r}from"./chunk.PKA6D7UK.js";import{g as s}from"./chunk.5YJY6NT6.js";var m=o`
-:host {
-  display: block;
-}
-
-.container {
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.container > *:not(:last-child) {
-  margin-right: calc(var(--scw-spacing-1) * 3.8);
-  --margin-right: calc( var( --scw-spacing-1 ) * 3.8 );
-}
-
-.circle {
-  background-color: var(--scw-color-grey-092);
-  border-radius: 50% 50% 50% 50%;
-  width: 10px;
-  height: 10px;
-}
-.circle.focused {
-  background-color: var(--scw-color-grey-07);
-  border-radius: 50% 50% 50% 50%;
-}
-
-.body p {
-  font-size: 42px;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zdGVwcGVyL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1zdGVwcGVyLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zdGVwcGVyL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc3RlcHBlci1pY29uL19kZWZhdWx0LWNpcmNsZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXN0ZXBwZXItaWNvbi9fc3RhdGUtZm9jdXNlZC1jaXJjbGUtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0E7RUFDRTs7O0FBR0Y7RUMwQkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7OztBRGhDUjtFRUhJO0VBRUY7RUFJQTtFQUNBOztBRkFBO0VHUEU7RUFFRjs7O0FIWUE7RUFDRSJ9 */`;var e=class extends l{constructor(){super();this.test="test";this.testState=0;this.contentRef=u();this.example="hello there";this.element="stepper",console.log("constructor",this.testJson),this.testAttr=this.testJson,this.test=this.testHtml,this.testHtml="test"}static get styles(){return[super.styles,m]}requestUpdate(t,i){super.requestUpdate(),console.log("requestUpdate",t,i)}connectedCallback(){super.connectedCallback()}firstUpdated(){this.attachContent()}attachContent(){let t=this.querySelector("#content");this.contentRef.value&&t&&this.contentRef.value.appendChild(t.content.cloneNode(!0))}renderStepItem(t=!1){return r`
-      <div class="circle ${t?"focused":""}"></div>
-    `}render(){let t;try{this.testJson&&(t=JSON.parse(decodeURIComponent(this.testJson)),console.log("testJsonJSON",t))}catch(f){console.error(f)}return r`
-      <div class="container">
-        ${this.renderStepItem()}
-        ${this.renderStepItem(!0)}
-        ${this.renderStepItem()}
-        ${(t==null?void 0:t.test)||"no json example"}
-        ${d(this.test)}
-        <div
-          class="body"
-          ${p(this.contentRef)}>
-        </div>
-      </div>
-    `}};s([n({type:String,attribute:"test-json",reflect:!0})],e.prototype,"testJson",2),s([n({type:String,attribute:"test-html",reflect:!0})],e.prototype,"testHtml",2),s([n({type:String,attribute:"test-attr",reflect:!0})],e.prototype,"testAttr",2),s([c()],e.prototype,"testState",2),s([a("#myBtn")],e.prototype,"first",2);export{e as a};
-//# sourceMappingURL=chunk.2X5ZOE5T.js.map

package/dist/chunks/chunk.2X5ZOE5T.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 {unsafeHTML} from 'lit-html/directives/unsafe-html.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-json', reflect: true})\n    testJson: string | undefined;\n\n  @property({type: String, attribute: 'test-html', reflect: true})\n    testHtml: string | undefined;\n\n  @property({type: String, attribute: 'test-attr', reflect: true})\n    testAttr: string | undefined;\n\n  test: string | undefined = 'test';\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    console.log('constructor', this.testJson);\n    this.testAttr = this.testJson;\n    this.test = this.testHtml;\n    this.testHtml = 'test';\n  }\n\n  // eslint-disable-next-line valid-jsdoc\n  /** requestUpdate */\n  requestUpdate(a: any, b: any) {\n    super.requestUpdate();\n    console.log('requestUpdate', a, b);\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 testJsonJSON = undefined;\n    try {\n      if (this.testJson) {\n        testJsonJSON = JSON.parse(decodeURIComponent(this.testJson));\n        console.log('testJsonJSON', testJsonJSON);\n      }\n    } catch (err) {\n      console.error(err);\n    }\n\n    const output = html`\n      <div class=\"container\">\n        ${this.renderStepItem()}\n        ${this.renderStepItem(true)}\n        ${this.renderStepItem()}\n        ${testJsonJSON?.test || 'no json example'}\n        ${unsafeHTML(this.test)}\n        <div\n          class=\"body\"\n          ${ref(this.contentRef)}>\n        </div>\n      </div>\n    `;\n    return output;\n  }\n}\n"],
-  "mappings": "4QACA,IAAOA,EAAQC;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;6yBCUf,IAAqBC,EAArB,cAAwCC,CAAa,CAiCnD,aAAc,CACZ,MAAM,EAdR,UAA2B,OAGzB,eAAY,EAKd,gBAAoCC,EAAU,EAE9C,aAAkB,cAKhB,KAAK,kBAEL,QAAQ,IAAI,cAAe,KAAK,QAAQ,EACxC,KAAK,SAAW,KAAK,SACrB,KAAK,KAAO,KAAK,SACjB,KAAK,SAAW,MAClB,CArCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAoCA,cAAcC,EAAQC,EAAQ,CAC5B,MAAM,cAAc,EACpB,QAAQ,IAAI,gBAAiBD,EAAGC,CAAC,CACnC,CAGA,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,CACE,KAAK,WACPA,EAAe,KAAK,MAAM,mBAAmB,KAAK,QAAQ,CAAC,EAC3D,QAAQ,IAAI,eAAgBA,CAAY,EAE5C,OAASC,EAAP,CACA,QAAQ,MAAMA,CAAG,CACnB,CAeA,OAbeF;AAAA;AAAA,UAET,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe,EAAI;AAAA,UACxB,KAAK,eAAe;AAAA,WACpBC,GAAA,YAAAA,EAAc,OAAQ;AAAA,UACtBE,EAAW,KAAK,IAAI;AAAA;AAAA;AAAA,YAGlBC,EAAI,KAAK,UAAU;AAAA;AAAA;AAAA,KAK7B,CACF,EAnGIC,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAX5CF,EAYjB,wBAGAa,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAd5CF,EAejB,wBAGAa,EAAA,CADDX,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAa,QAAS,EAAI,CAAC,GAjB5CF,EAkBjB,wBAKAa,EAAA,CADDC,EAAM,GAtBYd,EAuBjB,yBAGAa,EAAA,CADDE,EAAM,QAAQ,GAzBIf,EA0BjB",
-  "names": ["scw_stepper_default", "i", "ScwStepper", "ScwComponent", "e", "scw_stepper_default", "a", "b", "tmplt", "isFocused", "y", "testJsonJSON", "err", "o", "n", "__decorateClass", "t", "i"]
-}

package/dist/chunks/chunk.2XFKWS7S.js

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