scu-web-components 0.0.32 → 0.0.33

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

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

package/dist/chunks/chunk.OJ5GA7KC.js

@@ -0,0 +1,208 @@
+import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.XIABJDSO.js";import{a as l,b as s}from"./chunk.6YJSECLS.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.OJ5GA7KC.js.map

package/dist/chunks/chunk.OJ5GA7KC.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.OJBLM2QR.js

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

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

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

package/dist/chunks/chunk.OMSKLS2T.js

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

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

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

package/dist/chunks/chunk.OP5VKZTH.js

@@ -0,0 +1,4 @@
+import{e as o}from"./chunk.6YJSECLS.js";import{a as e}from"./chunk.IHVBWZ57.js";var t=class extends o{constructor(){super(),this.element="layout-component",this.setAttribute("scw-layout-initial",""),this.responsive=!0}render(){return e`
+      <slot></slot>
+    `}};export{t as a};
+//# sourceMappingURL=chunk.OP5VKZTH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-layout-component/scw-layout-component.ts"],
+  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwLayoutComponent\n * @class\n * @tag scw-layout-component\n */\nexport default class ScwLayoutComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.layoutComponent;\n    this.setAttribute('scw-layout-initial', '');\n    this.responsive = true;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n"],
+  "mappings": "gFASA,IAAqBA,EAArB,cAAgDC,CAAa,CAE3D,aAAc,CACZ,MAAM,EACN,KAAK,2BACL,KAAK,aAAa,qBAAsB,EAAE,EAC1C,KAAK,WAAa,EACpB,CAMC,QAAiB,CAChB,OAAOC;AAAA;AAAA,KAGT,CACF",
+  "names": ["ScwLayoutComponent", "ScwComponent", "$"]
+}

package/dist/chunks/chunk.ORTGKMQP.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/suffix.ts"],
+  "sourcesContent": ["import {config} from '../scw';\n\n/**\n * Pulls suffix from global design system config with some formatting options\n * @param {string} connector\n * @return {string}\n */\nexport default function getSuffix(connector: string = '-') {\n  return config ? config.suffix ? `${connector}${config.suffix}` : '' : '';\n}\n\n"],
+  "mappings": "wCAOe,SAARA,EAA2BC,EAAoB,IAAK,CACzD,OAAOC,GAASA,EAAO,OAAS,GAAGD,IAAYC,EAAO,SAAgB,EACxE",
+  "names": ["getSuffix", "connector", "config"]
+}

package/dist/chunks/chunk.OTV3XELQ.js

@@ -0,0 +1,59 @@
+import{a as p}from"./chunk.ZHMMWIFH.js";import{a as u}from"./chunk.A6Q2K43E.js";import{d as b}from"./chunk.ILV26OI7.js";import{a as d,b as e,c as n}from"./chunk.2LAHOOSK.js";import{a as l}from"./chunk.33FSL7Y7.js";import{b as c}from"./chunk.KBIUGQUO.js";import{a as r}from"./chunk.IHVBWZ57.js";import{g as i}from"./chunk.5YJY6NT6.js";var m=d`
+:host {
+  /* scw element */
+  position: relative;
+  box-sizing: border-box;
+  --margin-right: initial;
+  --margin-bottom: initial;
+  --gap-h-int: initial;
+  --gap-v-int: initial;
+  margin-right: var(--margin-right, var(--gap-h-int, initial));
+  margin-bottom: var(--margin-bottom, var(--gap-v-int, initial));
+  display: block;
+}
+
+:host([warning]) {
+  outline: 2px solid red !important;
+}
+
+:host .scw-link-base {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:host .scw-link-base img {
+  display: block;
+  position: absolute;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;var t=class extends b{constructor(){super();this.preload=!1;this.noLazyLoading=!1;this.resizeBreakpoints=`${"sm"}, ${"md"}, ${"lg"}`;this._isIntersecting=!1;this._hasIntersected=!1;this._resizeBreakpoints=[];this.element="image"}static get styles(){return[super.styles,m]}firstUpdated(s){super.firstUpdated(s),this._resizeHandler=this._resizeHandler.bind(this),this._intersectionHandler=this._intersectionHandler.bind(this),this.noLazyLoading?this._hasIntersected=!0:p.registerCallback(this,this._intersectionHandler),this.establishResizeBreakpoints()}parseAndValidateLightDom(){super.parseAndValidateLightDom(),u(this)}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect(),p.unregisterCallback(this,this._intersectionHandler),l.removeBreakpointListener(this._resizeBreakpoints,this._resizeHandler)}establishResizeBreakpoints(){if(this.srcset){let s=this.resizeBreakpoints.split(","),o=c();this._resizeBreakpoints=[],s.map(h=>{let a=o[h.trim()];a&&this._resizeBreakpoints.push(a)}),l.addBreakpointListener(this._resizeBreakpoints,this._resizeHandler),this._resizeHandler()}}_resizeHandler(){this._imageSize=this.clientWidth}_intersectionHandler(s){this._isIntersecting=s,this._hasIntersected=this._hasIntersected?!0:s}renderContainerCss(){if(this.aspectRatio){let s=this.aspectRatio.split(":"),o=parseFloat(s[0]);return`
+        display: block;
+        padding-bottom: ${parseFloat(s[1])/o*100}%;
+        height: 0;`}return""}renderImgCss(){return this.objectFit||this.objectPosition?`
+        position: absolute;
+        top: 0; left: 0;
+        width: 100%; height: 100%;
+        object-fit: ${this.objectFit?this.objectFit:"contain"};
+        object-position: ${this.objectPosition?this.objectPosition:"center"}`:""}renderPreload(){if(this.preload){if(this._imageSize&&this.srcset)return r`<link 
+        rel="preload"
+        as="image"
+        srcset="${this.srcset}"
+        sizes="${this._imageSize}px" />
+      `;if(this.src)return r`<link 
+          rel="preload"
+          as="image"
+          href="${this.src}" />
+        `}}renderContent(){return this._hasIntersected?this._imageSize&&this.srcset?r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            srcset="${this.srcset}"
+            sizes="${this._imageSize}px"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r`
+          ${this.renderPreload()}
+          <img
+            style="${this.renderImgCss()}"
+            src="${this.src?this.src:!1}"
+            alt="${this.alt?this.alt:"NO ALT!"}" />`:r``}render(){return this.renderLink(this.renderContent(),this.renderContainerCss())}};i([e({type:String,attribute:"aspect-ratio"})],t.prototype,"aspectRatio",2),i([e({type:String,attribute:"object-fit"})],t.prototype,"objectFit",2),i([e({type:String,attribute:"object-position"})],t.prototype,"objectPosition",2),i([e({type:String})],t.prototype,"srcset",2),i([e({type:String})],t.prototype,"src",2),i([e({type:String})],t.prototype,"alt",2),i([e({type:Boolean})],t.prototype,"preload",2),i([e({type:Boolean,attribute:"no-lazy-loading"})],t.prototype,"noLazyLoading",2),i([e({type:String,attribute:"resize-breakpoints"})],t.prototype,"resizeBreakpoints",2),i([n()],t.prototype,"_imageSize",2),i([n()],t.prototype,"_isIntersecting",2),i([n()],t.prototype,"_hasIntersected",2);export{t as a};
+//# sourceMappingURL=chunk.OTV3XELQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-image/scss/scw-image.scss", "../../src/scw-image/ScwImage.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 .scw-link-base {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .scw-link-base img {\n  display: block;\n  position: absolute;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LWltYWdlL3Njc3MiLCJzb3VyY2VzIjpbIi4uLy4uL3Njdy1jb21wb25lbnQvc2Nzcy9zY3ctY29tcG9uZW50LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zb3VyY2UvY3NzQXBpLnNjc3MiLCJzY3ctaW1hZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtBQ2tudEJFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBOzs7QUR4bnRCRjtFQUNFOzs7QUVIQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBIn0= */`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\nimport mediaQueryListSingleton\n  from '../utils/observers/mediaQueryListSingleton';\nimport intersectionObserverSingleton\n  from '../utils/observers/intersectionObserverSingleton';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport validate from './scw-image-validate';\nimport {BreakpointNames, Breakpoint} from '../utils/responsive/BreakpointTypes';\nimport {breakpointLookup} from '../utils/responsive/breakpoints';\n\n/**\n * ScwImage\n * @class\n * @tag scw-image\n *\n * @slot [default=\"<img src alt />\"]\n    Base image to display. This is generally a LQIP (Low Quality Image\n      Placeholder)\n * @slot [default=\"<a href target><source /><img src alt /></a>\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in\n    addition to size and label.\n */\nexport default class ScwImage extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwImage =================================================\n  /** (ScwImage) Width:Height ratio */\n  @property({type: String, attribute: 'aspect-ratio'})\n    aspectRatio: string | undefined;// = '2:1';\n\n  /** (ScwImage) Object Fit CSS */\n  @property({type: String, attribute: 'object-fit'})\n    objectFit: string | undefined;// = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string | undefined;// = 'center';\n\n  /** (ScwImage) srcset of image */\n  @property({type: String})\n    srcset: string | undefined;\n\n  /** (ScwImage) src of image */\n  @property({type: String})\n    src: string | undefined;// NOTE: \"#\" don't work in chrome w/ inline imgs\n\n  /** (ScwImage) alt of image */\n  @property({type: String})\n    alt: string | undefined;\n\n  /** (ScwImage) whether to preload image or not */\n  @property({type: Boolean})\n    preload: boolean = false;\n\n  /** (ScwImage) turn off lazy loading */\n  @property({type: Boolean, attribute: 'no-lazy-loading'})\n    noLazyLoading: boolean = false;\n\n  /** (ScwImage) establishes when (via the name of the breakpoint)\n   * the image figures out it's sizing for srcset */\n  @property({type: String, attribute: 'resize-breakpoints'})\n    resizeBreakpoints: string = `${\n      BreakpointNames.breakpointSM}, ${\n      BreakpointNames.breakpointMD}, ${\n      BreakpointNames.breakpointLG}`;\n\n  // ====== STATES =============================================================\n  /** (ScwImage) the image size derived from resize observer */\n  @state()\n  _imageSize : number | undefined;\n\n  /** (ScwImage) determines whether element is intersecting */\n  @state()\n  _isIntersecting : boolean = false;\n\n  /** (ScwImage) determines whether element has intersected once */\n  @state()\n  _hasIntersected : boolean = false;\n\n  _resizeBreakpoints: Breakpoint[] = [];\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.image;\n  }\n\n  /**\n   * first updated\n   * @param {Map<string | number | symbol, unknown>} changedProps\n   */\n  firstUpdated(changedProps: Map<string | number | symbol, unknown>) {\n    super.firstUpdated(changedProps);\n    this._resizeHandler = this._resizeHandler.bind(this);\n    this._intersectionHandler = this._intersectionHandler.bind(this);\n    if (!this.noLazyLoading) {\n      intersectionObserverSingleton.registerCallback(\n        this, this._intersectionHandler,\n      );\n    } else {\n      // resizeSingleton.registerCallback(this, this._resizeHandler);\n      this._hasIntersected = true;\n    }\n\n    this.establishResizeBreakpoints();\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    validate( this );\n  }\n\n  /**\n  * disconnect from dom\n  */\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._lightDomMutationObserver) {\n      this._lightDomMutationObserver.disconnect();\n    }\n    intersectionObserverSingleton.unregisterCallback(\n      this, this._intersectionHandler,\n    );\n    mediaQueryListSingleton.removeBreakpointListener(\n      this._resizeBreakpoints,\n      this._resizeHandler,\n    );\n  }\n\n  /**\n   * Establish Resize Breakpoints\n   */\n  establishResizeBreakpoints() {\n    if (this.srcset) {\n      const resizeBreakpointsArr = this.resizeBreakpoints.split(',');\n      const bpLookup = breakpointLookup();\n      this._resizeBreakpoints = [];\n      resizeBreakpointsArr.map((bp) => {\n        const bpObj = bpLookup[bp.trim()];\n        if (bpObj) {\n          this._resizeBreakpoints.push(bpObj);\n        }\n      });\n      mediaQueryListSingleton.addBreakpointListener(\n        this._resizeBreakpoints,\n        this._resizeHandler,\n      );\n      this._resizeHandler();// need a first _imageSize\n    }\n  }\n\n  /**\n  * handle resize events\n  */\n  _resizeHandler() {\n    this._imageSize = this.clientWidth;\n  }\n\n  /**\n  * handle resize events\n  * @param {boolean} intersecting\n  * @param {number} ratio\n  */\n  _intersectionHandler(intersecting: boolean) {// }, ratio: number) {\n    this._isIntersecting = intersecting;\n    // images only render once...\n    this._hasIntersected = this._hasIntersected ? true : intersecting;\n  }\n\n  /**\n  * Translate aspect ration string to a number (percent)\n  * @return {string}\n  */\n  renderContainerCss() {\n    if ( this.aspectRatio) {\n      const aspectRatioArr = this.aspectRatio.split(':');\n      const w = parseFloat(aspectRatioArr[0]);\n      const h = parseFloat(aspectRatioArr[1]);\n      const percent = (h / w) * 100;\n      return `\n        display: block;\n        padding-bottom: ${percent}%;\n        height: 0;`;\n    }\n    return ``;\n  }\n\n  /**\n  * Css for image\n  * @return {string}\n  */\n  renderImgCss() : string {\n    if ( this.objectFit || this.objectPosition ) { // this.aspectRatio ) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit ? this.objectFit : 'contain'};\n        object-position: ${this.objectPosition ?\n          this.objectPosition : 'center'}`;\n    } else {\n      return ``;\n    }\n  }\n\n  /**\n  * render preload link\n  * @return {object} component DOM\n  */\n  renderPreload() : object | undefined {\n    if (this.preload) {\n      if (this._imageSize && this.srcset) {\n        return html`<link \n        rel=\"preload\"\n        as=\"image\"\n        srcset=\"${this.srcset}\"\n        sizes=\"${this._imageSize}px\" />\n      `;\n      } else if (this.src) {\n        return html`<link \n          rel=\"preload\"\n          as=\"image\"\n          href=\"${this.src}\" />\n        `;\n      }\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    if (this._hasIntersected) {\n      if (this._imageSize && this.srcset) {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      } else {\n        return html`\n          ${this.renderPreload()}\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.alt ? this.alt : 'NO ALT!'}\" />`;\n      }\n    } else {\n      return html``;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return this.renderLink(\n      this.renderContent(),\n      this.renderContainerCss(),\n    );\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_image_default", "r", "ScwImage", "ScwLinkBase", "scw_image_default", "changedProps", "intersectionObserverSingleton_default", "validate", "mediaQueryListSingleton_default", "resizeBreakpointsArr", "bpLookup", "breakpointLookup", "bp", "bpObj", "intersecting", "aspectRatioArr", "w", "$", "__decorateClass", "t"]
+}

package/dist/chunks/chunk.OXU2Z53O.js

@@ -0,0 +1,208 @@
+import{a as r}from"./chunk.UXHVIMZV.js";import{a as e}from"./chunk.V5A2J7AR.js";import{a as l,b as s}from"./chunk.YITG6YRY.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.OXU2Z53O.js.map