scu-web-components 0.0.42 → 0.0.44

package/dist/chunks/chunk.MKQHB2CE.js

@@ -0,0 +1,2 @@
+var t=["icon-placeholder","icon-close","icon-instagram","icon-check","icon-download","icon-menu","icon-tester","icon-linkedin","icon-facebook","icon-tiktok","icon-location","icon-location-dot","icon-search","icon-visible","icon-hidden","icon-lock","icon-edit","icon-envelope","icon-external-link","icon-crosshairs","icon-message","icon-minus","icon-mobile","icon-pdf","icon-plus","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-clock","icon-info","icon-user","icon-circle","icon-code","icon-print","icon-slider","icon-document","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-color-test","graphic-apple-app-store","graphic-logo","graphic-ncua","graphic-ehl","graphic-google-play-store"];async function o(e,i){if(!t.includes(e))return!1;let a;switch(e){case"icon-placeholder":a=(await import("./icon-placeholder.H62WLGDV.js")).default;break;case"icon-close":a=(await import("./icon-close.54SWM4NN.js")).default;break;case"icon-instagram":a=(await import("./icon-instagram.6SNPIITH.js")).default;break;case"icon-check":a=(await import("./icon-check.2J6H24PQ.js")).default;break;case"icon-download":a=(await import("./icon-download.PZAFFQ6X.js")).default;break;case"icon-menu":a=(await import("./icon-menu.YT2VRBVW.js")).default;break;case"icon-tester":a=(await import("./icon-tester.PNAPVVCU.js")).default;break;case"icon-linkedin":a=(await import("./icon-linkedin.MAI4ZPUP.js")).default;break;case"icon-facebook":a=(await import("./icon-facebook.QXY4NSZC.js")).default;break;case"icon-tiktok":a=(await import("./icon-tiktok.GIFGF7PJ.js")).default;break;case"icon-location":a=(await import("./icon-location.QQ2PREBA.js")).default;break;case"icon-location-dot":a=(await import("./icon-location-dot.WO3EZZJ4.js")).default;break;case"icon-search":a=(await import("./icon-search.G6EUFLAB.js")).default;break;case"icon-visible":a=(await import("./icon-visible.6LLG6U2V.js")).default;break;case"icon-hidden":a=(await import("./icon-hidden.XVGOU2XC.js")).default;break;case"icon-lock":a=(await import("./icon-lock.IDEZHIWZ.js")).default;break;case"icon-edit":a=(await import("./icon-edit.CBMWMGRY.js")).default;break;case"icon-envelope":a=(await import("./icon-envelope.VVRENS7E.js")).default;break;case"icon-external-link":a=(await import("./icon-external-link.G55QN337.js")).default;break;case"icon-crosshairs":a=(await import("./icon-crosshairs.XJVZHAJC.js")).default;break;case"icon-message":a=(await import("./icon-message.3DWME3DJ.js")).default;break;case"icon-minus":a=(await import("./icon-minus.Y6J3TBEG.js")).default;break;case"icon-mobile":a=(await import("./icon-mobile.NTHRHOJL.js")).default;break;case"icon-pdf":a=(await import("./icon-pdf.NPPTHMNU.js")).default;break;case"icon-plus":a=(await import("./icon-plus.OWM6ZAXM.js")).default;break;case"icon-chevron-up":a=(await import("./icon-chevron-up.E72GWARZ.js")).default;break;case"icon-chevron-down":a=(await import("./icon-chevron-down.G3D5CS54.js")).default;break;case"icon-chevron-left":a=(await import("./icon-chevron-left.U4KXPC3Z.js")).default;break;case"icon-chevron-right":a=(await import("./icon-chevron-right.Q25FULHU.js")).default;break;case"icon-clock":a=(await import("./icon-clock.U2YNTBDN.js")).default;break;case"icon-info":a=(await import("./icon-info.U2ENHMDH.js")).default;break;case"icon-user":a=(await import("./icon-user.PWD6MXKR.js")).default;break;case"icon-circle":a=(await import("./icon-circle.YMYFOJQF.js")).default;break;case"icon-code":a=(await import("./icon-code.7DGRWN7U.js")).default;break;case"icon-print":a=(await import("./icon-print.U3N7JRFD.js")).default;break;case"icon-slider":a=(await import("./icon-slider.AE5XEGK5.js")).default;break;case"icon-document":a=(await import("./icon-document.ZFL6AULX.js")).default;break;case"icon-checkbox":a=(await import("./icon-checkbox.YH7MMYRP.js")).default;break;case"icon-radio":a=(await import("./icon-radio.I2FI3WCV.js")).default;break;case"icon-checkbox-selected":a=(await import("./icon-checkbox-selected.FED2RUMY.js")).default;break;case"icon-radio-selected":a=(await import("./icon-radio-selected.XXL7SCSC.js")).default;break;case"icon-checkbox-hover":a=(await import("./icon-checkbox-hover.CNYOUMCW.js")).default;break;case"icon-radio-hover":a=(await import("./icon-radio-hover.B5FZHVHA.js")).default;break;case"icon-checkbox-selected-hover":a=(await import("./icon-checkbox-selected-hover.Z2A35DYF.js")).default;break;case"icon-radio-selected-hover":a=(await import("./icon-radio-selected-hover.O6DFK257.js")).default;break;case"icon-checkbox-disabled":a=(await import("./icon-checkbox-disabled.VSUFMT3G.js")).default;break;case"icon-radio-disabled":a=(await import("./icon-radio-disabled.Q5ZGKYKV.js")).default;break;case"icon-checkbox-selected-disabled":a=(await import("./icon-checkbox-selected-disabled.YPIYXSB5.js")).default;break;case"icon-radio-selected-disabled":a=(await import("./icon-radio-selected-disabled.CJWSVALQ.js")).default;break;case"icon-color-test":a=(await import("./icon-color-test.JO6FCNHQ.js")).default;break;case"graphic-apple-app-store":a=(await import("./graphic-apple-app-store.BINYIYOC.js")).default;break;case"graphic-logo":a=(await import("./graphic-logo.ZDB2NNEH.js")).default;break;case"graphic-ncua":a=(await import("./graphic-ncua.AGM6NECM.js")).default;break;case"graphic-ehl":a=(await import("./graphic-ehl.HFHAC6QM.js")).default;break;case"graphic-google-play-store":a=(await import("./graphic-google-play-store.7EJSH2VV.js")).default;break}return i===!0?`url('data:image/svg+xml;utf8,${a.replace(/#/g,"%23")}')`:a}function r(e,i){if(e){let a=e;e.indexOf("icon-")!==0&&(a=`icon-${e}`),o(a).then(c=>{i(c)})}}export{r as a};
+//# sourceMappingURL=chunk.MKQHB2CE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../tokens/source/assets/svgs.js", "../../src/utils/getIconSvg.ts"],
+  "sourcesContent": ["\nconst svgs = [\n  'icon-placeholder',\n\t'icon-close',\n\t'icon-instagram',\n\t'icon-check',\n\t'icon-download',\n\t'icon-menu',\n\t'icon-tester',\n\t'icon-linkedin',\n\t'icon-facebook',\n\t'icon-tiktok',\n\t'icon-location',\n\t'icon-location-dot',\n\t'icon-search',\n\t'icon-visible',\n\t'icon-hidden',\n\t'icon-lock',\n\t'icon-edit',\n\t'icon-envelope',\n\t'icon-external-link',\n\t'icon-crosshairs',\n\t'icon-message',\n\t'icon-minus',\n\t'icon-mobile',\n\t'icon-pdf',\n\t'icon-plus',\n\t'icon-chevron-up',\n\t'icon-chevron-down',\n\t'icon-chevron-left',\n\t'icon-chevron-right',\n\t'icon-clock',\n\t'icon-info',\n\t'icon-user',\n\t'icon-circle',\n\t'icon-code',\n\t'icon-print',\n\t'icon-slider',\n\t'icon-document',\n\t'icon-checkbox',\n\t'icon-radio',\n\t'icon-checkbox-selected',\n\t'icon-radio-selected',\n\t'icon-checkbox-hover',\n\t'icon-radio-hover',\n\t'icon-checkbox-selected-hover',\n\t'icon-radio-selected-hover',\n\t'icon-checkbox-disabled',\n\t'icon-radio-disabled',\n\t'icon-checkbox-selected-disabled',\n\t'icon-radio-selected-disabled',\n\t'icon-color-test',\n\t'graphic-apple-app-store',\n\t'graphic-logo',\n\t'graphic-ncua',\n\t'graphic-ehl',\n\t'graphic-google-play-store'\n];\n\nexport default async function getSvg( svgName, urlBase64 ) {\n  if ( !svgs.includes(svgName) ) {\n    return false;\n  }\n  let svg;\n  switch ( svgName ) {\n\t\tcase 'icon-placeholder': svg = (await import('./icon-placeholder.js')).default; break;\n\t\tcase 'icon-close': svg = (await import('./icon-close.js')).default; break;\n\t\tcase 'icon-instagram': svg = (await import('./icon-instagram.js')).default; break;\n\t\tcase 'icon-check': svg = (await import('./icon-check.js')).default; break;\n\t\tcase 'icon-download': svg = (await import('./icon-download.js')).default; break;\n\t\tcase 'icon-menu': svg = (await import('./icon-menu.js')).default; break;\n\t\tcase 'icon-tester': svg = (await import('./icon-tester.js')).default; break;\n\t\tcase 'icon-linkedin': svg = (await import('./icon-linkedin.js')).default; break;\n\t\tcase 'icon-facebook': svg = (await import('./icon-facebook.js')).default; break;\n\t\tcase 'icon-tiktok': svg = (await import('./icon-tiktok.js')).default; break;\n\t\tcase 'icon-location': svg = (await import('./icon-location.js')).default; break;\n\t\tcase 'icon-location-dot': svg = (await import('./icon-location-dot.js')).default; break;\n\t\tcase 'icon-search': svg = (await import('./icon-search.js')).default; break;\n\t\tcase 'icon-visible': svg = (await import('./icon-visible.js')).default; break;\n\t\tcase 'icon-hidden': svg = (await import('./icon-hidden.js')).default; break;\n\t\tcase 'icon-lock': svg = (await import('./icon-lock.js')).default; break;\n\t\tcase 'icon-edit': svg = (await import('./icon-edit.js')).default; break;\n\t\tcase 'icon-envelope': svg = (await import('./icon-envelope.js')).default; break;\n\t\tcase 'icon-external-link': svg = (await import('./icon-external-link.js')).default; break;\n\t\tcase 'icon-crosshairs': svg = (await import('./icon-crosshairs.js')).default; break;\n\t\tcase 'icon-message': svg = (await import('./icon-message.js')).default; break;\n\t\tcase 'icon-minus': svg = (await import('./icon-minus.js')).default; break;\n\t\tcase 'icon-mobile': svg = (await import('./icon-mobile.js')).default; break;\n\t\tcase 'icon-pdf': svg = (await import('./icon-pdf.js')).default; break;\n\t\tcase 'icon-plus': svg = (await import('./icon-plus.js')).default; break;\n\t\tcase 'icon-chevron-up': svg = (await import('./icon-chevron-up.js')).default; break;\n\t\tcase 'icon-chevron-down': svg = (await import('./icon-chevron-down.js')).default; break;\n\t\tcase 'icon-chevron-left': svg = (await import('./icon-chevron-left.js')).default; break;\n\t\tcase 'icon-chevron-right': svg = (await import('./icon-chevron-right.js')).default; break;\n\t\tcase 'icon-clock': svg = (await import('./icon-clock.js')).default; break;\n\t\tcase 'icon-info': svg = (await import('./icon-info.js')).default; break;\n\t\tcase 'icon-user': svg = (await import('./icon-user.js')).default; break;\n\t\tcase 'icon-circle': svg = (await import('./icon-circle.js')).default; break;\n\t\tcase 'icon-code': svg = (await import('./icon-code.js')).default; break;\n\t\tcase 'icon-print': svg = (await import('./icon-print.js')).default; break;\n\t\tcase 'icon-slider': svg = (await import('./icon-slider.js')).default; break;\n\t\tcase 'icon-document': svg = (await import('./icon-document.js')).default; break;\n\t\tcase 'icon-checkbox': svg = (await import('./icon-checkbox.js')).default; break;\n\t\tcase 'icon-radio': svg = (await import('./icon-radio.js')).default; break;\n\t\tcase 'icon-checkbox-selected': svg = (await import('./icon-checkbox-selected.js')).default; break;\n\t\tcase 'icon-radio-selected': svg = (await import('./icon-radio-selected.js')).default; break;\n\t\tcase 'icon-checkbox-hover': svg = (await import('./icon-checkbox-hover.js')).default; break;\n\t\tcase 'icon-radio-hover': svg = (await import('./icon-radio-hover.js')).default; break;\n\t\tcase 'icon-checkbox-selected-hover': svg = (await import('./icon-checkbox-selected-hover.js')).default; break;\n\t\tcase 'icon-radio-selected-hover': svg = (await import('./icon-radio-selected-hover.js')).default; break;\n\t\tcase 'icon-checkbox-disabled': svg = (await import('./icon-checkbox-disabled.js')).default; break;\n\t\tcase 'icon-radio-disabled': svg = (await import('./icon-radio-disabled.js')).default; break;\n\t\tcase 'icon-checkbox-selected-disabled': svg = (await import('./icon-checkbox-selected-disabled.js')).default; break;\n\t\tcase 'icon-radio-selected-disabled': svg = (await import('./icon-radio-selected-disabled.js')).default; break;\n\t\tcase 'icon-color-test': svg = (await import('./icon-color-test.js')).default; break;\n\t\tcase 'graphic-apple-app-store': svg = (await import('./graphic-apple-app-store.js')).default; break;\n\t\tcase 'graphic-logo': svg = (await import('./graphic-logo.js')).default; break;\n\t\tcase 'graphic-ncua': svg = (await import('./graphic-ncua.js')).default; break;\n\t\tcase 'graphic-ehl': svg = (await import('./graphic-ehl.js')).default; break;\n\t\tcase 'graphic-google-play-store': svg = (await import('./graphic-google-play-store.js')).default; break;\n  }\n  if (urlBase64 === true) {\n    // need to clean svg of '#'s\n\t\treturn `url('data:image/svg+xml;utf8,${svg.replace(/#/g, '%23')}')`;\n\t}else{\n\t\treturn svg;\n\t}\n}", "import getSvg from '../../dist/tokens/source/assets/svgs.js';\n\n/**\n * Find and return svg for icon\n * @param {string | undefined} iconName\n * @param {Function} callback\n */\nexport default function getIconSvg(\n    iconName : string | undefined,\n    callback: (svgInfo: string | false) => void,\n) {\n  if (iconName) {\n    let iconNameFull = iconName;\n    if (iconName.indexOf('icon-') !== 0) {\n      iconNameFull = `icon-${iconName}`;\n    }\n    getSvg(iconNameFull).then((result : string | false )=> {\n      callback( result );\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["svgs", "getSvg", "svgName", "urlBase64", "svg", "getIconSvg", "iconName", "callback", "iconNameFull", "getSvg", "result"]
+}

package/dist/chunks/{chunk.YZL3IVQ4.js → chunk.MQP3LJ22.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./chunk.B7I2MIVA.js";import{a as n,b as r,d as o}from"./chunk.MHJFJRA2.js";import{a as f}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends o{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(s=>s.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return f`
+import{a as u}from"./chunk.BSXT6VJ5.js";import{a as n,b as r,d as o}from"./chunk.XWFI56OY.js";import{a as f}from"./chunk.PKA6D7UK.js";import{g as a}from"./chunk.5YJY6NT6.js";var c=(e=>(e.text="text",e.boolean="boolean",e.submit="submit",e))(c||{}),h=(i=>(i.submit="submit",i.cancel="cancel",i))(h||{}),t=class extends o{constructor(){super(...arguments);this.formType="text";this.value="";this.placeholder="";this.selected=!1;this.readOnly=!1;this.required=!1;this.requiredLabel=" *";this.focused=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.required&&this.createAndAddValidationRule("required",this.requiredFeedback)}decorateValues(i){if(!this.name){this.warn(`${this.element} didn't find a name`);return}this.formType==="boolean"?i[this.name]=this.selected:i[this.name]=this.value}findIfRequired(){let i=this.findValidationRules();return i?i.isRequired():!1}findValidationRules(){return Array.from(this.children).find(d=>d.nodeName.indexOf("SCW-VALIDATION")===0)}validate(){let i=this.findValidationRules(),e=[];return i&&(e=i.validate(this.value)),this.invalid=e.length>0,this.invalid?this.feedback=e[0].feedback:this.feedback="",e}createValidateRule(){return document.createElement(`scw-${"validate"}${u()}`)}addValidationRule(i){let e=this.findValidationRules();e||(e=document.createElement(`scw-${"validation"}${u()}`),this.prepend(e)),Array.from(e.children).find(s=>s.getAttribute("type")===i.type)||e.appendChild(i)}createAndAddValidationRule(i,e){let d=this.createValidateRule();d.setAttribute("type",i),e&&d.setAttribute("feedback",e),this.addValidationRule(d)}removeValidationRule(i){let e=this.findValidationRules();if(!e)return;let l=Array.from(e.children).find(s=>s.type===i);l&&l.parentNode&&l.parentNode.removeChild(l)}render(){return f`
       scw-form-component
     `}};a([n({type:c,reflect:!0,attribute:"form-type"})],t.prototype,"formType",2),a([n({type:String})],t.prototype,"name",2),a([n({type:String})],t.prototype,"value",2),a([n({type:String})],t.prototype,"placeholder",2),a([n({type:String})],t.prototype,"selected",2),a([n({type:Boolean,attribute:"read-only"})],t.prototype,"readOnly",2),a([n({type:Boolean})],t.prototype,"required",2),a([n({type:String,attribute:"required-label"})],t.prototype,"requiredLabel",2),a([n({type:String,attribute:"required-feedback"})],t.prototype,"requiredFeedback",2),a([r()],t.prototype,"feedback",2),a([r()],t.prototype,"focused",2),a([r()],t.prototype,"invalid",2);export{c as a,h as b,t as c};
-//# sourceMappingURL=chunk.YZL3IVQ4.js.map
+//# sourceMappingURL=chunk.MQP3LJ22.js.map

package/dist/chunks/{chunk.56IUG3EK.js → chunk.MSNTYPQM.js}

@@ -1,4 +1,4 @@
-import{a as i,d as s}from"./chunk.MHJFJRA2.js";import{a as r}from"./chunk.3IG37SCP.js";import{a as o}from"./chunk.PKA6D7UK.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends s{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return r`
+import{a as i,d as s}from"./chunk.XWFI56OY.js";import{a as r}from"./chunk.3IG37SCP.js";import{a as o}from"./chunk.PKA6D7UK.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends s{constructor(){super();this.name="hi";this.element="test",this.setAttribute("role","button")}static get styles(){return r`
       :host {
         display: block;
         border: 1px solid red;
@@ -7,4 +7,4 @@ import{a as i,d as s}from"./chunk.MHJFJRA2.js";import{a as r}from"./chunk.3IG37S
       <div @click=${this.clickHandler}>ima ${this.name}</div>
       <slot></slot>
     `}};e([i({type:String,reflect:!0})],t.prototype,"name",2);export{t as a};
-//# sourceMappingURL=chunk.56IUG3EK.js.map
+//# sourceMappingURL=chunk.MSNTYPQM.js.map

package/dist/chunks/chunk.MVMLR5MM.js

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

package/dist/chunks/{chunk.JTXQ5X2M.js → chunk.NU46QA6I.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk.PD56CY37.js";import{a as m}from"./chunk.2T4VPIKP.js";import{a as i}from"./chunk.MHJFJRA2.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.href="javascript:"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
-//# sourceMappingURL=chunk.JTXQ5X2M.js.map
+import{a as r}from"./chunk.TLLMTMXY.js";import{a as m}from"./chunk.2T4VPIKP.js";import{a as i}from"./chunk.XWFI56OY.js";import{g as e}from"./chunk.5YJY6NT6.js";var t=class extends r{constructor(){super();this.submitType="submit";this.element="button",this.href="javascript:"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",()=>{this.submitType==="submit"&&m("scw-submit-intent",this)})}};e([i({type:String,reflect:!0,attribute:"submit-type"})],t.prototype,"submitType",2);export{t as a};
+//# sourceMappingURL=chunk.NU46QA6I.js.map

package/dist/chunks/chunk.OE3AD43L.js

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

package/dist/chunks/chunk.OWB3BEDE.js

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

package/dist/chunks/chunk.OY5JT4DB.js

@@ -0,0 +1,2 @@
+var d=["menu-item","icon","link","button","BUTTON","A"],E=["menu"];function w(e,t,n){let a=t;if(t||(a=o(e)),a){let l=i(e,a,n,!1,e===a);if(l)l.focus();else{let s=i(e,e,n);s&&s.focus()}}}function o(e){if(document.activeElement&&e.contains(document.activeElement))return document.activeElement}function p(e){let t=o(e);if(t)return i(e,t)}function L(e){let t=o(e);if(t)return i(e,t,"backwards")}function i(e,t,n="forwards",a=!1,l=!0){if(!t)return!1;if(a){if(t.element&&d.includes(t.element)){if(f(t))return t}else if(d.includes(t.nodeName)&&f(t))return t}if(l&&t.children){let r=!0;if(a&&E.includes(t.element)&&(r=!1),r){let b=Array.from(t.children);n==="backwards"&&b.reverse();let u=!1;if(b.find(m=>{let c=i(e,m,n,!0,!0);return c?(u=c,!0):!1}),f(u))return u}}let s=n==="forwards"?t.nextElementSibling:t.previousElementSibling;if(s){let r=i(e,s,n,!0,!0);if(f(r))return r}if(t.parentElement!=e){let r=i(e,t.parentElement,n,!0,!1);if(f(r))return r}return!1}function f(e){return!e||!e.offsetParent||window.getComputedStyle(e).visibility==="hidden"||e.hasAttribute("aria-disabled")&&e.getAttribute("aria-disabled")!=="false"||e.hasAttribute("disabled")||e.getAttribute("tabindex")==="-1"||e.isLink===!1?!1:e}export{w as a,o as b,p as c,L as d,i as e,f};
+//# sourceMappingURL=chunk.OY5JT4DB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-menu/keyboard/keyboardElements.ts"],
+  "sourcesContent": ["import ScwMenu from '../ScwMenu';\nimport {Components} from '../../utils/enums/Components';\n\n/** list of elements that are tabbable */\nconst tabbablelist = [\n  Components.menuItem,\n  Components.icon,\n  Components.link,\n  Components.button,\n  'BUTTON',\n  'A',\n];\n\n/** list of elements that should be ignored */\nconst ignorelist = [\n  Components.menu,\n];\n\n/**\n  * walk through children from a starting point\n  * @param {ScwMenu} menu\n  * @param {HTMLElement} ele\n  * @param {'forwards' | 'backwards'} direction\n  */\nexport default function focusOnTabbableElement(\n    menu: ScwMenu,\n    ele: HTMLElement | undefined,\n    direction: 'forwards'|'backwards',\n) {\n  let targetEle = ele;\n  if (!ele) {\n    targetEle = findActiveMenuElement(menu);\n  }\n\n  if (targetEle) {\n    const nextTabbleElement =\n      findTabbableElement(\n          menu,\n          targetEle,\n          direction,\n          false,\n          menu === targetEle,\n      );\n    if (nextTabbleElement) {\n      nextTabbleElement.focus();\n    } else {\n      // at the end so try to loop around...\n      const nextReversedTabbleElement =\n        findTabbableElement(\n            menu,\n            menu,\n            direction,\n        );\n      if (nextReversedTabbleElement) {\n        nextReversedTabbleElement.focus();\n      } else {\n        // run away, there is nothing tabbable...\n      }\n    }\n  }\n}\n\n/**\n  * walk through children from a starting point\n  * @param {ScwMenu} menu\n  * @return {HTMLElement | undefined}\n  */\nexport function findActiveMenuElement(\n    menu: ScwMenu,\n) : HTMLElement | undefined {\n  if (\n    document.activeElement &&\n    menu.contains( document.activeElement )\n  ) {\n    return document.activeElement as unknown as HTMLElement;\n  }\n  return undefined;\n}\n\n/**\n * get the next tabbable element\n * @param {ScwMenu} menu\n * @return {void}\n */\nexport function findNextTabbableEle( menu: ScwMenu ) {\n  const activeEle = findActiveMenuElement( menu );\n  if ( activeEle ) {\n    return findTabbableElement( menu, activeEle );\n  }\n}\n\n/**\n * get the previous tabble element\n * @param {ScwMenu} menu\n * @return {void}\n */\nexport function findPrevTabbableEle( menu: ScwMenu ) {\n  const activeEle = findActiveMenuElement( menu );\n  if ( activeEle ) {\n    return findTabbableElement( menu, activeEle, 'backwards' );\n  }\n}\n\n/**\n * walk through children from a starting point\n * @param {ScwMenu} menu\n * @param {HTMLElement} ele\n * @param {'forwards' | 'backwards'} direction\n * @param {Boolean} checkEle\n * @param {Boolean} checkChildren\n * @return {HTMLElement | false}\n */\nexport function findTabbableElement(\n    menu: ScwMenu,\n    ele : HTMLElement,\n    direction: 'forwards' | 'backwards' = 'forwards',\n    checkEle : boolean = false,\n    checkChildren: boolean = true,\n) : HTMLElement | false {\n  // Check the element itself\n  if (!ele) return false;\n\n  if (checkEle) {\n    if (\n      ele['element'] &&\n      tabbablelist.includes( ele['element'] )\n    ) {\n      if (isTabbleable(ele)) {\n        return ele;\n      }\n    } else if (\n      tabbablelist.includes( ele.nodeName )\n    ) {\n      if (isTabbleable(ele)) {\n        return ele;\n      }\n    }\n  }\n\n  // try children\n  if (\n    checkChildren &&\n    ele.children\n  ) {\n    let doCheck = true;\n    if (\n      checkEle &&\n      ignorelist.includes( ele['element'])\n    ) {\n      doCheck = false;\n    }\n\n    if ( doCheck ) {\n      const children = Array.from(ele.children);\n      if (direction === 'backwards') {\n        children.reverse();\n      }\n      let tabbableEle : HTMLElement | false = false;\n      children.find( (child) => {\n        const result = findTabbableElement(\n            menu,\n          child as unknown as HTMLElement,\n          direction,\n          true,\n          true,\n        );\n        if (result) {\n          tabbableEle = result;\n          return true;\n        }\n        return false;\n      });\n      if (isTabbleable(tabbableEle)) {\n        return tabbableEle as unknown as HTMLElement;\n      }\n    }\n  }\n\n  // walk down siblings\n  const sibling = (direction === 'forwards') ?\n    ele.nextElementSibling : ele.previousElementSibling;\n  if (sibling) {\n    const result = findTabbableElement(\n        menu,\n      sibling as unknown as HTMLElement,\n      direction,\n      true,\n      true,\n    );\n    if (isTabbleable(result)) {\n      return result;\n    }\n  }\n\n  // no children and no more siblings...go up!\n  if (ele.parentElement != menu) {\n    const result = findTabbableElement(\n        menu,\n      ele.parentElement as unknown as HTMLElement,\n      direction,\n      true,\n      false, // infinite loop, don't check children of parent...\n    );\n    if (isTabbleable(result)) {\n      return result;\n    }\n  }\n  return false;\n}\n\n/**\n* last checks\n* @param {HTMLElement} ele\n* @return {HTMLElement | false}\n*/\nexport function isTabbleable(\n    ele : HTMLElement | false,\n) : HTMLElement | false {\n  if (!ele) {\n    // cons ole.log('isTabbleable false - no ele');\n    return false;\n  }\n  // hidden elements are not a part of the dom\n  if (!ele.offsetParent) {\n    // cons ole.log('isTabbleable false - no offsetParent');\n    return false;\n  }\n  // ignore invisible elements\n  if (window.getComputedStyle(ele).visibility === 'hidden') {\n    // cons ole.log('isTabbleable false - not visible');\n    return false;\n  }\n  // explicitly disabled are ignored\n  if (\n    ele.hasAttribute('aria-disabled') &&\n    ele.getAttribute('aria-disabled') !== 'false'\n  ) {\n    // cons ole.log('isTabbleable false - aria-disabled');\n    return false;\n  }\n  // disabled elements are ignored\n  if (ele.hasAttribute('disabled')) {\n    // cons ole.log('isTabbleable false - has disabled attribute');\n    return false;\n  }\n  // not tabindex, no go\n  if (ele.getAttribute('tabindex') === '-1') {\n    // cons ole.log('isTabbleable false - tabindex is -1');\n    return false;\n  }\n  if (ele['isLink'] === false) {\n    // cons ole.log('isTabbleable false - isLink function returned false');\n    return false;\n  }\n  return ele;\n}\n"],
+  "mappings": "AAIA,IAAMA,EAAe,oCAKnB,SACA,GACF,EAGMC,EAAa,OAEnB,EAQe,SAARC,EACHC,EACAC,EACAC,EACF,CACA,IAAIC,EAAYF,EAKhB,GAJKA,IACHE,EAAYC,EAAsBJ,CAAI,GAGpCG,EAAW,CACb,IAAME,EACJC,EACIN,EACAG,EACAD,EACA,GACAF,IAASG,CACb,EACF,GAAIE,EACFA,EAAkB,MAAM,MACnB,CAEL,IAAME,EACJD,EACIN,EACAA,EACAE,CACJ,EACEK,GACFA,EAA0B,MAAM,CAIpC,CACF,CACF,CAOO,SAASH,EACZJ,EACwB,CAC1B,GACE,SAAS,eACTA,EAAK,SAAU,SAAS,aAAc,EAEtC,OAAO,SAAS,aAGpB,CAOO,SAASQ,EAAqBR,EAAgB,CACnD,IAAMS,EAAYL,EAAuBJ,CAAK,EAC9C,GAAKS,EACH,OAAOH,EAAqBN,EAAMS,CAAU,CAEhD,CAOO,SAASC,EAAqBV,EAAgB,CACnD,IAAMS,EAAYL,EAAuBJ,CAAK,EAC9C,GAAKS,EACH,OAAOH,EAAqBN,EAAMS,EAAW,WAAY,CAE7D,CAWO,SAASH,EACZN,EACAC,EACAC,EAAsC,WACtCS,EAAqB,GACrBC,EAAyB,GACL,CAEtB,GAAI,CAACX,EAAK,MAAO,GAEjB,GAAIU,GACF,GACEV,EAAI,SACJJ,EAAa,SAAUI,EAAI,OAAW,GAEtC,GAAIY,EAAaZ,CAAG,EAClB,OAAOA,UAGTJ,EAAa,SAAUI,EAAI,QAAS,GAEhCY,EAAaZ,CAAG,EAClB,OAAOA,EAMb,GACEW,GACAX,EAAI,SACJ,CACA,IAAIa,EAAU,GAQd,GANEH,GACAb,EAAW,SAAUG,EAAI,OAAU,IAEnCa,EAAU,IAGPA,EAAU,CACb,IAAMC,EAAW,MAAM,KAAKd,EAAI,QAAQ,EACpCC,IAAc,aAChBa,EAAS,QAAQ,EAEnB,IAAIC,EAAoC,GAexC,GAdAD,EAAS,KAAOE,GAAU,CACxB,IAAMC,EAASZ,EACXN,EACFiB,EACAf,EACA,GACA,EACF,EACA,OAAIgB,GACFF,EAAcE,EACP,IAEF,EACT,CAAC,EACGL,EAAaG,CAAW,EAC1B,OAAOA,CAEX,CACF,CAGA,IAAMG,EAAWjB,IAAc,WAC7BD,EAAI,mBAAqBA,EAAI,uBAC/B,GAAIkB,EAAS,CACX,IAAMD,EAASZ,EACXN,EACFmB,EACAjB,EACA,GACA,EACF,EACA,GAAIW,EAAaK,CAAM,EACrB,OAAOA,CAEX,CAGA,GAAIjB,EAAI,eAAiBD,EAAM,CAC7B,IAAMkB,EAASZ,EACXN,EACFC,EAAI,cACJC,EACA,GACA,EACF,EACA,GAAIW,EAAaK,CAAM,EACrB,OAAOA,CAEX,CACA,MAAO,EACT,CAOO,SAASL,EACZZ,EACoB,CAiCtB,MAhCI,CAACA,GAKD,CAACA,EAAI,cAKL,OAAO,iBAAiBA,CAAG,EAAE,aAAe,UAM9CA,EAAI,aAAa,eAAe,GAChCA,EAAI,aAAa,eAAe,IAAM,SAMpCA,EAAI,aAAa,UAAU,GAK3BA,EAAI,aAAa,UAAU,IAAM,MAIjCA,EAAI,SAAc,GAEb,GAEFA,CACT",
+  "names": ["tabbablelist", "ignorelist", "focusOnTabbableElement", "menu", "ele", "direction", "targetEle", "findActiveMenuElement", "nextTabbleElement", "findTabbableElement", "nextReversedTabbleElement", "findNextTabbableEle", "activeEle", "findPrevTabbableEle", "checkEle", "checkChildren", "isTabbleable", "doCheck", "children", "tabbableEle", "child", "result", "sibling"]
+}

package/dist/chunks/chunk.PGPT6RSE.js

@@ -0,0 +1,2 @@
+import{d as o}from"./chunk.XWFI56OY.js";customElements.define("scw-component",o);
+//# sourceMappingURL=chunk.PGPT6RSE.js.map

package/dist/chunks/{chunk.K4NR64KF.js → chunk.PKWXMRDA.js}

@@ -1,4 +1,4 @@
-import{a as o}from"./chunk.QZ7HSWXB.js";import{a as d}from"./chunk.ZTRQFSO3.js";import{a as n,d as s}from"./chunk.MHJFJRA2.js";import{a as r}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as e}from"./chunk.5YJY6NT6.js";var u=r`
+import{a as o}from"./chunk.FWRNC4MS.js";import{a as n,d as s}from"./chunk.XWFI56OY.js";import{a as r}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as e}from"./chunk.5YJY6NT6.js";var u=r`
 :host {
   /* scw element */
   position: relative;
@@ -33,5 +33,10 @@ import{a as o}from"./chunk.QZ7HSWXB.js";import{a as d}from"./chunk.ZTRQFSO3.js";
   width: 1px;
   margin: 0 !important;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51L3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctbWVudS5zY3NzIiwiLi4vLi4vdXRpbHMvYWRhLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSkY7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUNQQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFREdFIn0= */`;var i=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,u]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new d(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}parseAndValidateLightDom(){super.parseAndValidateLightDom(),o(this)}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),a`<slot></slot>`}};e([n({type:String,attribute:"aria-hidden"})],i.prototype,"ariaHidden",2),e([n({type:String,attribute:"keyboard-direction"})],i.prototype,"keyboardDirection",2);export{i as a};
-//# sourceMappingURL=chunk.K4NR64KF.js.map
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51L3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctbWVudS5zY3NzIiwiLi4vLi4vdXRpbHMvYWRhLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSkY7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUNQQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFREdFIn0= */`;var i=class extends s{constructor(){super();this.ariaHidden="false";this.keyboardDirection="either";this.element="menu",this.setAttribute("tabindex","0"),this.setAttribute("scw-flex-h-initial","")}static get styles(){return[super.styles,u]}firstUpdated(t){super.firstUpdated(t),this._keyboardManager=new o(this)}connectedCallback(){super.connectedCallback(),this._menuItem=this.findMenuItem(),this._menuItem&&this._menuItem.setAttribute("aria-expanded","false"),this.setAttribute("role",this.isSubMenu()?"menu":"menubar")}findMenuItem(){let t=this.previousElementSibling;if(t&&t.nodeName.indexOf("SCW-MENU-ITEM")===0)return t}isSubMenu(){return this._menuItem!==void 0}render(){return this.style&&(this.style.display=this.ariaHidden==="true"?"none":""),this.isSubMenu()&&this._menuItem&&this._menuItem.setAttribute("aria-expanded",this.ariaHidden==="true"?"false":"true"),a`
+      <nav
+        aria-label="${this.ariaLabel} navigation"
+        role="${this.isSubMenu()?"menu":"menubar"}">
+        <slot></slot>
+      </nav>`}};e([n({type:String,attribute:"aria-hidden"})],i.prototype,"ariaHidden",2),e([n({type:String,attribute:"keyboard-direction"})],i.prototype,"keyboardDirection",2);export{i as a};
+//# sourceMappingURL=chunk.PKWXMRDA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-menu/scss/scw-menu.scss", "../../src/scw-menu/ScwMenu.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host {\n  display: inline-flex;\n}\n:host nav {\n  display: inline-block;\n  width: 100%;\n}\n:host .heading-label {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n  margin: 0 !important;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1tZW51L3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctbWVudS5zY3NzIiwiLi4vLi4vdXRpbHMvYWRhLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUMyb3RCRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTs7O0FEanB0QkY7RUFDRTs7O0FFSkY7RUFDRTs7QUFFQTtFQUNFO0VBQ0E7O0FBR0Y7RUNQQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFREdFIn0= */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport styles from './scss/scw-menu.scss';\nimport ScwMenuKeyboard from './keyboard/scw-menu-keyboard';\nimport ScwMenuItem from '../scw-menu-item/ScwMenuItem';\nimport {ScwMenuDirections} from './scw-menu-enums';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwMenu\n * @class\n * @tag scw-menu\n *\n * @slot [default=\"<scw-menu-item />...\"]\n    List of scw-menu-items\n */\nexport default class ScwMenu extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwMenu ================================================\n  /**\n  * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)\n  * @type {string}\n  */\n  @property({type: String, attribute: 'aria-hidden'})\n    ariaHidden = 'false';\n\n  /**\n  * (<ScwMenu>) determines some arrow key differences\n  * (either, horizontal, vertical)\n  * @type {ScwMenuDirections}\n  */\n  @property({type: String, attribute: 'keyboard-direction'})\n    keyboardDirection: ScwMenuDirections = ScwMenuDirections.either;\n\n  /** Manages all keyboard events */\n  _keyboardManager : ScwMenuKeyboard | undefined;\n\n  /** keeps track of the menu item controling this menu */\n  _menuItem : ScwMenuItem | undefined;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.menu;\n    // this.setAttribute('role', 'menu' );\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('scw-flex-h-initial', '');// defaults to flex-h\n    // DOES NOT WORK IN SSR...no window stuff\n    // this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /**\n  * get defaults after initialization...light dom trumps attributes\n  * @param {Map<string | number | symbol, unknown>} changedProps\n  */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>): void {\n    super.firstUpdated(changedProps);\n    this._keyboardManager = new ScwMenuKeyboard(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    // menu will always come directly after it's scw-menu-item\n    this._menuItem = this.findMenuItem();\n    if (this._menuItem) {\n      this._menuItem.setAttribute('aria-expanded', 'false');\n    }\n    this.setAttribute('role', this.isSubMenu() ? 'menu' : 'menubar');\n  }\n\n  /**\n   * determines if this menu item has a sub menu\n   * @return {ScwMenuItem | undefined}\n   */\n  findMenuItem() {\n    const prev = this.previousElementSibling;\n    // if (prev && prev['element'] === Components.menuItem) {\n    // the component may not be initialized yet...\n    if (prev && prev.nodeName.indexOf('SCW-MENU-ITEM') === 0 ) {\n      return prev as unknown as ScwMenuItem;\n    }\n    return undefined;\n  }\n\n  /**\n  * Is this a nested menu or not...\n  * @return {boolean}\n  */\n  isSubMenu() : boolean {\n    return ( this._menuItem !== undefined ) ? true : false;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if (this.style) {\n      this.style.display = this.ariaHidden === 'true' ? 'none' : '';\n    }\n\n    if (this.isSubMenu() && this._menuItem) {\n      this._menuItem.setAttribute(\n          'aria-expanded',\n        this.ariaHidden === 'true' ? 'false' : 'true',\n      );\n    }\n\n    return html`\n      <nav\n        aria-label=\"${this.ariaLabel} navigation\"\n        role=\"${this.isSubMenu() ? 'menu' : 'menubar'}\">\n        <slot></slot>\n      </nav>`;\n\n    // return html`<slot></slot>`;\n  }\n}\n"],
+  "mappings": "0MACA,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;ipBCgBf,IAAqBC,EAArB,cAAqCC,CAAa,CAoChD,aAAc,CACZ,MAAM,EApBN,gBAAa,QAQb,gCAaA,KAAK,eAEL,KAAK,aAAa,WAAY,GAAG,EACjC,KAAK,aAAa,qBAAsB,EAAE,CAG5C,CAxCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAyCA,aAAaC,EAA4D,CACvE,MAAM,aAAaA,CAAY,EAC/B,KAAK,iBAAmB,IAAIC,EAAgB,IAAI,CAClD,CAGA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,UAAY,KAAK,aAAa,EAC/B,KAAK,WACP,KAAK,UAAU,aAAa,gBAAiB,OAAO,EAEtD,KAAK,aAAa,OAAQ,KAAK,UAAU,EAAI,OAAS,SAAS,CACjE,CAMA,cAAe,CACb,IAAMC,EAAO,KAAK,uBAGlB,GAAIA,GAAQA,EAAK,SAAS,QAAQ,eAAe,IAAM,EACrD,OAAOA,CAGX,CAMA,WAAsB,CACpB,OAAS,KAAK,YAAc,MAC9B,CAMA,QAAiB,CACf,OAAI,KAAK,QACP,KAAK,MAAM,QAAU,KAAK,aAAe,OAAS,OAAS,IAGzD,KAAK,UAAU,GAAK,KAAK,WAC3B,KAAK,UAAU,aACX,gBACF,KAAK,aAAe,OAAS,QAAU,MACzC,EAGKC;AAAA;AAAA,sBAEW,KAAK;AAAA,gBACX,KAAK,UAAU,EAAI,OAAS;AAAA;AAAA,aAK1C,CACF,EAhGIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,aAAa,CAAC,GAhB/BR,EAiBjB,0BAQAO,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,oBAAoB,CAAC,GAxBtCR,EAyBjB",
+  "names": ["scw_menu_default", "i", "ScwMenu", "ScwComponent", "scw_menu_default", "changedProps", "ScwMenuKeyboard", "prev", "y", "__decorateClass", "e"]
+}

package/dist/chunks/chunk.R2UBRQPG.js

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

package/dist/chunks/chunk.SQW7MXRN.js

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

package/dist/chunks/{chunk.PD56CY37.js → chunk.TLLMTMXY.js}

@@ -1,4 +1,4 @@
-import{b as d}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.ERNX5BQF.js";import{a as l}from"./chunk.WJ7GGTRH.js";import{d as r}from"./chunk.GX274VLQ.js";import{a as n,b as o}from"./chunk.MHJFJRA2.js";import{a as i}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var p=i`
+import{b as r}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.DSSTKNQ5.js";import{a as d}from"./chunk.MKQHB2CE.js";import{a as l}from"./chunk.WJ7GGTRH.js";import{a as e,b as o}from"./chunk.XWFI56OY.js";import{a as i}from"./chunk.3IG37SCP.js";import{a}from"./chunk.PKA6D7UK.js";import{g as c}from"./chunk.5YJY6NT6.js";var p=i`
 :host .label {
   display: inline-flex;
   justify-content: center;
@@ -242,20 +242,20 @@ import{b as d}from"./chunk.I4ZVEUHX.js";import{a as b}from"./chunk.ERNX5BQF.js";
   outline: none;
   display: inline-block;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;var t=class extends r{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),b(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return d}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),e=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?a`
-        ${l(e)}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1saW5rL3Njc3MiLCJzb3VyY2VzIjpbInNjdy1saW5rLXBsYWluLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7RUFDRTtFQUNBIn0= */`;var s=class extends b{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link"}static get styles(){return[super.styles,p]}set icon(t){let n=this._icon;this._icon=t,this.requestUpdate("icon",n),this.refreshIcon()}get icon(){return this._icon}refreshIcon(){this.clearWarnings(),d(this.icon,t=>{t===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=t})}validDesigns(){return r}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let t=this.doShowIcon(),n=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?a`
+        ${l(n)}
         <slot></slot>
       `:a`
-      ${s&&this.iconSide==="left"?a`
+      ${t&&this.iconSide==="left"?a`
         <div class="icon">
           ${l(this._svgInfo)}
         </div>`:""}
-        ${l(e)}
+        ${l(n)}
         <div class="label">
           ${this.ariaLabel}
         </div>
-      ${s&&this.iconSide==="right"?a`
+      ${t&&this.iconSide==="right"?a`
         <div class="icon">
           ${l(this._svgInfo)}
-        </div>`:""}`}findStyle(){switch(this.design){case"solid":return g;case"outlined":return u;case"text":return L;case"plain":default:return v}}render(){return this.renderLink(this.renderContent())}};c([n({type:String,reflect:!0})],t.prototype,"icon",2),c([n({type:String,reflect:!0,attribute:"icon-side"})],t.prototype,"iconSide",2),c([n({type:String,reflect:!0})],t.prototype,"design",2),c([o()],t.prototype,"_svgInfo",2);export{t as a};
-//# sourceMappingURL=chunk.PD56CY37.js.map
+        </div>`:""}`}findStyle(){switch(this.design){case"solid":return g;case"outlined":return u;case"text":return L;case"plain":default:return v}}render(){return this.renderLink(this.renderContent())}};c([e({type:String,reflect:!0})],s.prototype,"icon",1),c([e({type:String,reflect:!0,attribute:"icon-side"})],s.prototype,"iconSide",2),c([e({type:String,reflect:!0})],s.prototype,"design",2),c([o()],s.prototype,"_svgInfo",2);export{s as a};
+//# sourceMappingURL=chunk.TLLMTMXY.js.map

package/dist/chunks/{chunk.PD56CY37.js.map → chunk.TLLMTMXY.js.map}

@@ -1,7 +1,7 @@
 {
   "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 *\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 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  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    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  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\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;qVC2Bf,IAAqBC,EAArB,cAAqCC,CAAY,CAsC/C,aAAc,CACZ,MAAM,EAfN,qBAOA,oBAEO,cAAW,GAOlB,KAAK,cACP,CArCA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAmCA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/BC,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,EAvHIC,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GAhBpBf,EAiBjB,oBAOAc,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAvB5Cf,EAwBjB,wBAOAc,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GA9BpBf,EA+BjB,sBAEOc,EAAA,CAARE,EAAM,GAjCYhB,EAiCV",
-  "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", "getIconSvg", "svgInfo", "ScwLinkDesigns", "doShowIcon", "localCss", "y", "o", "scw_link_solid_default", "scw_link_outlined_default", "scw_link_text_default", "scw_link_plain_default", "__decorateClass", "e", "t"]
+  "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.PIDHXJWR.js → chunk.X5NS5YBQ.js}

@@ -1,4 +1,4 @@
-import{a as c,b as o}from"./chunk.NBLIIWTN.js";import{a as p}from"./chunk.B7I2MIVA.js";import{a as s,d as l}from"./chunk.GX274VLQ.js";import{a as e,d as r}from"./chunk.MHJFJRA2.js";import{a}from"./chunk.3IG37SCP.js";import{a as d}from"./chunk.KSN3XTKS.js";import{g as i}from"./chunk.5YJY6NT6.js";var Q=a`
+import{a as c,b as o}from"./chunk.NBLIIWTN.js";import{a as s}from"./chunk.6JFSOWAB.js";import{a as l}from"./chunk.BSXT6VJ5.js";import{a as e,d as a}from"./chunk.XWFI56OY.js";import{a as r}from"./chunk.3IG37SCP.js";import{g as i}from"./chunk.5YJY6NT6.js";var d=r`
 :host {
   /* scw element */
   position: relative;
@@ -213,7 +213,7 @@ import{a as c,b as o}from"./chunk.NBLIIWTN.js";import{a as p}from"./chunk.B7I2MI
 :host([action=link]) scw-link {
   pointer-events: all;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFFRTtFQUlGOztBREdBO0VFVkE7RUFDQTtFQUVFO0VBSUY7O0FGT0E7RUdkQTtFQUNBO0VBRUU7RUFJRjs7QUhXQTtFSWxCQTtFQUNBO0VBRUU7RUFJRjs7QUplQTtFS3RCQTtFQUNBO0VBRUU7RUFJRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUVFO0VBSUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;var t=class extends l{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let n=p();this.headerNodeName=c(`scw-${"heading"}${n}`),this.imageNodeName=c(`scw-${"image"}${n}`),this.linkNodeName=c(`scw-${"link"}${n}`)}static get styles(){return[super.styles,Q]}parseAndValidateLightDom(){d(this),super.parseAndValidateLightDom()}clickHandler(n){n.stopPropagation(),this.click()}warn(n){this.heading=`error: ${n}`,r.prototype.warn.call(this,n)}renderImage(){if((this.src||this.srcset)&&this.alt)return o`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFFRTtFQUlGOztBREdBO0VFVkE7RUFDQTtFQUVFO0VBSUY7O0FGT0E7RUdkQTtFQUNBO0VBRUU7RUFJRjs7QUhXQTtFSWxCQTtFQUNBO0VBRUU7RUFJRjs7QUplQTtFS3RCQTtFQUNBO0VBRUU7RUFJRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUVFO0VBSUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;var t=class extends a{constructor(){super();this.preload=!1;this.size="large";this.action="none";this.element="card",this.clickHandler=this.clickHandler.bind(this);let n=l();this.headerNodeName=c(`scw-${"heading"}${n}`),this.imageNodeName=c(`scw-${"image"}${n}`),this.linkNodeName=c(`scw-${"link"}${n}`)}static get styles(){return[super.styles,d]}clickHandler(n){n.stopPropagation(),this.click()}warn(n){this.heading=`error: ${n}`,a.prototype.warn.call(this,n)}renderImage(){if((this.src||this.srcset)&&this.alt)return o`
         <scw-image
           class="image-box"
           src="${s(this.src)}"
@@ -244,4 +244,4 @@ import{a as c,b as o}from"./chunk.NBLIIWTN.js";import{a as p}from"./chunk.B7I2MI
           </div>`:""}`}render(){return this.action==="whole"?this.renderBody():o`
         ${this.renderBody()}
         ${this.renderButton()}`}};i([e()],t.prototype,"src",2),i([e()],t.prototype,"srcset",2),i([e()],t.prototype,"alt",2),i([e()],t.prototype,"heading",2),i([e()],t.prototype,"superHeading",2),i([e()],t.prototype,"description",2),i([e()],t.prototype,"linkLabel",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:String,reflect:!0})],t.prototype,"size",2),i([e({type:String,reflect:!0})],t.prototype,"action",2);export{t as a};
-//# sourceMappingURL=chunk.PIDHXJWR.js.map
+//# sourceMappingURL=chunk.X5NS5YBQ.js.map

package/dist/chunks/{chunk.PIDHXJWR.js.map → chunk.X5NS5YBQ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-card/scss/scw-card.scss", "../../src/scw-card/ScwCard.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 36.4734299517%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-medium-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n  /*.action {\n    @include size-medium-action-mixins.box;\n    @include size-medium-action-mixins.sizing;\n  }*/\n}\n:host([size=medium]) > *: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([size=medium]) .image-box {\n  height: 151px;\n}\n:host([size=medium]) .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([size=small]) {\n  display: block;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 88.9473684211%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-small-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host([size=small]) > *: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([size=small]) .image-box {\n  height: 169px;\n}\n:host([size=small]) .description {\n  display: none;\n}\n:host([size=small]) .action {\n  display: none;\n}\n\n:host .super-heading.mortgage {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-mortgage-04));\n  align-self: stretch;\n}\n:host .super-heading.savings {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-savings-04));\n  align-self: stretch;\n}\n:host .super-heading.student {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-student-04));\n  align-self: stretch;\n}\n:host .super-heading.investments {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-investments-04));\n  align-self: stretch;\n}\n:host .super-heading.checking {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-checking-04));\n  align-self: stretch;\n}\n:host .super-heading.credit-cards {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-credit-cards-04));\n  align-self: stretch;\n}\n\n:host {\n  display: block;\n  background-color: var(--scw-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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image {\n    @include default-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host > *: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 .image-box {\n  background-color: var(--scw-color-09, var(--scw-color-grey-09));\n  border-radius: 10px 10px 10px 10px;\n  align-self: stretch;\n  flex: 1;\n  flex: initial;\n  overflow: hidden;\n  height: 330px;\n}\n:host .heading {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n}\n:host .super-heading {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n:host .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-06-font);\n  color: var(--scw-color-02, var(--scw-color-grey-02));\n  align-self: stretch;\n}\n:host .action {\n  width: 83px;\n  height: 37px;\n}\n\n:host([action=none]) {\n  pointer-events: none;\n}\n\n:host([action=whole]) {\n  pointer-events: all;\n}\n\n:host([action=whole]:hover) {\n  cursor: pointer;\n}\n\n:host([action=whole]:focus-visible) {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 10px 10px 4px 4px;\n}\n\n:host([action=link]) {\n  pointer-events: none;\n}\n:host([action=link]) scw-link {\n  pointer-events: all;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFFRTtFQUlGOztBREdBO0VFVkE7RUFDQTtFQUVFO0VBSUY7O0FGT0E7RUdkQTtFQUNBO0VBRUU7RUFJRjs7QUhXQTtFSWxCQTtFQUNBO0VBRUU7RUFJRjs7QUplQTtFS3RCQTtFQUNBO0VBRUU7RUFJRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUVFO0VBSUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport parseLightDomCard from './scw-card-light-dom';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\nimport {ScwHeadingSizes} from '../scw-heading/scw-heading-enums';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n *\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p />\"]\n    The parts of scw-card are configured via nested html elements.\n    img defines the image, heading the main heading, sup the category heading,\n    and p the descriptive text. Only headings is required (with src, srcset,\n    and alt attributes).\n * @slot [default=\"<img src alt /><h1, h2, h3 /><sup /><p /><a />\"]\n    Adding an anchor will show a link.\n * @slot [default=\"<a><img src alt /><h1, h2, h3 /><sup /><p /></a>\"]\n  Wrapping the entire content in an anchor will make it interactive\n */\nexport default class ScwCard extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @property() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @property() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @property() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @property() heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @property() superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @property() description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @property() linkLabel : string | undefined;\n\n  /** (ScwCard) whether to preload image or not */\n  @property({type: Boolean}) preload = false;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    parseLightDomCard(this);\n    super.parseAndValidateLightDom();\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this.heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <scw-image\n          class=\"image-box\"\n          src=\"${ifDefined(this.src)}\"\n          srcset=\"${ifDefined(this.srcset)}\"\n          alt=\"${this.alt}\"\n          preload=\"${ifDefined(this.preload ? 'true' : undefined)}\"\n          object-fit=\"cover\">\n        </scw-image>\n      `;\n    }\n  }\n\n  /**\n  * Render link area\n  * @return {object} component DOM\n  */\n  renderButton() {\n    if ( this.action === ScwCardActions.link) {\n      return html`\n        <scw-link\n          aria-label=\"${this.linkLabel ? this.linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </scw-link>`;\n    }\n    return null;\n  }\n\n  /**\n   * get string to use in the size attribute of scw-header\n   * @return {string}\n   */\n  getSizeStringForHeader() {\n    switch (this.size) {\n      case ScwCardSizes.large:\n        return 'h1';\n      case ScwCardSizes.medium:\n        return 'h2';\n      case ScwCardSizes.small:\n        return 'h3';\n    }\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''\n}\n       <scw-heading\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          aria-label=\"${ifDefined(this.heading)}\"\n          size=\"${this.getSizeStringForHeader() as ScwHeadingSizes}\">\n        </scw-heading>\n       ${this.description ?\n          html`\n          <div class=\"description\">\n            ${this.description}\n          </div>` : ''\n}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["scw_card_default", "i", "ScwCard", "ScwLinkBase", "suffix", "getSuffix", "o", "scw_card_default", "parseLightDomCard", "evt", "message", "ScwComponent", "n", "l", "__decorateClass"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  /* scw element */\n  position: relative;\n  box-sizing: border-box;\n  --margin-right: initial;\n  --margin-bottom: initial;\n  --gap-h-int: initial;\n  --gap-v-int: initial;\n  margin-right: var(--margin-right, var(--gap-h-int, initial));\n  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));\n  display: block;\n}\n\n:host([warning]) {\n  outline: 2px solid red !important;\n}\n\n:host([size=medium]) {\n  display: block;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 36.4734299517%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-medium-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n  /*.action {\n    @include size-medium-action-mixins.box;\n    @include size-medium-action-mixins.sizing;\n  }*/\n}\n:host([size=medium]) > *: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([size=medium]) .image-box {\n  height: 151px;\n}\n:host([size=medium]) .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([size=small]) {\n  display: block;\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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image-box {\n    width: 100%;\n    padding-bottom: 88.9473684211%;\n    position: relative;\n  }*/\n  /*.image {\n    @include size-small-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host([size=small]) > *: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([size=small]) .image-box {\n  height: 169px;\n}\n:host([size=small]) .description {\n  display: none;\n}\n:host([size=small]) .action {\n  display: none;\n}\n\n:host .super-heading.mortgage {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-mortgage-04));\n  align-self: stretch;\n}\n:host .super-heading.savings {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-savings-04));\n  align-self: stretch;\n}\n:host .super-heading.student {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-student-04));\n  align-self: stretch;\n}\n:host .super-heading.investments {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-investments-04));\n  align-self: stretch;\n}\n:host .super-heading.checking {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-checking-04));\n  align-self: stretch;\n}\n:host .super-heading.credit-cards {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-04, var(--scw-color-credit-cards-04));\n  align-self: stretch;\n}\n\n:host {\n  display: block;\n  background-color: var(--scw-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: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  /*.image {\n    @include default-image-mixins.box;\n\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n  }*/\n}\n:host > *: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 .image-box {\n  background-color: var(--scw-color-09, var(--scw-color-grey-09));\n  border-radius: 10px 10px 10px 10px;\n  align-self: stretch;\n  flex: 1;\n  flex: initial;\n  overflow: hidden;\n  height: 330px;\n}\n:host .heading {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n}\n:host .super-heading {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-condensed-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n:host .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-06-font);\n  color: var(--scw-color-02, var(--scw-color-grey-02));\n  align-self: stretch;\n}\n:host .action {\n  width: 83px;\n  height: 37px;\n}\n\n:host([action=none]) {\n  pointer-events: none;\n}\n\n:host([action=whole]) {\n  pointer-events: all;\n}\n\n:host([action=whole]:hover) {\n  cursor: pointer;\n}\n\n:host([action=whole]:focus-visible) {\n  outline: none;\n  box-shadow: var(--scw-effect-focus-shadow);\n  border-radius: 10px 10px 4px 4px;\n}\n\n:host([action=link]) {\n  pointer-events: none;\n}\n:host([action=link]) scw-link {\n  pointer-events: all;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1jYXJkL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctY2FyZC1tZWRpdW0uc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtbWVkaXVtLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0taW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1tZWRpdW0tZGVzY3JpcHRpb24tbWl4aW5zLnNjc3MiLCJzY3ctY2FyZC1zbWFsbC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fc2l6ZS1zbWFsbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX3NpemUtc21hbGwtaW1hZ2UtdmFycy5zY3NzIiwic2N3LWNhcmQtY29sb3JzLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1tb3J0Z2FnZS1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc2F2aW5ncy1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3Itc3R1ZGVudC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fY29sb3ItaW52ZXN0bWVudHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2NvbG9yLWNoZWNraW5nLXN1cGVyLWhlYWRpbmctbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19jb2xvci1jcmVkaXQtY2FyZHMtc3VwZXItaGVhZGluZy1taXhpbnMuc2NzcyIsInNjdy1jYXJkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1jYXJkL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1pbWFnZS1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtaW1hZ2UtdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1zdXBlci1oZWFkaW5nLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctY2FyZC9fZGVmYXVsdC1kZXNjcmlwdGlvbi1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWNhcmQvX2RlZmF1bHQtYWN0aW9uLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0FDMm90QkU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7OztBRGpwdEJGO0VBQ0U7OztBRUFGO0VBQ0U7RUNFRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEMUJBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFhRjtBQUFBO0FBQUE7QUFBQTs7QUNRQTtFQUNNO0VBQ0E7O0FEaENOO0VBQ0UsUUVMSzs7QUZzQlA7RUd6QkE7RUFDQTtFQUlFO0VBRUY7OztBQ1JGO0VBQ0U7RUNJRTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEM0JBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFNRTtBQUFBOztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FDc0JGO0VBQ007RUFDQTs7QURsQ047RUFDRSxRRUhLOztBRnFCUDtFQUNFOztBQUlGO0VBQ0U7OztBR3hCRjtFQ05BO0VBQ0E7RUFFRTtFQUlGOztBREdBO0VFVkE7RUFDQTtFQUVFO0VBSUY7O0FGT0E7RUdkQTtFQUNBO0VBRUU7RUFJRjs7QUhXQTtFSWxCQTtFQUNBO0VBRUU7RUFJRjs7QUplQTtFS3RCQTtFQUNBO0VBRUU7RUFJRjs7QUxtQkE7RU0xQkE7RUFDQTtFQUVFO0VBSUY7OztBQ0VGO0VBQ0U7RUNSRTtFQTJCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FEVkU7QUFBQTs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBOztBQ1dGO0VBQ007RUFDQTs7QUR2Qk47RUVkRTtFQUlGO0VBQ0E7RUFDQTtFRmFFO0VBQ0E7RUFDQSxRR3BCSzs7QUhnQ1A7RUkvQkU7RUFFRjs7QUppQ0E7RUt2Q0E7RUFDQTtFQUVFO0VBSUY7O0FMb0NBO0VNM0NBO0VBQ0E7RUFFRTtFQUlGOztBTndDQTtFT3JDQTtFQUNBOzs7QVAwQ0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBRUY7RUFDRTs7O0FBRUY7RUFDRTtFZm8wYkE7RWVsMGJBLGVBQ0U7OztBQU1KO0VBQ0U7O0FBQ0E7RUFDRSJ9 */`;\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport styles from './scss/scw-card.scss';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {ScwCardSizes, ScwCardActions} from './scw-card-enums';\nimport {Components} from '../utils/enums/Components';\nimport getSuffix from '../utils/suffix';\nimport {ScwHeadingSizes} from '../scw-heading/scw-heading-enums';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/**\n * ScwCard a first LitElement web component\n * @class\n * @tag scw-card\n */\nexport default class ScwCard extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwCard ====================================================\n  /** (ScwCard) The src of the image within the card */\n  @property() src: string | undefined;\n\n  /** (ScwCard) The srcset of the image within the card */\n  @property() srcset: string | undefined;\n\n  /** (ScwCard) Alternative description of the image. */\n  @property() alt: string | undefined;\n\n  /** (ScwCard) Main title or header of the card (determined by\n  * <h1, h2, h3> content) */\n  @property() heading: string | undefined;\n\n  /** (ScwCard) Super title, describing a category or area pertaining to title\n  * (determined by <sup> content) */\n  @property() superHeading: string | undefined;\n\n  /** (ScwCard) Fuller description of what the card is about (determined by\n  * <p> content) */\n  @property() description: string | undefined;\n\n  /** (ScwCard) Label on the link */\n  @property() linkLabel : string | undefined;\n\n  /** (ScwCard) whether to preload image or not */\n  @property({type: Boolean}) preload = false;\n\n  // ----------- END STATES ----------------------------------------------------\n  /** (ScwCard) Readonly - Size of the card. This\n  * is determined by the nested html content (h1  = large,\n  * h2 = medium, h3 = small). */\n  @property({type: String, reflect: true})\n    size: ScwCardSizes = ScwCardSizes.large;\n\n  /** (ScwCard) Readonly - The type of action (whole card, link, or none).\n   * This is determined by the use of an anchor tag. */\n  @property({type: String, reflect: true})\n    action: ScwCardActions = ScwCardActions.none;\n\n  /** scw-header with versioning suffix */\n  headerNodeName : any;\n\n  /** scw-image with versioning suffix */\n  imageNodeName : any;\n\n  /** scw-link with versioning suffix */\n  linkNodeName : any;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.card;\n    this.clickHandler = this.clickHandler.bind(this);\n\n    const suffix = getSuffix();\n    this.headerNodeName = unsafeStatic(`scw-${Components.heading}${suffix}`);\n    this.imageNodeName = unsafeStatic(`scw-${Components.image}${suffix}`);\n    this.linkNodeName = unsafeStatic(`scw-${Components.link}${suffix}`);\n  }\n\n  /**\n  * Handle click event from link so it doesn't trigger twice\n  * @param {Event} evt\n  */\n  clickHandler(evt : Event) {\n    evt.stopPropagation();\n    this.click();\n  }\n\n  /**\n  * change the main heading to be the error.\n  * @param {string} message describing warning\n  */\n  warn( message: string ) {\n    this.heading = `error: ${message}`;\n    ScwComponent.prototype.warn.call(this, message );\n  }\n\n  /**\n  * Render image area\n  * @return {object} component DOM\n  */\n  renderImage() {\n    if (\n      ( this.src || this.srcset ) &&\n      this.alt ) {\n      return html`\n        <scw-image\n          class=\"image-box\"\n          src=\"${ifDefined(this.src)}\"\n          srcset=\"${ifDefined(this.srcset)}\"\n          alt=\"${this.alt}\"\n          preload=\"${ifDefined(this.preload ? 'true' : undefined)}\"\n          object-fit=\"cover\">\n        </scw-image>\n      `;\n    }\n  }\n\n  /**\n  * Render link area\n  * @return {object} component DOM\n  */\n  renderButton() {\n    if ( this.action === ScwCardActions.link) {\n      return html`\n        <scw-link\n          aria-label=\"${this.linkLabel ? this.linkLabel : 'no label'}\" \n          @click=\"${this.clickHandler}\">\n        </scw-link>`;\n    }\n    return null;\n  }\n\n  /**\n   * get string to use in the size attribute of scw-header\n   * @return {string}\n   */\n  getSizeStringForHeader() {\n    switch (this.size) {\n      case ScwCardSizes.large:\n        return 'h1';\n      case ScwCardSizes.medium:\n        return 'h2';\n      case ScwCardSizes.small:\n        return 'h3';\n    }\n  }\n\n  /**\n  * render body\n  * @return {object} component DOM\n  */\n  renderBody() : object {\n    // eslint-ignore\n    return html`\n       ${this.renderImage()}\n       ${this.superHeading ?\n          html`\n          <div class=\"super-heading\">\n            ${this.superHeading}\n          </div>` : ''}\n       <scw-heading\n          style=\"--scw-color-04: var( --scw-color-grey-02 );\"\n          dynamic class=\"heading\"\n          aria-label=\"${ifDefined(this.heading)}\"\n          size=\"${this.getSizeStringForHeader() as ScwHeadingSizes}\">\n        </scw-heading>\n       ${this.description ?\n          html`\n          <div class=\"description\">\n            ${this.description}\n          </div>` : ''}`;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render() : object {\n    if (this.action === ScwCardActions.whole) {\n      return this.renderBody();\n    } else {\n      return html`\n        ${this.renderBody()}\n        ${this.renderButton()}`;\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_card_default", "i", "ScwCard", "ScwComponent", "suffix", "getSuffix", "o", "scw_card_default", "evt", "message", "n", "l", "__decorateClass"]
 }