scu-web-components 0.0.28 → 0.0.31

package/dist/chunks/{chunk.Y2P62L7U.js → chunk.KSN3XTKS.js}

@@ -1,2 +1,2 @@
 function n(e){o(e),a(e),i(e),c(e),r(e)}function r(e){let t=e.querySelector("a");!t||(t.children.length>0?e.action="whole":(e.action="link",e.linkLabel=`${t.textContent}`))}function o(e){let t=e.querySelector("h1, h2, h3");if(!!t){switch(t.nodeName){case"H1":e.size="large";break;case"H2":e.size="medium";break;case"H3":e.size="small";break}e.heading=`${t.textContent}`}}function i(e){let t=e.querySelector("p");!t||(e.description=`${t.textContent}`)}function c(e){let t=e.querySelector("img");!t||(e.src=t.src,e.srcset=t.srcset,e.alt=t.alt)}function a(e){let t=e.querySelector("sup");!t||(e.superHeading=`${t.textContent}`)}export{n as a};
-//# sourceMappingURL=chunk.Y2P62L7U.js.map
+//# sourceMappingURL=chunk.KSN3XTKS.js.map

package/dist/chunks/{chunk.Y2P62L7U.js.map → chunk.KSN3XTKS.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-card/scw-card-light-dom.ts"],
   "sourcesContent": ["import ScwCard from './ScwCard';\nimport {ScwCardActions, ScwCardSizes} from './scw-card-enums';\n\n/**\n * Parses light dom into variables to be used for rendering\n * @param {ScwCard} scwCard\n */\nexport default function parseLightDomCard( scwCard: ScwCard ) {\n  processHeading( scwCard );\n  processSuperHeading( scwCard );\n  processParagraph( scwCard );\n  processImage( scwCard );\n  processAnchor( scwCard );\n}\n\n/**\n * Process anchor into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processAnchor( scwCard: ScwCard ) {\n  // scwCard.action = ScwCardActions.none;\n  const anchor = scwCard.querySelector('a');\n  if ( !anchor ) return;\n  if (anchor.children.length > 0) {\n    scwCard.action = ScwCardActions.whole;\n    // scwCard.link = true;\n  } else {\n    scwCard.action = ScwCardActions.link;\n    scwCard.linkLabel = `${anchor.textContent}`;\n    // scwCard.link = false;\n  }\n}\n\n/**\n * Process heading into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processHeading( scwCard: ScwCard ) {\n  // scwCard.size = ScwCardSizes.large;\n  // scwCard.heading = undefined;\n  const heading = scwCard.querySelector('h1, h2, h3');\n  if (!heading) return;\n  switch ( heading.nodeName ) {\n    case 'H1':\n      scwCard.size = ScwCardSizes.large;\n      break;\n    case 'H2':\n      scwCard.size = ScwCardSizes.medium;\n      break;\n    case 'H3':\n      scwCard.size = ScwCardSizes.small;\n      break;\n  }\n  scwCard.heading = `${heading.textContent}`;\n}\n\n/**\n * Process paragraph into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processParagraph( scwCard: ScwCard ) {\n  // scwCard.description = undefined;\n  const paragraph = scwCard.querySelector('p');\n  if (!paragraph) return;\n  scwCard.description = `${paragraph.textContent}`;\n}\n\n/**\n * Process image into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processImage( scwCard: ScwCard ) {\n  const image = scwCard.querySelector('img');\n  if (!image) return;\n  scwCard.src = image.src;\n  scwCard.srcset = image.srcset;\n  scwCard.alt = image.alt;\n}\n\n/**\n * Process paragraph into scwCard properties\n * @param {ScwCard} scwCard\n */\nfunction processSuperHeading( scwCard: ScwCard ) {\n  // scwCard.superHeading = undefined;\n  const sup = scwCard.querySelector('sup');\n  if (!sup) return;\n  scwCard.superHeading = `${sup.textContent}`;\n}\n"],
-  "mappings": "AAOe,WAA4B,EAAmB,CAC5D,EAAgB,CAAQ,EACxB,EAAqB,CAAQ,EAC7B,EAAkB,CAAQ,EAC1B,EAAc,CAAQ,EACtB,EAAe,CAAQ,CACzB,CAMA,WAAwB,EAAmB,CAEzC,GAAM,GAAS,EAAQ,cAAc,GAAG,EACxC,AAAK,CAAC,GACN,CAAI,EAAO,SAAS,OAAS,EAC3B,EAAQ,OAAS,QAGjB,GAAQ,OAAS,OACjB,EAAQ,UAAY,GAAG,EAAO,eAGlC,CAMA,WAAyB,EAAmB,CAG1C,GAAM,GAAU,EAAQ,cAAc,YAAY,EAClD,GAAI,EAAC,EACL,QAAS,EAAQ,cACV,KACH,EAAQ,KAAO,QACf,UACG,KACH,EAAQ,KAAO,SACf,UACG,KACH,EAAQ,KAAO,QACf,MAEJ,EAAQ,QAAU,GAAG,EAAQ,cAC/B,CAMA,WAA2B,EAAmB,CAE5C,GAAM,GAAY,EAAQ,cAAc,GAAG,EAC3C,AAAI,CAAC,GACL,GAAQ,YAAc,GAAG,EAAU,cACrC,CAMA,WAAuB,EAAmB,CACxC,GAAM,GAAQ,EAAQ,cAAc,KAAK,EACzC,AAAI,CAAC,GACL,GAAQ,IAAM,EAAM,IACpB,EAAQ,OAAS,EAAM,OACvB,EAAQ,IAAM,EAAM,IACtB,CAMA,WAA8B,EAAmB,CAE/C,GAAM,GAAM,EAAQ,cAAc,KAAK,EACvC,AAAI,CAAC,GACL,GAAQ,aAAe,GAAG,EAAI,cAChC",
-  "names": []
+  "mappings": "AAOe,SAARA,EAAoCC,EAAmB,CAC5DC,EAAgBD,CAAQ,EACxBE,EAAqBF,CAAQ,EAC7BG,EAAkBH,CAAQ,EAC1BI,EAAcJ,CAAQ,EACtBK,EAAeL,CAAQ,CACzB,CAMA,SAASK,EAAeL,EAAmB,CAEzC,IAAMM,EAASN,EAAQ,cAAc,GAAG,EACnC,CAACM,IACFA,EAAO,SAAS,OAAS,EAC3BN,EAAQ,gBAGRA,EAAQ,cACRA,EAAQ,UAAY,GAAGM,EAAO,eAGlC,CAMA,SAASL,EAAgBD,EAAmB,CAG1C,IAAMO,EAAUP,EAAQ,cAAc,YAAY,EAClD,GAAI,EAACO,EACL,QAASA,EAAQ,cACV,KACHP,EAAQ,aACR,UACG,KACHA,EAAQ,cACR,UACG,KACHA,EAAQ,aACR,MAEJA,EAAQ,QAAU,GAAGO,EAAQ,cAC/B,CAMA,SAASJ,EAAkBH,EAAmB,CAE5C,IAAMQ,EAAYR,EAAQ,cAAc,GAAG,EACvC,CAACQ,IACLR,EAAQ,YAAc,GAAGQ,EAAU,cACrC,CAMA,SAASJ,EAAcJ,EAAmB,CACxC,IAAMS,EAAQT,EAAQ,cAAc,KAAK,EACrC,CAACS,IACLT,EAAQ,IAAMS,EAAM,IACpBT,EAAQ,OAASS,EAAM,OACvBT,EAAQ,IAAMS,EAAM,IACtB,CAMA,SAASP,EAAqBF,EAAmB,CAE/C,IAAMU,EAAMV,EAAQ,cAAc,KAAK,EACnC,CAACU,IACLV,EAAQ,aAAe,GAAGU,EAAI,cAChC",
+  "names": ["parseLightDomCard", "scwCard", "processHeading", "processSuperHeading", "processParagraph", "processImage", "processAnchor", "anchor", "heading", "paragraph", "image", "sup"]
 }

package/dist/chunks/{chunk.ZZQE6TG6.js → chunk.KVCUHP7N.js}

@@ -1,2 +1,2 @@
 var n=[{name:"01",minWidth:0,maxWidth:320,priority:1e3},{name:"02",minWidth:0,maxWidth:450,priority:900},{name:"sm",minWidth:0,maxWidth:450,priority:900},{name:"03",minWidth:0,maxWidth:600,priority:800},{name:"04",minWidth:0,maxWidth:750,priority:700},{name:"05",minWidth:0,maxWidth:900,priority:600},{name:"06",minWidth:0,maxWidth:1024,priority:500},{name:"md",minWidth:0,maxWidth:1024,priority:500},{name:"07",minWidth:0,maxWidth:1150,priority:400},{name:"08",minWidth:0,maxWidth:1300,priority:300},{name:"lg",minWidth:0,maxWidth:1300,priority:300},{name:"09",minWidth:0,maxWidth:1450,priority:200},{name:"10",minWidth:0,maxWidth:1600,priority:100}],i;function o(){return i||(i={},n.map(t=>{i&&(i[t.name]=t)})),i}export{n as a,o as b};
-//# sourceMappingURL=chunk.ZZQE6TG6.js.map
+//# sourceMappingURL=chunk.KVCUHP7N.js.map

package/dist/chunks/{chunk.ZZQE6TG6.js.map → chunk.KVCUHP7N.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/responsive/breakpoints.ts"],
   "sourcesContent": ["import {BreakpointNames, Breakpoint} from './BreakpointTypes';\n\nexport const breakpoints : Breakpoint[] = [\n  {name: BreakpointNames.breakpoint01,\n    minWidth: 0, maxWidth: 320, priority: 1000},\n  {name: BreakpointNames.breakpoint02,\n    minWidth: 0, maxWidth: 450, priority: 900},\n\n  {name: BreakpointNames.breakpointSM,\n    minWidth: 0, maxWidth: 450, priority: 900}, // SM\n\n  {name: BreakpointNames.breakpoint03,\n    minWidth: 0, maxWidth: 600, priority: 800},\n  {name: BreakpointNames.breakpoint04,\n    minWidth: 0, maxWidth: 750, priority: 700},\n  {name: BreakpointNames.breakpoint05,\n    minWidth: 0, maxWidth: 900, priority: 600},\n  {name: BreakpointNames.breakpoint06,\n    minWidth: 0, maxWidth: 1024, priority: 500},\n\n  {name: BreakpointNames.breakpointMD,\n    minWidth: 0, maxWidth: 1024, priority: 500}, // MD\n\n  {name: BreakpointNames.breakpoint07,\n    minWidth: 0, maxWidth: 1150, priority: 400},\n  {name: BreakpointNames.breakpoint08,\n    minWidth: 0, maxWidth: 1300, priority: 300},\n\n  {name: BreakpointNames.breakpointLG,\n    minWidth: 0, maxWidth: 1300, priority: 300}, // LG\n\n  {name: BreakpointNames.breakpoint09,\n    minWidth: 0, maxWidth: 1450, priority: 200},\n  {name: BreakpointNames.breakpoint10,\n    minWidth: 0, maxWidth: 1600, priority: 100},\n];\n\nlet _breakpointLookup: {[key: string] : Breakpoint} | undefined;\n\n/**\n * breakpoint lookup\n * @return {object}\n */\nexport function breakpointLookup() {\n  if (!_breakpointLookup) {\n    _breakpointLookup = {};\n    breakpoints.map((bp) => {\n      if (_breakpointLookup) {\n        _breakpointLookup[bp.name] = bp;\n      }\n    });\n  }\n  return _breakpointLookup;\n}\n"],
-  "mappings": "AAEO,GAAM,GAA6B,CACxC,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,IAAK,SAAU,GAAI,EAC5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAE3C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAE3C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAC3C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAC3C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAC3C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAC5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAC5C,CAAC,KAAM,KACL,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,CAC9C,EAEI,EAMG,YAA4B,CACjC,MAAK,IACH,GAAoB,CAAC,EACrB,EAAY,IAAI,AAAC,GAAO,CACtB,AAAI,GACF,GAAkB,EAAG,MAAQ,EAEjC,CAAC,GAEI,CACT",
-  "names": []
+  "mappings": "AAEO,IAAMA,EAA6B,CACxC,CAAC,UACC,SAAU,EAAG,SAAU,IAAK,SAAU,GAAI,EAC5C,CAAC,UACC,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAE3C,CAAC,UACC,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAE3C,CAAC,UACC,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAC3C,CAAC,UACC,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAC3C,CAAC,UACC,SAAU,EAAG,SAAU,IAAK,SAAU,GAAG,EAC3C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAC5C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAE5C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,EAC5C,CAAC,UACC,SAAU,EAAG,SAAU,KAAM,SAAU,GAAG,CAC9C,EAEIC,EAMG,SAASC,GAAmB,CACjC,OAAKD,IACHA,EAAoB,CAAC,EACrBD,EAAY,IAAKG,GAAO,CAClBF,IACFA,EAAkBE,EAAG,MAAQA,EAEjC,CAAC,GAEIF,CACT",
+  "names": ["breakpoints", "_breakpointLookup", "breakpointLookup", "bp"]
 }

package/dist/chunks/{chunk.YSBPPYOV.js → chunk.L2YBEZKF.js}

@@ -1,2 +1,2 @@
 function o(t,n,r,e){let i=(t+(e||"")).toString().includes("%");if(typeof t=="string"?[t,n,r,e]=t.match(/(0?\.?\d{1,3})%?\b/g).map(u=>Number(u)):e!==void 0&&(e=Number.parseFloat(e)),typeof t!="number"||typeof n!="number"||typeof r!="number"||t>255||n>255||r>255)throw new TypeError("Expected three numbers below 256");if(typeof e=="number"){if(!i&&e>=0&&e<=1)e=Math.round(255*e);else if(i&&e>=0&&e<=100)e=Math.round(255*e/100);else throw new TypeError(`Expected alpha value (${e}) as a fraction or percentage`);e=(e|1<<8).toString(16).slice(1)}else e="";return(r|n<<8|t<<16|1<<24).toString(16).slice(1)+e}var f=[["AA Large",3],["AA",4.5],["AAA",7]];function c(t,n,r){let[e,i,u]=[t,n,r].map(m=>{let s=m/255;return s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4)});return .2126*e+.7152*i+.0722*u}function l(t,n){let r=Math.max(t,n),e=Math.min(t,n);return(r+.05)/(e+.05)}function b(t,n){let[r,e]=[t,n].map(i=>{i=i.startsWith("#")?i.slice(1):i;let u=parseInt(i.slice(0,2),16),m=parseInt(i.slice(2,4),16),s=parseInt(i.slice(4,6),16);return c(u,m,s)});return l(r,e)}function g(t){let n=!1,r=null;for(let[e,i]of f){if(t<i)break;n=!0,r=e}return{didPass:n,maxLevel:r}}function x(t,n){let r=t,e=n;r.indexOf("rgb")===0&&(r=o(r).substr(0,6)),e.indexOf("rgb")===0&&(e=o(e).substr(0,6));let i=b(r,e);return g(i)}export{x as a};
-//# sourceMappingURL=chunk.YSBPPYOV.js.map
+//# sourceMappingURL=chunk.L2YBEZKF.js.map

package/dist/chunks/{chunk.YSBPPYOV.js.map → chunk.L2YBEZKF.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../node_modules/rgb-hex/index.js", "../../src/utils/testing/colorContrast.ts"],
   "sourcesContent": ["export default function rgbHex(red, green, blue, alpha) {\n\tconst isPercent = (red + (alpha || '')).toString().includes('%');\n\n\tif (typeof red === 'string') {\n\t\t[red, green, blue, alpha] = red.match(/(0?\\.?\\d{1,3})%?\\b/g).map(component => Number(component));\n\t} else if (alpha !== undefined) {\n\t\talpha = Number.parseFloat(alpha);\n\t}\n\n\tif (typeof red !== 'number' ||\n\t\ttypeof green !== 'number' ||\n\t\ttypeof blue !== 'number' ||\n\t\tred > 255 ||\n\t\tgreen > 255 ||\n\t\tblue > 255\n\t) {\n\t\tthrow new TypeError('Expected three numbers below 256');\n\t}\n\n\tif (typeof alpha === 'number') {\n\t\tif (!isPercent && alpha >= 0 && alpha <= 1) {\n\t\t\talpha = Math.round(255 * alpha);\n\t\t} else if (isPercent && alpha >= 0 && alpha <= 100) {\n\t\t\talpha = Math.round(255 * alpha / 100);\n\t\t} else {\n\t\t\tthrow new TypeError(`Expected alpha value (${alpha}) as a fraction or percentage`);\n\t\t}\n\n\t\talpha = (alpha | 1 << 8).toString(16).slice(1); // eslint-disable-line no-mixed-operators\n\t} else {\n\t\talpha = '';\n\t}\n\n\t// TODO: Remove this ignore comment.\n\t// eslint-disable-next-line no-mixed-operators\n\treturn ((blue | green << 8 | red << 16) | 1 << 24).toString(16).slice(1) + alpha;\n}\n", "import rgbHex from 'rgb-hex';\n\n/**\n * ============================================================================\n * Constants for later reference\n * ============================================================================\n */\n\nconst WCAG_MINIMUM_RATIOS = [\n  ['AA Large', 3],\n  ['AA', 4.5],\n  ['AAA', 7],\n]\n\n/**\n * ============================================================================\n * Setting up the app\n * ============================================================================\n */\n\n/* Get references to all the elements we'll need */\n/*\nlet preview = document.getElementById('preview')\nlet statusText = document.getElementById('status-text')\nlet statusRatio = document.getElementById('status-ratio')\nlet statusLevel = document.getElementById('status-level')\nlet textColorInput = document.getElementById('input-text')\nlet bgColorInput = document.getElementById('input-background')\n\n/* Attach the event listener * /\ntextColorInput.addEventListener('input', handleColorChange)\nbgColorInput.addEventListener('input', handleColorChange)\n\n/* Fire the listener once to initialize the app * /\nhandleColorChange()\n*/\n\n/**\n * ============================================================================\n * Event listener to update the app\n * ============================================================================\n */\n\n/*\nfunction handleColorChange() {\n  let textColor = textColorInput.value\n  let bgColor = bgColorInput.value\n\n  preview.style.color = textColor\n  preview.style.backgroundColor = bgColor\n\n  let ratio = checkContrast(textColor, bgColor)\n  let { didPass, maxLevel } = meetsMinimumRequirements(ratio)\n\n  statusText.classList.toggle('is-pass', didPass)\n  statusRatio.innerText = formatRatio(ratio)\n  statusLevel.innerText = didPass ? maxLevel : 'Fail'\n}\n*/\n\n/**\n * ============================================================================\n * Utility functions for color luminance and contrast ratios\n * ============================================================================\n */\n\n/**\n * Calculate the relative luminance of a color. See the defintion of relative\n * luminance in the WCAG 2.0 guidelines:\n * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef\n *\n * @param {number} r The red component (0-255)\n * @param {number} g The green component (0-255)\n * @param {number} b The blue component (0-255)\n * @returns {number}\n */\nfunction luminance(r : number, g : number, b : number) {\n  let [lumR, lumG, lumB] = [r, g, b].map(component => {\n    let proportion = component / 255;\n\n    return proportion <= 0.03928\n      ? proportion / 12.92\n      : Math.pow((proportion + 0.055) / 1.055, 2.4);\n  });\n\n  return 0.2126 * lumR + 0.7152 * lumG + 0.0722 * lumB;\n}\n\n/**\n * Calculate the contrast ratio between the relative luminance values of two\n * colors. See the definition of contrast ratio in the WCAG 2.0 guidelines:\n * https://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef\n *\n * @param {number} luminance1 The relative luminance of the first color (0-1)\n * @param {number} luminance2 The relative luminance of the second color (0-1)\n * @returns {number}\n */\nfunction contrastRatio(luminance1 : number, luminance2 : number) {\n  let lighterLum = Math.max(luminance1, luminance2);\n  let darkerLum = Math.min(luminance1, luminance2);\n\n  return (lighterLum + 0.05) / (darkerLum + 0.05);\n}\n\n/**\n * Calculate the contrast ratio between two colors. The minimum contrast is 1,\n * and the maximum is 21.\n *\n * @param {string} color1 The six-digit hex code of the first color\n * @param {string} color2 The six-digit hex code of the second color\n * @returns {number}\n */\n function checkContrast(color1: string, color2: string) {\n  let [luminance1, luminance2] = [color1, color2].map(color => {\n    /* Remove the leading hash sign if it exists */\n    color = color.startsWith(\"#\") ? color.slice(1) : color;\n\n    let r = parseInt(color.slice(0, 2), 16);\n    let g = parseInt(color.slice(2, 4), 16);\n    let b = parseInt(color.slice(4, 6), 16);\n\n    return luminance(r, g, b);\n  });\n\n  return contrastRatio(luminance1, luminance2);\n}\n\n/**\n * Format the given contrast ratio as a string (ex. \"4.3:1\" or \"17:1\")\n * \n * @param {number} ratio\n * @returns {string}\n */\nfunction formatRatio(ratio : number) {\n  let ratioAsFloat = ratio.toFixed(2)\n  let isInteger = Number.isInteger(parseFloat(ratioAsFloat))\n  return `${isInteger ? Math.floor(ratio) : ratioAsFloat}:1`\n}\n\n/**\n * Determine whether the given contrast ratio meets WCAG requirements at any\n * level (AA Large, AA, or AAA). In the return value, `isPass` is true if\n * the ratio meets or exceeds the minimum of at least one level, and `maxLevel`\n * is the strictest level that the ratio passes.\n * \n * @param {number} ratio The contrast ratio (1-21)\n * @returns {{ isPass: boolean, maxLevel: \"AAA\"|\"AA\"|\"AA Large\" }}\n */\nfunction meetsMinimumRequirements(ratio : number) {\n  let didPass = false\n  let maxLevel = null\n\n  for (const [level, minRatio] of WCAG_MINIMUM_RATIOS) {\n    if (ratio < minRatio) break\n\n    didPass = true\n    maxLevel = level\n  }\n\n  return { didPass, maxLevel }\n}\n\nexport default function checkColors(color1: string, color2: string) {\n  let finalColor1 = color1;\n  let finalColor2 = color2;\n  if (finalColor1.indexOf('rgb') === 0 ) {\n    // ignore alpha channel\n    finalColor1 = rgbHex(finalColor1).substr(0, 6);\n  }\n  if (finalColor2.indexOf('rgb') === 0 ) {\n      // ignore alpha channel\n      finalColor2 = rgbHex(finalColor2).substr(0, 6);\n  }\n  const ratio = checkContrast( finalColor1, finalColor2);\n  return meetsMinimumRequirements(ratio);\n}"],
-  "mappings": "AAAe,WAAgB,EAAK,EAAO,EAAM,EAAO,CACvD,GAAM,GAAa,GAAO,IAAS,KAAK,SAAS,EAAE,SAAS,GAAG,EAQ/D,GANA,AAAI,MAAO,IAAQ,SAClB,CAAC,EAAK,EAAO,EAAM,CAAK,EAAI,EAAI,MAAM,qBAAqB,EAAE,IAAI,GAAa,OAAO,CAAS,CAAC,EACrF,IAAU,QACpB,GAAQ,OAAO,WAAW,CAAK,GAG5B,MAAO,IAAQ,UAClB,MAAO,IAAU,UACjB,MAAO,IAAS,UAChB,EAAM,KACN,EAAQ,KACR,EAAO,IAEP,KAAM,IAAI,WAAU,kCAAkC,EAGvD,GAAI,MAAO,IAAU,SAAU,CAC9B,GAAI,CAAC,GAAa,GAAS,GAAK,GAAS,EACxC,EAAQ,KAAK,MAAM,IAAM,CAAK,UACpB,GAAa,GAAS,GAAK,GAAS,IAC9C,EAAQ,KAAK,MAAM,IAAM,EAAQ,GAAG,MAEpC,MAAM,IAAI,WAAU,yBAAyB,gCAAoC,EAGlF,EAAS,GAAQ,GAAK,GAAG,SAAS,EAAE,EAAE,MAAM,CAAC,CAC9C,KACC,GAAQ,GAKT,MAAS,GAAO,GAAS,EAAI,GAAO,GAAM,GAAK,IAAI,SAAS,EAAE,EAAE,MAAM,CAAC,EAAI,CAC5E,CC5BA,GAAM,GAAsB,CAC1B,CAAC,WAAY,CAAC,EACd,CAAC,KAAM,GAAG,EACV,CAAC,MAAO,CAAC,CACX,EAgEA,WAAmB,EAAY,EAAY,EAAY,CACrD,GAAI,CAAC,EAAM,EAAM,GAAQ,CAAC,EAAG,EAAG,CAAC,EAAE,IAAI,GAAa,CAClD,GAAI,GAAa,EAAY,IAE7B,MAAO,IAAc,OACjB,EAAa,MACb,KAAK,IAAK,GAAa,MAAS,MAAO,GAAG,CAChD,CAAC,EAED,MAAO,OAAS,EAAO,MAAS,EAAO,MAAS,CAClD,CAWA,WAAuB,EAAqB,EAAqB,CAC/D,GAAI,GAAa,KAAK,IAAI,EAAY,CAAU,EAC5C,EAAY,KAAK,IAAI,EAAY,CAAU,EAE/C,MAAQ,GAAa,KAAS,GAAY,IAC5C,CAUC,WAAuB,EAAgB,EAAgB,CACtD,GAAI,CAAC,EAAY,GAAc,CAAC,EAAQ,CAAM,EAAE,IAAI,GAAS,CAE3D,EAAQ,EAAM,WAAW,GAAG,EAAI,EAAM,MAAM,CAAC,EAAI,EAEjD,GAAI,GAAI,SAAS,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClC,EAAI,SAAS,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAClC,EAAI,SAAS,EAAM,MAAM,EAAG,CAAC,EAAG,EAAE,EAEtC,MAAO,GAAU,EAAG,EAAG,CAAC,CAC1B,CAAC,EAED,MAAO,GAAc,EAAY,CAAU,CAC7C,CAuBA,WAAkC,EAAgB,CAChD,GAAI,GAAU,GACV,EAAW,KAEf,OAAW,CAAC,EAAO,IAAa,GAAqB,CACnD,GAAI,EAAQ,EAAU,MAEtB,EAAU,GACV,EAAW,CACb,CAEA,MAAO,CAAE,UAAS,UAAS,CAC7B,CAEe,WAAqB,EAAgB,EAAgB,CAClE,GAAI,GAAc,EACd,EAAc,EAClB,AAAI,EAAY,QAAQ,KAAK,IAAM,GAEjC,GAAc,EAAO,CAAW,EAAE,OAAO,EAAG,CAAC,GAE3C,EAAY,QAAQ,KAAK,IAAM,GAE/B,GAAc,EAAO,CAAW,EAAE,OAAO,EAAG,CAAC,GAEjD,GAAM,GAAQ,EAAe,EAAa,CAAW,EACrD,MAAO,GAAyB,CAAK,CACvC",
-  "names": []
+  "mappings": "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",
+  "names": ["rgbHex", "red", "green", "blue", "alpha", "isPercent", "component", "WCAG_MINIMUM_RATIOS", "luminance", "r", "g", "b", "lumR", "lumG", "lumB", "component", "proportion", "contrastRatio", "luminance1", "luminance2", "lighterLum", "darkerLum", "checkContrast", "color1", "color2", "color", "meetsMinimumRequirements", "ratio", "didPass", "maxLevel", "level", "minRatio", "WCAG_MINIMUM_RATIOS", "checkColors", "color1", "color2", "finalColor1", "finalColor2", "rgbHex", "checkContrast"]
 }

package/dist/chunks/chunk.LCLP3O74.js

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

package/dist/chunks/{chunk.CXCDH3M2.js.map → chunk.LCLP3O74.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-icon/scw-icon.ts"],
   "sourcesContent": ["import ScwIcon from './ScwIcon';\ncustomElements.define('scw-icon', ScwIcon );\n"],
-  "mappings": "wCACA,eAAe,OAAO,WAAY,CAAQ",
-  "names": []
+  "mappings": "wCACA,eAAe,OAAO,WAAYA,CAAQ",
+  "names": ["ScwIcon"]
 }

package/dist/chunks/{chunk.HOT5I3EN.js → chunk.MGNPSQQS.js}

@@ -1,6 +1,6 @@
-import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.3GVGAXLL.js";import{a as r}from"./chunk.ZS4C3T6Z.js";import{g as t}from"./chunk.5YJY6NT6.js";var l=a`
+import{a as o}from"./chunk.B7II36CO.js";import{a,b as r,e as d}from"./chunk.44PMNKPK.js";import{a as c}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var s=a`
 :host {
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-start;
@@ -130,9 +130,10 @@ import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.3GVG
 
 ::slotted(*) {
   width: 100%;
-}`;var d=(e=>(e.rightIcon="right-icon",e.right2Icon="right-2-icon",e.rightAction="right-action",e))(d||{}),i=class extends s{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,l]}_right2ClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(c){c.stopPropagation(),n("scw-action",this,{action:"right-action"})}render(){return r`
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXNpbmdsZS1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNpbmdsZS1pbnB1dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0L19mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2staW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1mZWVkYmFjay1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1pbnB1dC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtcmlnaHQtYWN0aW9uLW1peGlucy5zY3NzIiwic2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9faW52YWxpZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUNJSTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURuQ047RUFFRTs7QUFHRjtFRUxFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0NKO0VDQUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDdCQTtFQUNBOztBQzZCQTtFQUNNO0VBQ0E7O0FEN0JOO0VFTkU7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRjNCSjtFR1ZBOztBSGVGO0VJZkU7RUFFRjs7QUppQkE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VLN0JFO0VBSUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VMSkU7O0FLS0Y7RUFDTTtFQUNBOzs7QUN6Q047RUNJRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBRFJBO0VFRkU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUZGQTtFR1JFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUFJRjs7O0FISUE7RUlkRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;var e=(l=>(l.rightIcon="right-icon",l.right2Icon="right-2-icon",l.rightAction="right-action",l))(e||{}),t=class extends d{constructor(){super();this.hideFeedback=!1;this.element="single-input-layout"}static get styles(){return[super.styles,s]}_right2ClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-2-icon"})}_rightClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-icon"})}_rightActionClickHandler(n){n.stopPropagation(),o("scw-action",this,{action:"right-action"})}render(){return c`
       <div class="input-field">
-        ${this.leftActionIcon?r`
+        ${this.leftActionIcon?c`
             <div class="left-icon">
               <scw-icon
                 class="icon"
@@ -143,7 +144,7 @@ import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.3GVG
         <div class="input-field-single">
           <slot></slot>
         </div>
-        ${this.right2Icon?r`
+        ${this.right2Icon?c`
             <scw-icon
               class="right-icon-2"
               .icon="${this.right2Icon}"
@@ -152,7 +153,7 @@ import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.3GVG
               link
               @click=${this._right2ClickHandler}>
             </scw-icon>`:""}
-        ${this.rightIcon?r`
+        ${this.rightIcon?c`
             <scw-icon
               class="right-icon"
               .icon="${this.rightIcon}"
@@ -161,7 +162,7 @@ import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.3GVG
               link
               @click=${this._rightClickHandler}>
             </scw-icon>`:""}
-        ${this.rightActionIcon?r`
+        ${this.rightActionIcon?c`
             <div class="right-action">
               <scw-icon
                 class="icon-right-action"
@@ -174,9 +175,9 @@ import{a as n}from"./chunk.2VW3SHYK.js";import{a,b as o,e as s}from"./chunk.3GVG
               </scw-icon>
             </div>`:""}
       </div>
-      ${this.hideFeedback?"":r`
+      ${this.hideFeedback?"":c`
           <div class="input-feedback">
             ${this.feedback}&nbsp;
           </div>`}
-    `}};t([o({type:String})],i.prototype,"feedback",2),t([o({type:String,attribute:"hide-feedback"})],i.prototype,"hideFeedback",2),t([o({type:String,attribute:"left-action-icon"})],i.prototype,"leftActionIcon",2),t([o({type:String,attribute:"right-action-icon"})],i.prototype,"rightActionIcon",2),t([o({type:String,attribute:"right-icon"})],i.prototype,"rightIcon",2),t([o({type:String,attribute:"right-2-icon"})],i.prototype,"right2Icon",2);export{d as a,i as b};
-//# sourceMappingURL=chunk.HOT5I3EN.js.map
+    `}};i([r({type:String})],t.prototype,"feedback",2),i([r({type:String,attribute:"hide-feedback"})],t.prototype,"hideFeedback",2),i([r({type:String,attribute:"left-action-icon"})],t.prototype,"leftActionIcon",2),i([r({type:String,attribute:"right-action-icon"})],t.prototype,"rightActionIcon",2),i([r({type:String,attribute:"right-icon"})],t.prototype,"rightIcon",2),i([r({type:String,attribute:"right-2-icon"})],t.prototype,"right2Icon",2);export{e as a,t as b};
+//# sourceMappingURL=chunk.MGNPSQQS.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-single-input-layout/scss/scw-single-input-layout.scss", "../../src/scw-single-input-layout/scw-single-input-layout.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgb(255, 255, 255);\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}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-field-single {\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color, var(--scw-color-error));\n}\n\n.input-field {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  align-self: stretch;\n  padding: 0;\n}\n.input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n.input-field .left-icon {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 4px 0px 0px 4px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n.input-field .left-icon > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n.input-field .left-icon .icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n.input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n}\n.input-field .right-icon-2 {\n  align-self: center;\n}\n.input-field .right-icon {\n  align-self: center;\n}\n.input-field .right-action {\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 0px 4px 4px 0px;\n  align-self: stretch;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 0.4);\n  padding-right: calc(var(--scw-spacing-1) * 0.4);\n  padding-top: 0px;\n  padding-bottom: 0px;\n  border-radius: 0;\n}\n.input-field .right-action > *:not(:last-child) {\n  margin-right: var(--scw-spacing-1);\n  --margin-right: var( --scw-spacing-1 );\n}\n\n:host .input-field {\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-03, var(--scw-color-primary-03));\n  align-self: stretch;\n}\n\n:host([aria-disabled]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\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, var(--scw-color-error));\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\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-03, var(--scw-color-primary-03));\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXNpbmdsZS1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNpbmdsZS1pbnB1dC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0L19mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC9fZmVlZGJhY2staW5wdXQtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1mZWVkYmFjay1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC12Mi9fbGVmdC1pY29uLXJpZ2h0LWFjdGlvbi1yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtbGVmdC1pY29uLWljb24tbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1zaW5nbGUtaW5wdXQtZmllbGQtdjIvX2xlZnQtaWNvbi1yaWdodC1hY3Rpb24tcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1pbnB1dC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLXYyL19sZWZ0LWljb24tcmlnaHQtYWN0aW9uLXJpZ2h0LWljb24tcmlnaHQtaWNvbi0yLWNvbnRlbnQtcmlnaHQtYWN0aW9uLW1peGlucy5zY3NzIiwic2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctc2luZ2xlLWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9faW52YWxpZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXNpbmdsZS1pbnB1dC1maWVsZC1iZy9fZm9jdXNlZC1taXhpbnMuc2NzcyIsInNjdy1zaW5nbGUtaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUNJSTtFQXlCRjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ007RUFDQTs7QURuQ047RUFFRTs7QUFHRjtFRUxFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0NKO0VDQUk7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFRDdCQTtFQUNBOztBQzZCQTtFQUNNO0VBQ0E7O0FEN0JOO0VFTkU7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRjNCSjtFR1ZBOztBSGVGO0VJZkU7RUFFRjs7QUppQkE7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VLN0JFO0VBSUY7RUFDQTtFQXdCQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VMSkU7O0FLS0Y7RUFDTTtFQUNBOzs7QUN6Q047RUNJRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7OztBRFJBO0VFRkU7RUFFRjtFQUNBO0VBQ0E7RUFJRTtFQUVGOzs7QUZGQTtFR1JFO0VBRUY7RUFDQTtFQUNBO0VBRUU7RUFJRjs7O0FISUE7RUlkRTtFQUVGO0VBQ0E7RUFDQTtFQUVFO0VBSUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input-layout.scss';\nimport {emit, ScwEvents} from '../utils/events/event';\n\n\nexport enum ScwSingleInputLayoutActions {\n  rightIcon = 'right-icon',\n  right2Icon = 'right-2-icon',\n  rightAction = 'right-action'\n}\n\n/**\n * ScwSingleInputLayout\n * @class\n * @tag scw-single-input-layout\n * @status new\n * @since 0.0.5\n *\n * @event scw-action - This fires when one of the various icons or submit\n *  button is clicked. detail is {action:\n * 'right-icon'|'right-2-icon'|'right-action'}\n */\nexport default class ScwSingleInputLayout extends ScwComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInputLayout;\n  }\n\n  // ============== ScwSingleInputLayout =======================================\n  /** (ScwSingleInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwSingleInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n   hideFeedback: boolean = false;\n\n  /** (ScwSingleInputLayout) shows left action section and determines what icon\n  * is used within the left action. */\n  @property({type: String, attribute: 'left-action-icon'})\n    leftActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows right action section and determines what icon\n  * is used within the right action. */\n  @property({type: String, attribute: 'right-action-icon'})\n   rightActionIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows first right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-icon'})\n   rightIcon: string | undefined;\n\n  /** (ScwSingleInputLayout) shows second right icon and determines the icon\n  * svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * Handle click from right 2 icon.\n  * @param {Event} evt\n  */\n  _right2ClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.right2Icon},\n    );\n  }\n\n  /**\n  * Handle click from right icon.\n  * @param {Event} evt\n  */\n  _rightClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.rightIcon},\n    );\n  }\n\n  /**\n  * Handle click from right action icon.\n  * @param {Event} evt\n  */\n  _rightActionClickHandler(evt : Event) {\n    evt.stopPropagation();\n    emit(\n      ScwEvents.action, this,\n      {action: ScwSingleInputLayoutActions.rightAction},\n    );\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <div class=\"input-field\">\n        ${this.leftActionIcon ?\n    html`\n            <div class=\"left-icon\">\n              <scw-icon\n                class=\"icon\"\n                .icon=\"${this.leftActionIcon}\"\n                size=\"30\">\n              </scw-icon>\n            </div>` : ''}\n        <div class=\"input-field-single\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"30\"\n              aria-label=\"Clear Input\"\n              link\n              @click=${this._right2ClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"30\"\n              aria-label=\"Show Password\"\n              link\n              @click=${this._rightClickHandler}>\n            </scw-icon>` : '' }\n        ${this.rightActionIcon ?\n    html`\n            <div class=\"right-action\">\n              <scw-icon\n                class=\"icon-right-action\"\n                .icon=\"${this.rightActionIcon}\"\n                color=\"white\"\n                size=\"30\"\n                aria-label=\"Submit Search\"\n                link\n                @click=${this._rightActionClickHandler}>\n              </scw-icon>\n            </div>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n          <div class=\"input-feedback\">\n            ${this.feedback}&nbsp;\n          </div>` : ''}\n    `;\n  }\n}\n\n"],
+  "mappings": "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",
+  "names": ["scw_single_input_layout_default", "r", "ScwSingleInputLayoutActions", "ScwSingleInputLayout", "ScwComponent", "scw_single_input_layout_default", "evt", "emit", "$", "__decorateClass", "e"]
+}

package/dist/chunks/{chunk.A5NCJRBB.js → chunk.MNM5PCHW.js}

@@ -1,2 +1,2 @@
 var d=(f=>(f.none="none",f.sentences="sentences",f.words="words",f.characters="characters",f.default="none",f))(d||{}),c=(n=>(n.off="off",n.on="on",n.default="on",n))(c||{}),r=(n=>(n.off="off",n.on="on",n.default="off",n))(r||{});export{d as a,c as b,r as c};
-//# sourceMappingURL=chunk.A5NCJRBB.js.map
+//# sourceMappingURL=chunk.MNM5PCHW.js.map

package/dist/chunks/{chunk.A5NCJRBB.js.map → chunk.MNM5PCHW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/formEnums.ts"],
   "sourcesContent": ["\nexport enum AutoCaptializeValues {\n  none = 'none',\n  sentences = 'sentences',\n  words = 'words',\n  characters = 'characters',\n  default = 'none'\n}\n\nexport enum AutoCompleteValues {\n  off = 'off',\n  on = 'on',\n  default = 'on'\n}\n\nexport enum AutoCorrectValues {\n  off = 'off',\n  on = 'on',\n  default = 'off'\n}\n\n"],
-  "mappings": "AACO,GAAK,GAAL,CAAK,GACV,QAAO,OACP,YAAY,YACZ,QAAQ,QACR,aAAa,aACb,UAAU,OALA,WAQA,EAAL,CAAK,GACV,OAAM,MACN,KAAK,KACL,UAAU,KAHA,WAMA,EAAL,CAAK,GACV,OAAM,MACN,KAAK,KACL,UAAU,MAHA",
-  "names": []
+  "mappings": "AACO,IAAKA,OACVA,EAAA,KAAO,OACPA,EAAA,UAAY,YACZA,EAAA,MAAQ,QACRA,EAAA,WAAa,aACbA,EAAA,QAAU,OALAA,OAAA,IAQAC,OACVA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,QAAU,KAHAA,OAAA,IAMAC,OACVA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,QAAU,MAHAA,OAAA",
+  "names": ["AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
 }

package/dist/chunks/chunk.MQ57PGFU.js

@@ -0,0 +1,2 @@
+var t=["icon-placeholder","icon-clear","icon-location","icon-checkbox","icon-radio","icon-checkbox-selected","icon-radio-selected","icon-search","icon-checkbox-hover","icon-radio-hover","icon-checkbox-selected-hover","icon-radio-selected-hover","icon-visible","icon-hidden","icon-checkbox-disabled","icon-radio-disabled","icon-checkbox-selected-disabled","icon-radio-selected-disabled","icon-chevron-up","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-color-test"];async function c(a,i){if(!t.includes(a))return!1;let e;switch(a){case"icon-placeholder":e=(await import("./icon-placeholder.CZNY75BU.js")).default;break;case"icon-clear":e=(await import("./icon-clear.OWJ7ODQM.js")).default;break;case"icon-location":e=(await import("./icon-location.5QEL6KER.js")).default;break;case"icon-checkbox":e=(await import("./icon-checkbox.YH7MMYRP.js")).default;break;case"icon-radio":e=(await import("./icon-radio.I2FI3WCV.js")).default;break;case"icon-checkbox-selected":e=(await import("./icon-checkbox-selected.SVAKK3LA.js")).default;break;case"icon-radio-selected":e=(await import("./icon-radio-selected.XXL7SCSC.js")).default;break;case"icon-search":e=(await import("./icon-search.YK24UFPX.js")).default;break;case"icon-checkbox-hover":e=(await import("./icon-checkbox-hover.CNYOUMCW.js")).default;break;case"icon-radio-hover":e=(await import("./icon-radio-hover.B5FZHVHA.js")).default;break;case"icon-checkbox-selected-hover":e=(await import("./icon-checkbox-selected-hover.PGUVZ62C.js")).default;break;case"icon-radio-selected-hover":e=(await import("./icon-radio-selected-hover.O6DFK257.js")).default;break;case"icon-visible":e=(await import("./icon-visible.2SPKJKLO.js")).default;break;case"icon-hidden":e=(await import("./icon-hidden.BBKQGE64.js")).default;break;case"icon-checkbox-disabled":e=(await import("./icon-checkbox-disabled.VSUFMT3G.js")).default;break;case"icon-radio-disabled":e=(await import("./icon-radio-disabled.Q5ZGKYKV.js")).default;break;case"icon-checkbox-selected-disabled":e=(await import("./icon-checkbox-selected-disabled.DLMEJCDA.js")).default;break;case"icon-radio-selected-disabled":e=(await import("./icon-radio-selected-disabled.CJWSVALQ.js")).default;break;case"icon-chevron-up":e=(await import("./icon-chevron-up.E4QYWAAP.js")).default;break;case"icon-chevron-down":e=(await import("./icon-chevron-down.DHMJS6F4.js")).default;break;case"icon-chevron-left":e=(await import("./icon-chevron-left.2CAORX25.js")).default;break;case"icon-chevron-right":e=(await import("./icon-chevron-right.RRLIRKZB.js")).default;break;case"icon-color-test":e=(await import("./icon-color-test.JO6FCNHQ.js")).default;break}return i===!0?`url('data:image/svg+xml;utf8,${e.replace(/#/g,"%23")}')`:e}function r(a,i){if(a){let e=a;a.indexOf("icon-")!==0&&(e=`icon-${a}`),c(e).then(o=>{i(o)})}}export{r as a};
+//# sourceMappingURL=chunk.MQ57PGFU.js.map

package/dist/chunks/{chunk.UQFFDIC3.js.map → chunk.MQ57PGFU.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../tokens/source/assets/svgs.js", "../../src/utils/getIconSvg.ts"],
   "sourcesContent": ["\nconst svgs = [\n  'icon-placeholder',\n\t'icon-clear',\n\t'icon-location',\n\t'icon-checkbox',\n\t'icon-radio',\n\t'icon-checkbox-selected',\n\t'icon-radio-selected',\n\t'icon-search',\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-visible',\n\t'icon-hidden',\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-chevron-up',\n\t'icon-chevron-down',\n\t'icon-chevron-left',\n\t'icon-chevron-right',\n\t'icon-color-test'\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-clear': svg = (await import('./icon-clear.js')).default; break;\n\t\tcase 'icon-location': svg = (await import('./icon-location.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-search': svg = (await import('./icon-search.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-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-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-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-color-test': svg = (await import('./icon-color-test.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": "AACA,GAAM,GAAO,CACX,mBACD,aACA,gBACA,gBACA,aACA,yBACA,sBACA,cACA,sBACA,mBACA,+BACA,4BACA,eACA,cACA,yBACA,sBACA,kCACA,+BACA,kBACA,oBACA,oBACA,qBACA,iBACD,EAEA,iBAAsC,EAAS,EAAY,CACzD,GAAK,CAAC,EAAK,SAAS,CAAO,EACzB,MAAO,GAET,GAAI,GACJ,OAAS,OACJ,mBAAoB,EAAO,MAAM,QAAO,mCAA0B,QAAS,UAC3E,aAAc,EAAO,MAAM,QAAO,6BAAoB,QAAS,UAC/D,gBAAiB,EAAO,MAAM,QAAO,gCAAuB,QAAS,UACrE,gBAAiB,EAAO,MAAM,QAAO,gCAAuB,QAAS,UACrE,aAAc,EAAO,MAAM,QAAO,6BAAoB,QAAS,UAC/D,yBAA0B,EAAO,MAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,cAAe,EAAO,MAAM,QAAO,8BAAqB,QAAS,UACjE,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,mBAAoB,EAAO,MAAM,QAAO,mCAA0B,QAAS,UAC3E,+BAAgC,EAAO,MAAM,QAAO,+CAAsC,QAAS,UACnG,4BAA6B,EAAO,MAAM,QAAO,4CAAmC,QAAS,UAC7F,eAAgB,EAAO,MAAM,QAAO,+BAAsB,QAAS,UACnE,cAAe,EAAO,MAAM,QAAO,8BAAqB,QAAS,UACjE,yBAA0B,EAAO,MAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuB,EAAO,MAAM,QAAO,sCAA6B,QAAS,UACjF,kCAAmC,EAAO,MAAM,QAAO,kDAAyC,QAAS,UACzG,+BAAgC,EAAO,MAAM,QAAO,+CAAsC,QAAS,UACnG,kBAAmB,EAAO,MAAM,QAAO,kCAAyB,QAAS,UACzE,oBAAqB,EAAO,MAAM,QAAO,oCAA2B,QAAS,UAC7E,oBAAqB,EAAO,MAAM,QAAO,oCAA2B,QAAS,UAC7E,qBAAsB,EAAO,MAAM,QAAO,qCAA4B,QAAS,UAC/E,kBAAmB,EAAO,MAAM,QAAO,kCAAyB,QAAS,MAE9E,MAAI,KAAc,GAEX,gCAAgC,EAAI,QAAQ,KAAM,KAAK,MAEvD,CAET,CCxDe,WACb,EACA,EACA,CACA,GAAI,EAAU,CACZ,GAAI,GAAe,EACnB,AAAI,EAAS,QAAQ,OAAO,IAAM,GAChC,GAAe,QAAQ,KAEzB,EAAO,CAAY,EAAE,KAAK,AAAC,GAA4B,CACrD,EAAU,CAAO,CACnB,CAAC,CACH,CACF",
-  "names": []
+  "mappings": "AACA,IAAMA,EAAO,CACX,mBACD,aACA,gBACA,gBACA,aACA,yBACA,sBACA,cACA,sBACA,mBACA,+BACA,4BACA,eACA,cACA,yBACA,sBACA,kCACA,+BACA,kBACA,oBACA,oBACA,qBACA,iBACD,EAEA,eAAOC,EAA+BC,EAASC,EAAY,CACzD,GAAK,CAACH,EAAK,SAASE,CAAO,EACzB,MAAO,GAET,IAAIE,EACJ,OAASF,OACJ,mBAAoBE,GAAO,KAAM,QAAO,mCAA0B,QAAS,UAC3E,aAAcA,GAAO,KAAM,QAAO,6BAAoB,QAAS,UAC/D,gBAAiBA,GAAO,KAAM,QAAO,gCAAuB,QAAS,UACrE,gBAAiBA,GAAO,KAAM,QAAO,gCAAuB,QAAS,UACrE,aAAcA,GAAO,KAAM,QAAO,6BAAoB,QAAS,UAC/D,yBAA0BA,GAAO,KAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuBA,GAAO,KAAM,QAAO,sCAA6B,QAAS,UACjF,cAAeA,GAAO,KAAM,QAAO,8BAAqB,QAAS,UACjE,sBAAuBA,GAAO,KAAM,QAAO,sCAA6B,QAAS,UACjF,mBAAoBA,GAAO,KAAM,QAAO,mCAA0B,QAAS,UAC3E,+BAAgCA,GAAO,KAAM,QAAO,+CAAsC,QAAS,UACnG,4BAA6BA,GAAO,KAAM,QAAO,4CAAmC,QAAS,UAC7F,eAAgBA,GAAO,KAAM,QAAO,+BAAsB,QAAS,UACnE,cAAeA,GAAO,KAAM,QAAO,8BAAqB,QAAS,UACjE,yBAA0BA,GAAO,KAAM,QAAO,yCAAgC,QAAS,UACvF,sBAAuBA,GAAO,KAAM,QAAO,sCAA6B,QAAS,UACjF,kCAAmCA,GAAO,KAAM,QAAO,kDAAyC,QAAS,UACzG,+BAAgCA,GAAO,KAAM,QAAO,+CAAsC,QAAS,UACnG,kBAAmBA,GAAO,KAAM,QAAO,kCAAyB,QAAS,UACzE,oBAAqBA,GAAO,KAAM,QAAO,oCAA2B,QAAS,UAC7E,oBAAqBA,GAAO,KAAM,QAAO,oCAA2B,QAAS,UAC7E,qBAAsBA,GAAO,KAAM,QAAO,qCAA4B,QAAS,UAC/E,kBAAmBA,GAAO,KAAM,QAAO,kCAAyB,QAAS,MAE9E,OAAID,IAAc,GAEX,gCAAgCC,EAAI,QAAQ,KAAM,KAAK,MAEvDA,CAET,CCxDe,SAARC,EACLC,EACAC,EACA,CACA,GAAID,EAAU,CACZ,IAAIE,EAAeF,EACfA,EAAS,QAAQ,OAAO,IAAM,IAChCE,EAAe,QAAQF,KAEzBG,EAAOD,CAAY,EAAE,KAAME,GAA4B,CACrDH,EAAUG,CAAO,CACnB,CAAC,CACH,CACF",
+  "names": ["svgs", "getSvg", "svgName", "urlBase64", "svg", "getIconSvg", "iconName", "callback", "iconNameFull", "getSvg", "result"]
 }

package/dist/chunks/chunk.N5JAB5AA.js

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

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

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

package/dist/chunks/{chunk.TIGDLFNU.js → chunk.N6DLDRHB.js}

@@ -1,2 +1,2 @@
 function l(t,u){if(t){let e=getComputedStyle(t);if(e){let r=e.getPropertyValue(u);if(r)return r.trim()}}return!1}export{l as a};
-//# sourceMappingURL=chunk.TIGDLFNU.js.map
+//# sourceMappingURL=chunk.N6DLDRHB.js.map

package/dist/chunks/{chunk.TIGDLFNU.js.map → chunk.N6DLDRHB.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/getComputedStyleValue.ts"],
   "sourcesContent": ["\n/**\n * Find the computed style value for element (versus locally defined style)\n * @param {HTMLElement} ele\n * @param {string} propName\n * @return {string | false}\n */\nexport default function getComputedStyleValue(\n  ele : HTMLElement,\n  propName: string,\n) : string | false {\n  if ( ele ) {\n    const computedStyle = getComputedStyle(ele);\n    if ( computedStyle ) {\n      const value = computedStyle.getPropertyValue(propName);\n      if (value) {\n        return value.trim();// b/c leading spaces are norm for css...\n      }\n    }\n  }\n  return false;\n}\n"],
-  "mappings": "AAOe,WACb,EACA,EACiB,CACjB,GAAK,EAAM,CACT,GAAM,GAAgB,iBAAiB,CAAG,EAC1C,GAAK,EAAgB,CACnB,GAAM,GAAQ,EAAc,iBAAiB,CAAQ,EACrD,GAAI,EACF,MAAO,GAAM,KAAK,CAEtB,CACF,CACA,MAAO,EACT",
-  "names": []
+  "mappings": "AAOe,SAARA,EACLC,EACAC,EACiB,CACjB,GAAKD,EAAM,CACT,IAAME,EAAgB,iBAAiBF,CAAG,EAC1C,GAAKE,EAAgB,CACnB,IAAMC,EAAQD,EAAc,iBAAiBD,CAAQ,EACrD,GAAIE,EACF,OAAOA,EAAM,KAAK,CAEtB,CACF,CACA,MAAO,EACT",
+  "names": ["getComputedStyleValue", "ele", "propName", "computedStyle", "value"]
 }

package/dist/chunks/{chunk.BK6PO2CX.js → chunk.NGL6WE6V.js}

@@ -1,2 +1,2 @@
-import{a as o,b as p}from"./chunk.WQARFGAY.js";import{a as m}from"./chunk.AY3YRO2L.js";import{a as r}from"./chunk.WO7EIYQ3.js";var t=class{constructor(n,i,s,c){this.responsiveType="none";this.breakpoints=[];this.attrBreakpoints={};this.stylesCompiled="";this.uuid="";this.uuid=`res-${t.instanceIndex++}`,this.mediaQueryHandler=this.mediaQueryHandler.bind(this),this.responsiveInfo=n,this.responsiveClient=i||n,this.responsiveObserved=s||document,this.responsiveClientSelector=c,this.responsiveType=this.responsiveObserved===document?"viewport":"element",this.connect()}run(){this.mediaQueryHandler()}connect(){m(this),o(this)}disconnect(){r.removeBreakpointListener(this.breakpoints,this.mediaQueryHandler)}mediaQueryHandler(){p(this)}},e=t;e.instanceIndex=0;export{e as a};
-//# sourceMappingURL=chunk.BK6PO2CX.js.map
+import{a as o,b as p}from"./chunk.J5OGWB43.js";import{a as m}from"./chunk.TC4A7NX7.js";import{a as r}from"./chunk.33FSL7Y7.js";var t=class{constructor(n,i,s,c){this.responsiveType="none";this.breakpoints=[];this.attrBreakpoints={};this.stylesCompiled="";this.uuid="";this.uuid=`res-${t.instanceIndex++}`,this.mediaQueryHandler=this.mediaQueryHandler.bind(this),this.responsiveInfo=n,this.responsiveClient=i||n,this.responsiveObserved=s||document,this.responsiveClientSelector=c,this.responsiveType=this.responsiveObserved===document?"viewport":"element",this.connect()}run(){this.mediaQueryHandler()}connect(){m(this),o(this)}disconnect(){r.removeBreakpointListener(this.breakpoints,this.mediaQueryHandler)}mediaQueryHandler(){p(this)}},e=t;e.instanceIndex=0;export{e as a};
+//# sourceMappingURL=chunk.NGL6WE6V.js.map

package/dist/chunks/{chunk.BK6PO2CX.js.map → chunk.NGL6WE6V.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/responsive/ResponsiveElement.ts"],
   "sourcesContent": ["import ScwComponent from '../../scw-component/ScwComponent';\nimport {\n  Breakpoint,\n  ResponsiveTypes,\n} from './BreakpointTypes';\nimport {\n  connectAttributes,\n  mediaQueryHandler,\n} from './connectAttributes';\nimport mediaQueryListSingleton from '../observers/mediaQueryListSingleton';\nimport {processAttributes} from './processAttributes';\n\n/**\n * Handles Responsive Functionality for any ScwComponent\n */\nexport default class ResponsiveElement {\n  static instanceIndex = 0;\n\n  /**\n  * constructor\n  * @param {ScwComponent} responsiveInfo\n  * @param {HTMLElement} responsiveClient\n  * @param {HTMLElement} responsiveObserved\n  * @param {string} responsiveClientSelector\n  */\n  constructor(\n    responsiveInfo : ScwComponent,\n    responsiveClient? : HTMLElement | ScwComponent,\n    responsiveObserved? : HTMLElement | ScwComponent,\n    responsiveClientSelector? : string,\n  ) {\n    this.uuid = `res-${ResponsiveElement.instanceIndex++}`;\n    this.mediaQueryHandler = this.mediaQueryHandler.bind(this);\n\n    this.responsiveInfo = responsiveInfo;\n    // if client is not sent it is the same as the info element\n    this.responsiveClient =\n      responsiveClient ? responsiveClient : responsiveInfo;\n    this.responsiveObserved =\n      responsiveObserved ? responsiveObserved : document;\n\n    this.responsiveClientSelector = responsiveClientSelector;\n\n    this.responsiveType = ( this.responsiveObserved === document ) ?\n      ResponsiveTypes.viewport : ResponsiveTypes.element;\n\n    this.connect();\n  }\n\n  /**\n   * run\n   */\n  run() {\n    this.mediaQueryHandler();\n  }\n\n  /** contains the resize information */\n  responsiveInfo: ScwComponent;\n\n  /** gets manipulated */\n  responsiveClient: HTMLElement | ScwComponent;\n\n  /** querySelector to find client  */\n  responsiveClientSelector: string | undefined;\n\n  /** the observed */\n  responsiveObserved: HTMLElement | ScwComponent | Document;\n\n  /** viewport or element level responsivness */\n  responsiveType: ResponsiveTypes = ResponsiveTypes.none;\n\n  /** list of breakpoints to watch */\n  breakpoints : Breakpoint[] = [];\n\n  /** list of breakpoints to watch */\n  attrBreakpoints : {[key:string]:Breakpoint[]} = {};\n\n  /** all styles pulled into a single string */\n  stylesCompiled : string = '';\n\n  /** unique (enough) identifier for connecting classes/style */\n  uuid : string = '';\n\n  /**\n  * Register base element to deal with responsiveness\n  */\n  connect() {\n    processAttributes( this );\n    connectAttributes( this );\n  }\n\n  /** clean up any connections */\n  disconnect() {\n    mediaQueryListSingleton.removeBreakpointListener(\n      this.breakpoints,\n      this.mediaQueryHandler,\n    );\n  }\n\n  /**\n  * route media query handler back to connect attributes\n  * @param {MediaQueryListEvent} evt\n  */\n  mediaQueryHandler() {\n    mediaQueryHandler( this );\n  }\n}\n\n\n"],
-  "mappings": "+HAeA,WAAuC,CAUrC,YACE,EACA,EACA,EACA,EACA,CAuCF,oBAAkC,OAGlC,iBAA6B,CAAC,EAG9B,qBAAgD,CAAC,EAGjD,oBAA0B,GAG1B,UAAgB,GAlDd,KAAK,KAAO,OAAO,EAAkB,kBACrC,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EAEzD,KAAK,eAAiB,EAEtB,KAAK,iBACH,GAAsC,EACxC,KAAK,mBACH,GAA0C,SAE5C,KAAK,yBAA2B,EAEhC,KAAK,eAAmB,KAAK,qBAAuB,SAClD,WAA2B,UAE7B,KAAK,QAAQ,CACf,CAKA,KAAM,CACJ,KAAK,kBAAkB,CACzB,CAgCA,SAAU,CACR,EAAmB,IAAK,EACxB,EAAmB,IAAK,CAC1B,CAGA,YAAa,CACX,EAAwB,yBACtB,KAAK,YACL,KAAK,iBACP,CACF,CAMA,mBAAoB,CAClB,EAAmB,IAAK,CAC1B,CACF,EA3FA,IACS,AADT,EACS,cAAgB",
-  "names": []
+  "mappings": "+HAeA,IAAqBA,EAArB,KAAuC,CAUrC,YACEC,EACAC,EACAC,EACAC,EACA,CAuCF,2BAGA,iBAA6B,CAAC,EAG9B,qBAAgD,CAAC,EAGjD,oBAA0B,GAG1B,UAAgB,GAlDd,KAAK,KAAO,OAAOJ,EAAkB,kBACrC,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EAEzD,KAAK,eAAiBC,EAEtB,KAAK,iBACHC,GAAsCD,EACxC,KAAK,mBACHE,GAA0C,SAE5C,KAAK,yBAA2BC,EAEhC,KAAK,eAAmB,KAAK,qBAAuB,8BAGpD,KAAK,QAAQ,CACf,CAKA,KAAM,CACJ,KAAK,kBAAkB,CACzB,CAgCA,SAAU,CACRC,EAAmB,IAAK,EACxBC,EAAmB,IAAK,CAC1B,CAGA,YAAa,CACXC,EAAwB,yBACtB,KAAK,YACL,KAAK,iBACP,CACF,CAMA,mBAAoB,CAClBC,EAAmB,IAAK,CAC1B,CACF,EA3FqBC,EAArBT,EAAqBS,EACZ,cAAgB",
+  "names": ["_ResponsiveElement", "responsiveInfo", "responsiveClient", "responsiveObserved", "responsiveClientSelector", "processAttributes", "connectAttributes", "mediaQueryListSingleton_default", "mediaQueryHandler", "ResponsiveElement"]
 }

package/dist/chunks/{chunk.7GL4EMSM.js → chunk.OOCO42E3.js}

@@ -1,2 +1,2 @@
-import{a}from"./chunk.AKAAJWEI.js";function r(e){if(e.children.length===0)return;let n=e.querySelector("h1, h2, h3, h4, h5");if(!n)return;let t=Object.values(a),i=t.indexOf(n.nodeName);i!==-1&&(e.ariaLabel=n.textContent?n.textContent.trim():"",e.size=t[i])}export{r as a};
-//# sourceMappingURL=chunk.7GL4EMSM.js.map
+import{a}from"./chunk.EJBBXIW3.js";function r(e){if(e.children.length===0)return;let n=e.querySelector("h1, h2, h3, h4, h5");if(!n)return;let t=Object.values(a),i=t.indexOf(n.nodeName);i!==-1&&(e.ariaLabel=n.textContent?n.textContent.trim():"",e.size=t[i])}export{r as a};
+//# sourceMappingURL=chunk.OOCO42E3.js.map