scu-web-components 0.0.11 → 0.0.14

package/dist/chunks/{chunk.2QVBLNWN.js.map → chunk.OOYBLK6J.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/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", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\n// import resizeSingleton from '../utils/observers/resizeObserverSingleton';\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';\n// import ResponsiveElement from '../utils/responsive/ResponsiveElement';\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 = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string = '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) 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.aspectRatio) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit};\n        object-position: ${this.objectPosition}`;\n    } else {\n      return ``;\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          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.ariaLabel}\" />`;\n      } else {\n        return html`\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ?? false}\"\n            alt=\"${this.ariaLabel}\" />`;\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": "6XACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GC0Bf,mBAAsC,EAAY,CA4DhD,aAAc,CACZ,QA3CA,eAAoB,UAIpB,oBAAyB,SAYzB,mBAAyB,GAKzB,uBAA4B,GAC1B,EAAgB,iBAChB,EAAgB,iBAChB,EAAgB,eASpB,qBAA4B,GAI5B,qBAA4B,GAE5B,wBAAmC,GAKjC,KAAK,QAAU,EAAW,gBA1DhB,SAAS,CACnB,MAAO,CACL,MAAM,OACN,GA8DJ,aAAa,EAAsD,CACjE,MAAM,aAAa,GACnB,KAAK,eAAiB,KAAK,eAAe,KAAK,MAC/C,KAAK,qBAAuB,KAAK,qBAAqB,KAAK,MAC3D,AAAK,KAAK,cAMR,KAAK,gBAAkB,GALvB,EAA8B,iBAC5B,KAAM,KAAK,sBAOf,KAAK,6BAIP,0BAA2B,CACzB,MAAM,2BACN,EAAU,MAMZ,sBAAuB,CACrB,MAAM,uBACF,KAAK,2BACP,KAAK,0BAA0B,aAEjC,EAA8B,mBAC5B,KAAM,KAAK,sBAEb,EAAwB,yBACtB,KAAK,mBACL,KAAK,gBAOT,4BAA6B,CAC3B,GAAI,KAAK,OAAQ,CACf,GAAM,GAAuB,KAAK,kBAAkB,MAAM,KACpD,EAAW,IACjB,KAAK,mBAAqB,GAC1B,EAAqB,IAAI,AAAC,GAAO,CAC/B,GAAM,GAAQ,EAAS,EAAG,QAC1B,AAAI,GACF,KAAK,mBAAmB,KAAK,KAGjC,EAAwB,sBACtB,KAAK,mBACL,KAAK,gBAEP,KAAK,kBAOT,gBAAiB,CACf,KAAK,WAAa,KAAK,YAQzB,qBAAqB,EAAuB,CAC1C,KAAK,gBAAkB,EAEvB,KAAK,gBAAkB,KAAK,gBAAkB,GAAO,EAOvD,oBAAqB,CACnB,GAAK,KAAK,YAAa,CACrB,GAAM,GAAiB,KAAK,YAAY,MAAM,KACxC,EAAI,WAAW,EAAe,IAGpC,MAAO;AAAA;AAAA,0BADU,AADP,WAAW,EAAe,IACf,EAAK;AAAA,oBAM5B,MAAO,GAOT,cAAwB,CACtB,MAAK,MAAK,YACD;AAAA;AAAA;AAAA;AAAA,sBAIS,KAAK;AAAA,2BACA,KAAK,iBAEnB,GAQX,eAAwB,CACtB,MAAI,MAAK,gBACH,KAAK,YAAc,KAAK,OACnB;AAAA;AAAA,qBAEM,KAAK;AAAA,sBACJ,KAAK;AAAA,qBACN,KAAK;AAAA,mBACP,KAAK,gBAET;AAAA;AAAA,qBAEM,KAAK;AAAA,mBACP,KAAK,KAAO;AAAA,mBACZ,KAAK,gBAGX,IAQX,QAAiB,CACf,MAAO,MAAK,WACV,KAAK,gBACL,KAAK,wBAzMP,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,kBAClC,AAdJ,EAcI,2BAIA,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,gBAClC,AAlBJ,EAkBI,yBAIA,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,qBAClC,AAtBJ,EAsBI,8BAIA,GADD,EAAS,CAAC,KAAM,UACf,AA1BJ,EA0BI,sBAIA,GADD,EAAS,CAAC,KAAM,UACf,AA9BJ,EA8BI,mBAIA,GADD,EAAS,CAAC,KAAM,QAAS,UAAW,qBACnC,AAlCJ,EAkCI,6BAKA,GADD,EAAS,CAAC,KAAM,OAAQ,UAAW,wBAClC,AAvCJ,EAuCI,iCAQF,GADC,KACD,AA/CF,EA+CE,0BAIA,GADC,KACD,AAnDF,EAmDE,+BAIA,GADC,KACD,AAvDF,EAuDE",
+  "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", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport styles from './scss/scw-image.scss';\nimport {Components} from '../utils/enums/Components';\n// import resizeSingleton from '../utils/observers/resizeObserverSingleton';\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';\n// import ResponsiveElement from '../utils/responsive/ResponsiveElement';\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 = 'contain';\n\n  /** (ScwImage) Object Position CSS */\n  @property({type: String, attribute: 'object-position'})\n    objectPosition: string = '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) 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.aspectRatio) {\n      return `\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        object-fit: ${this.objectFit};\n        object-position: ${this.objectPosition}`;\n    } else {\n      return ``;\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          <img\n            style=\"${this.renderImgCss()}\"\n            srcset=\"${this.srcset}\"\n            sizes=\"${this._imageSize}px\"\n            alt=\"${this.ariaLabel}\" />`;\n      } else {\n        return html`\n          <img\n            style=\"${this.renderImgCss()}\"\n            src=\"${this.src ? this.src : false}\"\n            alt=\"${this.ariaLabel}\" />`;\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": "8UACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GC0Bf,mBAAsC,EAAY,CA4DhD,aAAc,CACZ,MAAM,EA3CN,eAAoB,UAIpB,oBAAyB,SAYzB,mBAAyB,GAKzB,uBAA4B,GAC1B,SACA,SACA,OASJ,qBAA4B,GAI5B,qBAA4B,GAE5B,wBAAmC,CAAC,EAKlC,KAAK,QAAU,OACjB,WA3DY,SAAS,CACnB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA4DA,aAAa,EAAsD,CACjE,MAAM,aAAa,CAAY,EAC/B,KAAK,eAAiB,KAAK,eAAe,KAAK,IAAI,EACnD,KAAK,qBAAuB,KAAK,qBAAqB,KAAK,IAAI,EAC/D,AAAK,KAAK,cAMR,KAAK,gBAAkB,GALvB,EAA8B,iBAC5B,KAAM,KAAK,oBACb,EAMF,KAAK,2BAA2B,CAClC,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAU,IAAK,CACjB,CAKA,sBAAuB,CACrB,MAAM,qBAAqB,EACvB,KAAK,2BACP,KAAK,0BAA0B,WAAW,EAE5C,EAA8B,mBAC5B,KAAM,KAAK,oBACb,EACA,EAAwB,yBACtB,KAAK,mBACL,KAAK,cACP,CACF,CAKA,4BAA6B,CAC3B,GAAI,KAAK,OAAQ,CACf,GAAM,GAAuB,KAAK,kBAAkB,MAAM,GAAG,EACvD,EAAW,EAAiB,EAClC,KAAK,mBAAqB,CAAC,EAC3B,EAAqB,IAAI,AAAC,GAAO,CAC/B,GAAM,GAAQ,EAAS,EAAG,KAAK,GAC/B,AAAI,GACF,KAAK,mBAAmB,KAAK,CAAK,CAEtC,CAAC,EACD,EAAwB,sBACtB,KAAK,mBACL,KAAK,cACP,EACA,KAAK,eAAe,CACtB,CACF,CAKA,gBAAiB,CACf,KAAK,WAAa,KAAK,WACzB,CAOA,qBAAqB,EAAuB,CAC1C,KAAK,gBAAkB,EAEvB,KAAK,gBAAkB,KAAK,gBAAkB,GAAO,CACvD,CAMA,oBAAqB,CACnB,GAAK,KAAK,YAAa,CACrB,GAAM,GAAiB,KAAK,YAAY,MAAM,GAAG,EAC3C,EAAI,WAAW,EAAe,EAAE,EAGtC,MAAO;AAAA;AAAA,0BADU,AADP,WAAW,EAAe,EAAE,EACjB,EAAK;AAAA,mBAK5B,CACA,MAAO,EACT,CAMA,cAAwB,CACtB,MAAK,MAAK,YACD;AAAA;AAAA;AAAA;AAAA,sBAIS,KAAK;AAAA,2BACA,KAAK,iBAEnB,EAEX,CAMA,eAAwB,CACtB,MAAI,MAAK,gBACH,KAAK,YAAc,KAAK,OACnB;AAAA;AAAA,qBAEM,KAAK,aAAa;AAAA,sBACjB,KAAK;AAAA,qBACN,KAAK;AAAA,mBACP,KAAK,gBAET;AAAA;AAAA,qBAEM,KAAK,aAAa;AAAA,mBACpB,KAAK,IAAM,KAAK,IAAM;AAAA,mBACtB,KAAK,gBAGX,GAEX,CAMA,QAAiB,CACf,MAAO,MAAK,WACV,KAAK,cAAc,EACnB,KAAK,mBAAmB,CAC1B,CACF,CACF,EA5MI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GACjD,AAdJ,EAcI,2BAIA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAC/C,AAlBJ,EAkBI,yBAIA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,iBAAiB,CAAC,GACpD,AAtBJ,EAsBI,8BAIA,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AA1BJ,EA0BI,sBAIA,GADF,AAAC,EAAS,CAAC,KAAM,MAAM,CAAC,GACtB,AA9BJ,EA8BI,mBAIA,GADF,AAAC,EAAS,CAAC,KAAM,QAAS,UAAW,iBAAiB,CAAC,GACrD,AAlCJ,EAkCI,6BAKA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,UAAW,oBAAoB,CAAC,GACvD,AAvCJ,EAuCI,iCAQF,GADA,AAAC,EAAM,GACP,AA/CF,EA+CE,0BAIA,GADA,AAAC,EAAM,GACP,AAnDF,EAmDE,+BAIA,GADA,AAAC,EAAM,GACP,AAvDF,EAuDE",
   "names": []
 }

package/dist/chunks/chunk.OZFJTYAZ.js

@@ -0,0 +1,256 @@
+import{b as g}from"./chunk.PXQQTQKT.js";import{a as n}from"./chunk.K3V3AEZG.js";import{a as c}from"./chunk.WCJ4CSRJ.js";import{c as d}from"./chunk.VSIKGAIE.js";import{a as i,b as r,c as l}from"./chunk.NUBCUBHW.js";import{a as t}from"./chunk.ZS4C3T6Z.js";import{g as o}from"./chunk.5YJY6NT6.js";var p=i`
+:host .label {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}`;var w=i`
+:host([design=text]) .scw-link-base {
+  outline: none;
+  display: inline;
+}
+:host([design=text]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  text-decoration: underline;
+}
+
+:host([design=text]:hover) a.scw-link-base .label,
+:host([design=text][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+
+:host([design=text][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-font);
+  color: var(--scw-color-grey-07);
+}`;var h=i`
+:host([design=solid]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-03, var(--scw-color-primary-03));
+  border-radius: 10px 10px 10px 10px;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.5);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.5);
+  display: inline-flex;
+}
+:host([design=solid]) .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=solid]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-10);
+  min-height: 22px;
+}
+:host([design=solid]) .scw-link-base .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=solid]) .scw-link-base .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-grey-10);
+}
+:host([design=solid]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-10);
+}
+
+:host([design=solid][icon][icon-side=left]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.2);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.4);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
+  display: inline-flex;
+}
+:host([design=solid][icon][icon-side=left]) .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=solid][icon][icon-side=right]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.2);
+  padding-top: calc(var(--scw-spacing-1) * 0.4);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.4);
+  display: inline-flex;
+}
+:host([design=solid][icon][icon-side=right]) .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=solid]:hover) a.scw-link-base,
+:host([design=solid][hover]) a.scw-link-base {
+  background-color: var(--scw-color-01, var(--scw-color-primary-01));
+  border-radius: 10px 10px 10px 10px;
+}
+:host([design=solid]:hover) a.scw-link-base .label,
+:host([design=solid][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-10);
+}
+
+:host([design=solid][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-095);
+  border-radius: 10px 10px 10px 10px;
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-07);
+}`;var f=i`
+:host([design=outlined]) .scw-link-base {
+  outline: none;
+  user-select: none;
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-04, var(--scw-color-primary-04));
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.3);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.3);
+  display: inline-flex;
+}
+:host([design=outlined]) .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=outlined]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-03, var(--scw-color-primary-03));
+  min-height: 22px;
+}
+:host([design=outlined]) .scw-link-base .icon {
+  width: 24px;
+  height: 24px;
+}
+:host([design=outlined]) .scw-link-base .icon svg {
+  box-sizing: border-box;
+  vertical-align: top;
+  width: 100%;
+  height: 100%;
+  fill: var(--scw-color-primary-03);
+}
+:host([design=outlined]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-primary-03);
+}
+
+:host([design=outlined][icon][icon-side=left]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.2);
+  padding-right: calc(var(--scw-spacing-1) * 1.6);
+  padding-top: calc(var(--scw-spacing-1) * 0.2);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
+  display: inline-flex;
+}
+:host([design=outlined][icon][icon-side=left]) .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=outlined][icon][icon-side=right]) .scw-link-base {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  padding-left: calc(var(--scw-spacing-1) * 1.6);
+  padding-right: calc(var(--scw-spacing-1) * 1.2);
+  padding-top: calc(var(--scw-spacing-1) * 0.2);
+  padding-bottom: calc(var(--scw-spacing-1) * 0.2);
+  display: inline-flex;
+}
+:host([design=outlined][icon][icon-side=right]) .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=outlined]:hover) a.scw-link-base,
+:host([design=outlined][hover]) a.scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+:host([design=outlined]:hover) a.scw-link-base .label,
+:host([design=outlined][hover]) a.scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-01, var(--scw-color-primary-01));
+}
+
+:host([design=outlined][aria-disabled=true]) .scw-link-base {
+  background-color: var(--scw-color-grey-10);
+  border-radius: 10px 10px 10px 10px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-09);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .label {
+  text-align: LEFT;
+  font: var(--scw-type-text-bold-06-font);
+  color: var(--scw-color-grey-07);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {
+  fill: var(--scw-color-grey-07);
+}
+:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {
+  fill: var(--scw-color-grey-07);
+}`;var b=i`
+:host([design=plain]) .scw-link-base {
+  outline: none;
+  display: inline-block;
+}`;var e=class extends d{constructor(){super();this.iconSide="left";this.design="solid";this._svgInfo="";this.element="link",c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}static get styles(){return[super.styles,p]}parseAndValidateLightDom(){super.parseAndValidateLightDom(),c(this.icon,s=>{s===!1?this.warn(`scw-icon could not find ${this.icon}`):this._svgInfo=s})}validDesigns(){return g}doShowIcon(){return!!(this.icon&&this.design!=="plain"&&this.design!=="text")}renderContent(){let s=this.doShowIcon(),a=`<style>${this.findStyle().cssText}</style>`;return this.design==="plain"?t`
+        ${n(a)}
+        <slot></slot>
+      `:t`
+      ${s&&this.iconSide==="left"?t`
+        <div class="icon">
+          ${n(this._svgInfo)}
+        </div>`:""}
+        ${n(a)}
+        <div class="label">
+          ${this.ariaLabel}
+        </div>
+      ${s&&this.iconSide==="right"?t`
+        <div class="icon">
+          ${n(this._svgInfo)}
+        </div>`:""}`}findStyle(){switch(this.design){case"solid":return h;case"outlined":return f;case"text":return w;case"plain":default:return b}}render(){return this.renderLink(this.renderContent())}};o([r({type:String,reflect:!0})],e.prototype,"icon",2),o([r({type:String,reflect:!0,attribute:"icon-side"})],e.prototype,"iconSide",2),o([r({type:String,reflect:!0})],e.prototype,"design",2),o([l()],e.prototype,"_svgInfo",2);export{e as a};
+//# sourceMappingURL=chunk.OZFJTYAZ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-text.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-solid.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-outlined.scss", "sass-plugin-0:/Users/scottrouse/Workspace/scu-design-system-mono/scu-web-components/src/scw-link/scss/scw-link-plain.scss", "../../src/scw-link/ScwLink.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host .label {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=text]) .scw-link-base {\n  outline: none;\n  display: inline;\n}\n:host([design=text]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  text-decoration: underline;\n}\n\n:host([design=text]:hover) a.scw-link-base .label,\n:host([design=text][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=text][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=solid]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-03, var(--scw-color-primary-03));\n  border-radius: 10px 10px 10px 10px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.5);\n  display: inline-flex;\n}\n:host([design=solid]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=solid]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n  min-height: 22px;\n}\n:host([design=solid]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=solid]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-grey-10);\n}\n:host([design=solid]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-10);\n}\n\n:host([design=solid][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.4);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.4);\n  display: inline-flex;\n}\n:host([design=solid][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=solid]:hover) a.scw-link-base,\n:host([design=solid][hover]) a.scw-link-base {\n  background-color: var(--scw-color-01, var(--scw-color-primary-01));\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid]:hover) a.scw-link-base .label,\n:host([design=solid][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-10);\n}\n\n:host([design=solid][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 10px 10px 10px 10px;\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=solid][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=outlined]) .scw-link-base {\n  outline: none;\n  user-select: none;\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-04, var(--scw-color-primary-04));\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.3);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.3);\n  display: inline-flex;\n}\n:host([design=outlined]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n:host([design=outlined]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-03, var(--scw-color-primary-03));\n  min-height: 22px;\n}\n:host([design=outlined]) .scw-link-base .icon {\n  width: 24px;\n  height: 24px;\n}\n:host([design=outlined]) .scw-link-base .icon svg {\n  box-sizing: border-box;\n  vertical-align: top;\n  width: 100%;\n  height: 100%;\n  fill: var(--scw-color-primary-03);\n}\n:host([design=outlined]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-primary-03);\n}\n\n:host([design=outlined][icon][icon-side=left]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.2);\n  padding-right: calc(var(--scw-spacing-1) * 1.6);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=left]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined][icon][icon-side=right]) .scw-link-base {\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: center;\n  align-items: center;\n  padding-left: calc(var(--scw-spacing-1) * 1.6);\n  padding-right: calc(var(--scw-spacing-1) * 1.2);\n  padding-top: calc(var(--scw-spacing-1) * 0.2);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.2);\n  display: inline-flex;\n}\n:host([design=outlined][icon][icon-side=right]) .scw-link-base > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.4);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.4 );\n}\n\n:host([design=outlined]:hover) a.scw-link-base,\n:host([design=outlined][hover]) a.scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n:host([design=outlined]:hover) a.scw-link-base .label,\n:host([design=outlined][hover]) a.scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-01, var(--scw-color-primary-01));\n}\n\n:host([design=outlined][aria-disabled=true]) .scw-link-base {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 10px 10px 10px 10px;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .label {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-06-font);\n  color: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg {\n  fill: var(--scw-color-grey-07);\n}\n:host([design=outlined][aria-disabled=true]) .scw-link-base .icon svg * {\n  fill: var(--scw-color-grey-07);\n}`;\n", "import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host([design=plain]) .scw-link-base {\n  outline: none;\n  display: inline-block;\n}`;\n", "import {html} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport styles from './scss/scw-link.scss';\nimport stylesText from './scss/scw-link-text.scss';\nimport stylesSolid from './scss/scw-link-solid.scss';\nimport stylesOutline from './scss/scw-link-outlined.scss';\nimport stylesPlain from './scss/scw-link-plain.scss';\nimport {\n  ScwLinkSide,\n  ScwLinkDesigns,\n} from './scw-link-enums';\nimport getIconSvg from '../utils/getIconSvg';\nimport {Components} from '../utils/enums/Components';\nimport {ScwMenuItemDesigns} from '../scw-menu-item/scw-menu-item-enums';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\n// import 'lit/experimental-hydrate-support.js';\n\n/**\n * ScwLink\n * @class\n * @tag scw-link\n *\n * @slot [default=\"<a href target />\"]\n    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.\n * @slot [default=\"<... />\"]\n    (OPTIONAL) random content (paired with design=\"plain\") will wrap that\n    content with a link.\n */\nexport default class ScwLink extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwLink ==================================================\n  /**\n  * (ScwLink) Determines the icon to use with the text\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    icon: string | undefined;\n\n  /**\n  * (ScwLink) Determines which side the icon should show up on\n  * @type {string}\n  */\n  @property({type: String, reflect: true, attribute: 'icon-side'})\n    iconSide: ScwLinkSide = ScwLinkSide.left;\n\n  /**\n  * (ScwLink) The design style of the link.\n  * @type {string}\n  */\n  @property({type: String, reflect: true})\n    design: ScwLinkDesigns | ScwMenuItemDesigns = ScwLinkDesigns.solid;\n\n  @state() _svgInfo : string = '';\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.link;\n\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /** parseAndValidateLightDom, just adding local parsing and validation */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    getIconSvg(this.icon, (svgInfo: string | false ) => {\n      if (svgInfo === false ) {\n        this.warn(`scw-icon could not find ${this.icon}`);\n      } else {\n        this._svgInfo = svgInfo;\n      }\n    });\n  }\n\n  /**\n  * Way to extend valid design types...\n  * @return {object} object of valid designs relative to this object\n  */\n  validDesigns() : object {\n    return ScwLinkDesigns;\n  }\n\n  /**\n  * Way to extend valid design icon types...\n  * @return {boolean}\n  */\n  doShowIcon() : boolean {\n    if ( this.icon &&\n      this.design !== ScwLinkDesigns.plain &&\n      this.design !== ScwLinkDesigns.text ) {\n      return true;\n    }\n    return false;\n  }\n\n  /**\n  * renderContent\n  * @return {object} component DOM\n  */\n  renderContent(): object {\n    const doShowIcon = this.doShowIcon();\n    // ssr is fighting injecting css this way...\n    const localCss = `<style>${this.findStyle().cssText}</style>`;\n\n    if (this.design === ScwLinkDesigns.plain) {\n      return html`\n        ${unsafeHTML(localCss)}\n        <slot></slot>\n      `;\n    }\n\n    return html`\n      ${doShowIcon && this.iconSide === ScwLinkSide.left ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}\n        ${unsafeHTML(localCss)}\n        <div class=\"label\">\n          ${this.ariaLabel}\n        </div>\n      ${doShowIcon && this.iconSide === ScwLinkSide.right ?\n      html`\n        <div class=\"icon\">\n          ${unsafeHTML(this._svgInfo)}\n        </div>` : ''}`;\n  }\n\n  /**\n   * find the style per design\n   * @return {object}\n   */\n  findStyle() {\n    switch (this.design) {\n      case ScwLinkDesigns.solid:\n        return stylesSolid;\n      case ScwLinkDesigns.outlined:\n        return stylesOutline;\n      case ScwLinkDesigns.text:\n        return stylesText;\n      case ScwLinkDesigns.plain:\n      default:\n        return stylesPlain;\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n   render(): object {\n    return this.renderLink(\n      this.renderContent(),\n    );\n  }\n}\n"],
+  "mappings": "sSACA,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCAf,GAAO,GAAQ;AAAA;AAAA;AAAA;GC4Bf,mBAAqC,EAAY,CAsC/C,aAAc,CACZ,MAAM,EAfN,cAAwB,OAOxB,YAA8C,QAEvC,cAAoB,GAO3B,KAAK,QAAU,OAEf,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAW,CAEpB,CAAC,CACH,WA7CW,SAAS,CAClB,MAAO,CACL,MAAM,OACN,CACF,CACF,CA2CA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,EAAW,KAAK,KAAM,AAAC,GAA6B,CAClD,AAAI,IAAY,GACd,KAAK,KAAK,2BAA2B,KAAK,MAAM,EAEhD,KAAK,SAAW,CAEpB,CAAC,CACH,CAMA,cAAwB,CACtB,MAAO,EACT,CAMA,YAAuB,CACrB,MAAK,QAAK,MACR,KAAK,SAAW,SAChB,KAAK,SAAW,OAIpB,CAMA,eAAwB,CACtB,GAAM,GAAa,KAAK,WAAW,EAE7B,EAAW,UAAU,KAAK,UAAU,EAAE,kBAE5C,MAAI,MAAK,SAAW,QACX;AAAA,UACH,EAAW,CAAQ;AAAA;AAAA,QAKlB;AAAA,QACH,GAAc,KAAK,WAAa,OAClC;AAAA;AAAA,YAEM,EAAW,KAAK,QAAQ;AAAA,gBAClB;AAAA,UACR,EAAW,CAAQ;AAAA;AAAA,YAEjB,KAAK;AAAA;AAAA,QAET,GAAc,KAAK,WAAa,QAClC;AAAA;AAAA,YAEM,EAAW,KAAK,QAAQ;AAAA,gBAClB,IAChB,CAMA,WAAY,CACV,OAAQ,KAAK,YACN,QACH,MAAO,OACJ,WACH,MAAO,OACJ,OACH,MAAO,OACJ,gBAEH,MAAO,GAEb,CAMC,QAAiB,CAChB,MAAO,MAAK,WACV,KAAK,cAAc,CACrB,CACF,CACF,EA/HI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AAjBJ,EAiBI,oBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,WAAW,CAAC,GAC7D,AAxBJ,EAwBI,wBAOA,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,EAAI,CAAC,GACrC,AA/BJ,EA+BI,sBAEO,GAAT,AAAC,EAAM,GAAE,AAjCX,EAiCW",
+  "names": []
+}

package/dist/chunks/chunk.P7VKJP7S.js

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

package/dist/chunks/{chunk.63N573AS.js.map → chunk.P7VKJP7S.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-image/scw-image.ts"],
   "sourcesContent": ["import ScwImage from './ScwImage.js';\ncustomElements.define('scw-image', ScwImage );\n"],
-  "mappings": "wCACA,eAAe,OAAO,YAAa",
+  "mappings": "wCACA,eAAe,OAAO,YAAa,CAAS",
   "names": []
 }

package/dist/chunks/chunk.PLTBQ7DH.js

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

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

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

package/dist/chunks/chunk.POMD6HP5.js

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

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

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

package/dist/chunks/chunk.PQXWIVHO.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/scw-button/ScwButton.ts"],
+  "sourcesContent": ["import {property} from 'lit/decorators.js';\nimport ScwLink from '../scw-link/ScwLink';\nimport {ScwFormComponentSubmitTypes}\n  from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport {ScwEvents} from '../utils/events/event';\nimport {emit} from '../utils/events/event';\n\n/**\n * ScwButton\n * @class\n * @tag scw-button\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 ScwButton extends ScwLink {\n  /** <ScwFormComponent> the usage in a form (& scw-form a query target) */\n  @property({type: String, reflect: true, attribute: 'submit-type'})\n    submitType: ScwFormComponentSubmitTypes =\n        ScwFormComponentSubmitTypes.submit;\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(\n      'click',\n      () => {\n        if (this.submitType === ScwFormComponentSubmitTypes.submit ) {\n          emit(\n            ScwEvents.submitIntent,\n            this,\n          );\n        }\n      },\n    );\n  }\n\n  /** Constructor */\n  constructor() {\n    super();\n    this.element = Components.button;\n    // need to tell scw-link-base to turn this into a link each time...\n    this.setAttribute('onclick', 'javascript:');\n  }\n}\n"],
+  "mappings": "gKAmBA,mBAAuC,EAAQ,CAuB7C,aAAc,CACZ,MAAM,EArBN,gBACI,SAqBJ,KAAK,QAAU,SAEf,KAAK,aAAa,UAAW,aAAa,CAC5C,CArBA,mBAA0B,CACxB,MAAM,kBAAkB,EACxB,KAAK,iBACH,QACA,IAAM,CACJ,AAAI,KAAK,aAAe,UACtB,EACE,oBACA,IACF,CAEJ,CACF,CACF,CASF,EA1BI,GADF,AAAC,EAAS,CAAC,KAAM,OAAQ,QAAS,GAAM,UAAW,aAAa,CAAC,GAC/D,AAHJ,EAGI",
+  "names": []
+}

package/dist/chunks/chunk.PUU6D7BO.js

@@ -0,0 +1,2 @@
+function a(e,l="Must be a phone number"){let t=!1;return!e||e===""||RegExp(/^\d{10}$/gm).test(e)||(t={type:"telephone",valid:!1,feedback:l}),t}export{a};
+//# sourceMappingURL=chunk.PUU6D7BO.js.map

package/dist/chunks/{chunk.VXPY7FEY.js.map → chunk.PUU6D7BO.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-validate/rules/telephone.ts"],
   "sourcesContent": ["import { ValidationResult, ValidationTypes } from \"../validationTypes\";\n\n/**\n * validates for valid telephone\n * @param {string} value \n * @param {string} feedback \n * @returns {ValidationResult | false}\n */\nexport default function validateTelephone (\n  value : string,\n  feedback = \"Must be a phone number\"\n) : ValidationResult | false {\n  let result : ValidationResult | false = false;\n  if (!value || value === '') {\n    return result;// don't want to force required like validation...\n  }\n  let regex = RegExp(/^\\d{10}$/gm);\n  let test = regex.test(value);\n\n  if (!test) {\n    result = {\n      type: ValidationTypes.telephone,\n      valid: false,\n      feedback\n    };\n  }\n  \n  return result;\n}\n"],
-  "mappings": "wCAQe,WACb,EACA,EAAW,yBACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,CAAC,GAAS,IAAU,IAIb,AADC,OAAO,cACF,KAAK,IAGpB,GAAS,CACP,KAAM,EAAgB,UACtB,MAAO,GACP,aAIG",
+  "mappings": "AAQe,WACb,EACA,EAAW,yBACgB,CAC3B,GAAI,GAAoC,GACxC,MAAI,CAAC,GAAS,IAAU,IAIb,AADC,OAAO,YAAY,EACd,KAAK,CAAK,GAGzB,GAAS,CACP,KAAM,YACN,MAAO,GACP,UACF,GAGK,CACT",
   "names": []
 }

package/dist/chunks/chunk.PXQQTQKT.js

@@ -0,0 +1,2 @@
+var o=(l=>(l.left="left",l.right="right",l))(o||{}),e=(t=>(t.solid="solid",t.outlined="outlined",t.text="text",t.plain="plain",t))(e||{});export{o as a,e as b};
+//# sourceMappingURL=chunk.PXQQTQKT.js.map

package/dist/chunks/{chunk.EDFJNFKL.js.map → chunk.PXQQTQKT.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-link/scw-link-enums.ts"],
   "sourcesContent": ["\nexport enum ScwLinkSide {\n  left = 'left',\n  right = 'right'\n}\n\nexport enum ScwLinkDesigns {\n  solid = 'solid',\n  outlined = 'outlined',\n  text = 'text',\n  plain = 'plain'\n}\n"],
-  "mappings": "AACO,GAAK,GAAL,UAAK,EAAL,CACL,OAAO,OACP,QAAQ,UAFE,WAKL,GAAK,GAAL,UAAK,EAAL,CACL,QAAQ,QACR,WAAW,WACX,OAAO,OACP,QAAQ,UAJE",
+  "mappings": "AACO,GAAK,GAAL,CAAK,GACV,QAAO,OACP,QAAQ,QAFE,WAKA,EAAL,CAAK,GACV,SAAQ,QACR,WAAW,WACX,OAAO,OACP,QAAQ,QAJE",
   "names": []
 }

package/dist/chunks/chunk.Q2ZM7GYB.js

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

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

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

package/dist/chunks/chunk.QJYAC5DP.js

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

package/dist/chunks/chunk.QJYAC5DP.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,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
+  "names": []
+}

package/dist/chunks/{chunk.KIGI52V2.js → chunk.QRG5WBRU.js}

@@ -1,2 +1,2 @@
 function o(t){if(t.children.length===0)return;let r=t.querySelector("a");if(!r)return;let n=r.getAttribute("href");t.href=n||void 0;let e=r.getAttribute("target");e&&(t.target=e);let a=r.textContent;t.ariaLabel=a||""}export{o as a};
-//# sourceMappingURL=chunk.KIGI52V2.js.map
+//# sourceMappingURL=chunk.QRG5WBRU.js.map

package/dist/chunks/{chunk.KIGI52V2.js.map → chunk.QRG5WBRU.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-link-base/parseLightDomAnchor.ts"],
   "sourcesContent": ["import ScwLinkBase from './ScwLinkBase';\n\n/**\n * Parses light dom into variables to be used for rendering\n * @param {ScwLink} element\n */\nexport default function parseLightDomAnchor( element: ScwLinkBase) {\n  if (element.children.length === 0) return;\n\n  const anchor = element.querySelector('a');// could be any child\n  if (!anchor) return;\n\n  // element.link = true;// we know it's a link\n  const href = anchor.getAttribute('href');\n  element.href = href ? href : undefined;\n\n  const target =\n    anchor.getAttribute('target') as unknown as '_blank' |\n      '_parent' | '_self' | '_top';\n\n  if (target) {\n    element.target = target;\n  }\n\n  const textContent = anchor.textContent;\n  element.ariaLabel = textContent ? textContent : '';\n}\n"],
-  "mappings": "AAMe,WAA8B,EAAsB,CACjE,GAAI,EAAQ,SAAS,SAAW,EAAG,OAEnC,GAAM,GAAS,EAAQ,cAAc,KACrC,GAAI,CAAC,EAAQ,OAGb,GAAM,GAAO,EAAO,aAAa,QACjC,EAAQ,KAAO,GAAc,OAE7B,GAAM,GACJ,EAAO,aAAa,UAGtB,AAAI,GACF,GAAQ,OAAS,GAGnB,GAAM,GAAc,EAAO,YAC3B,EAAQ,UAAY,GAA4B",
+  "mappings": "AAMe,WAA8B,EAAsB,CACjE,GAAI,EAAQ,SAAS,SAAW,EAAG,OAEnC,GAAM,GAAS,EAAQ,cAAc,GAAG,EACxC,GAAI,CAAC,EAAQ,OAGb,GAAM,GAAO,EAAO,aAAa,MAAM,EACvC,EAAQ,KAAO,GAAc,OAE7B,GAAM,GACJ,EAAO,aAAa,QAAQ,EAG9B,AAAI,GACF,GAAQ,OAAS,GAGnB,GAAM,GAAc,EAAO,YAC3B,EAAQ,UAAY,GAA4B,EAClD",
   "names": []
 }

package/dist/chunks/chunk.RAGWQGAB.js

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

package/dist/chunks/chunk.RAGWQGAB.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,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
+  "names": []
+}

package/dist/chunks/chunk.RC3Y4QKC.js

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

package/dist/chunks/chunk.RC3Y4QKC.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,WAAmB,EAAoB,IAAK,CACzD,MAAO,IAAS,EAAO,OAAS,GAAG,IAAY,EAAO,SAAgB,EACxE",
+  "names": []
+}

package/dist/chunks/chunk.RGGLFZST.js

@@ -0,0 +1,7 @@
+import{a as v,b as f}from"./chunk.ZS4C3T6Z.js";var m=e=>({_$litStatic$:e});var h=new Map,S=e=>(a,...s)=>{var l;let r=s.length,u,o,i=[],c=[],n,t=0,$=!1;for(;t<r;){for(n=a[t];t<r&&(o=s[t],(u=(l=o)===null||l===void 0?void 0:l._$litStatic$)!==void 0);)n+=u+a[++t],$=!0;c.push(o),i.push(n),t++}if(t===r&&i.push(a[r]),$){let p=i.join("$$lit$$");(a=h.get(p))===void 0&&(i.raw=i,h.set(p,a=i)),s=c}return e(a,...s)},g=S(v),_=S(f);export{m as a,g as b};
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+//# sourceMappingURL=chunk.RGGLFZST.js.map

package/dist/chunks/{chunk.YLYCZ4SH.js.map → chunk.RGGLFZST.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../node_modules/lit-html/src/static.ts"],
   "sourcesContent": ["/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n// Any new exports need to be added to the export statement in\n// `packages/lit/src/index.all.ts`.\n\nimport {html as coreHtml, svg as coreSvg, TemplateResult} from './lit-html.js';\n\n/**\n * Wraps a string so that it behaves like part of the static template\n * strings instead of a dynamic value.\n *\n * Users must take care to ensure that adding the static string to the template\n * results in well-formed HTML, or else templates may break unexpectedly.\n *\n * Note that this function is unsafe to use on untrusted content, as it will be\n * directly parsed into HTML. Do not pass user input to this function\n * without sanitizing it.\n *\n * Static values can be changed, but they will cause a complete re-render\n * since they effectively create a new template.\n */\nexport const unsafeStatic = (value: string) => ({\n  ['_$litStatic$']: value,\n});\n\nconst textFromStatic = (value: StaticValue) => {\n  if (value['_$litStatic$'] !== undefined) {\n    return value['_$litStatic$'];\n  } else {\n    throw new Error(\n      `Value passed to 'literal' function must be a 'literal' result: ${value}. Use 'unsafeStatic' to pass non-literal values, but\n            take care to ensure page security.`\n    );\n  }\n};\n\n/**\n * Tags a string literal so that it behaves like part of the static template\n * strings instead of a dynamic value.\n *\n * The only values that may be used in template expressions are other tagged\n * `literal` results or `unsafeStatic` values (note that untrusted content\n * should never be passed to `unsafeStatic`).\n *\n * Users must take care to ensure that adding the static string to the template\n * results in well-formed HTML, or else templates may break unexpectedly.\n *\n * Static values can be changed, but they will cause a complete re-render since\n * they effectively create a new template.\n */\nexport const literal = (\n  strings: TemplateStringsArray,\n  ...values: unknown[]\n) => ({\n  ['_$litStatic$']: values.reduce(\n    (acc, v, idx) => acc + textFromStatic(v as StaticValue) + strings[idx + 1],\n    strings[0]\n  ),\n});\n\ntype StaticValue = ReturnType<typeof unsafeStatic>;\n\nconst stringsCache = new Map<string, TemplateStringsArray>();\n\n/**\n * Wraps a lit-html template tag (`html` or `svg`) to add static value support.\n */\nexport const withStatic =\n  (coreTag: typeof coreHtml | typeof coreSvg) =>\n  (strings: TemplateStringsArray, ...values: unknown[]): TemplateResult => {\n    const l = values.length;\n    let staticValue: string | undefined;\n    let dynamicValue: unknown;\n    const staticStrings: Array<string> = [];\n    const dynamicValues: Array<unknown> = [];\n    let i = 0;\n    let hasStatics = false;\n    let s: string;\n\n    while (i < l) {\n      s = strings[i];\n      // Collect any unsafeStatic values, and their following template strings\n      // so that we treat a run of template strings and unsafe static values as\n      // a single template string.\n      while (\n        i < l &&\n        ((dynamicValue = values[i]),\n        (staticValue = (dynamicValue as StaticValue)?.['_$litStatic$'])) !==\n          undefined\n      ) {\n        s += staticValue + strings[++i];\n        hasStatics = true;\n      }\n      dynamicValues.push(dynamicValue);\n      staticStrings.push(s);\n      i++;\n    }\n    // If the last value isn't static (which would have consumed the last\n    // string), then we need to add the last string.\n    if (i === l) {\n      staticStrings.push(strings[l]);\n    }\n\n    if (hasStatics) {\n      const key = staticStrings.join('$$lit$$');\n      strings = stringsCache.get(key)!;\n      if (strings === undefined) {\n        // Beware: in general this pattern is unsafe, and doing so may bypass\n        // lit's security checks and allow an attacker to execute arbitrary\n        // code and inject arbitrary content.\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (staticStrings as any).raw = staticStrings;\n        stringsCache.set(\n          key,\n          (strings = staticStrings as unknown as TemplateStringsArray)\n        );\n      }\n      values = dynamicValues;\n    }\n    return coreTag(strings, ...values);\n  };\n\n/**\n * Interprets a template literal as an HTML template that can efficiently\n * render to and update a container.\n *\n * Includes static value support from `lit-html/static.js`.\n */\nexport const html = withStatic(coreHtml);\n\n/**\n * Interprets a template literal as an SVG template that can efficiently\n * render to and update a container.\n *\n * Includes static value support from `lit-html/static.js`.\n */\nexport const svg = withStatic(coreSvg);\n"],
-  "mappings": "kDAyBa,GAAgB,GAAA,EAC3B,aAAkB,OAwCd,GAAe,GAAI,KAKZ,EACV,GACD,CAAC,KAAkC,IAAA,CAAA,GAAA,GACjC,GAAM,GAAI,EAAO,OACb,EACA,EACE,EAA+B,GAC/B,EAAgC,GAGlC,EAFA,EAAI,EACJ,EAAA,GAGJ,KAAO,EAAI,GAAG,CAKZ,IAJA,EAAI,EAAQ,GAKV,EAAI,GACF,GAAe,EAAO,GACvB,GAAA,AAAA,GAAe,KAAf,MAAe,AAAA,IAAA,OAAA,OAAA,EAA6C,gBAFzD,SAKJ,GAAK,EAAc,EAAA,EAAU,GAC7B,EAAA,GAEF,EAAc,KAAK,GACnB,EAAc,KAAK,GACnB,IAQF,GAJI,IAAM,GACR,EAAc,KAAK,EAAQ,IAGzB,EAAY,CACd,GAAM,GAAM,EAAc,KAAK,WAAA,AAC/B,GAAU,EAAa,IAAI,MADI,QAO5B,GAAsB,IAAM,EAC7B,EAAa,IACX,EACC,EAAU,IAGf,EAAS,EAEX,MAAO,GAAQ,EAAA,GAAY,IASlB,EAAO,EAAW,GAQlB,EAAM,EAAW",
+  "mappings": "kDAyBa,GAAgB,GAAA,EAC3B,aAAkB,CAAA,MAwCd,GAAe,GAAI,KAKZ,EACV,GACD,CAAC,KAAkC,IAAA,CAAA,GAAA,GACjC,GAAM,GAAI,EAAO,OACb,EACA,EACE,EAA+B,CAAA,EAC/B,EAAgC,CAAA,EAGlC,EAFA,EAAI,EACJ,EAAA,GAGJ,KAAO,EAAI,GAAG,CAKZ,IAJA,EAAI,EAAQ,GAKV,EAAI,GACF,GAAe,EAAO,GACvB,GAAA,AAAA,GAAe,KAAf,MAAe,AAAA,IAAA,OAAA,OAAA,EAA6C,gBAFzD,SAKJ,GAAK,EAAc,EAAA,EAAU,GAC7B,EAAA,GAEF,EAAc,KAAK,CAAA,EACnB,EAAc,KAAK,CAAA,EACnB,GAAA,CAQF,GAJI,IAAM,GACR,EAAc,KAAK,EAAQ,EAAA,EAGzB,EAAY,CACd,GAAM,GAAM,EAAc,KAAK,SAAA,EAAA,AAC/B,GAAU,EAAa,IAAI,CAAA,KADI,QAO5B,GAAsB,IAAM,EAC7B,EAAa,IACX,EACC,EAAU,CAAA,GAGf,EAAS,CAAA,CAEX,MAAO,GAAQ,EAAA,GAAY,CAAA,CAAA,EASlB,EAAO,EAAW,CAAA,EAQlB,EAAM,EAAW,CAAA",
   "names": []
 }

package/dist/chunks/chunk.RGUNTLJP.js

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

package/dist/chunks/{chunk.GN46YVFS.js.map → chunk.RGUNTLJP.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-menu/keyboard/keyboardElements.ts"],
   "sourcesContent": ["import ScwMenu from \"../scw-menu\";\nimport { Components } from \"../../utils/enums/Components\";\n\n/** list of elements that are tabbable */\nconst tabbablelist = [\n  Components.menuItem,\n  Components.icon,\n  Components.link,\n  Components.button,\n  'BUTTON',\n  'A'\n];\n\n/** list of elements that should be ignored */\nconst ignorelist = [\n  Components.menu\n];\n\n/**\n  * walk through children from a starting point\n  * @param {ScwMenu} menu\n  * @param {HTMLElement} ele\n  * @param {'forwards' | 'backwards'} direction\n  */\nexport default function focusOnTabbableElement(\n  menu: ScwMenu,\n  ele: HTMLElement | undefined,\n  direction: 'forwards'|'backwards',\n) {\n  let targetEle = ele;\n  if (!ele) {\n    targetEle = findActiveMenuElement(menu);\n  }\n\n  if (targetEle) {\n    const nextTabbleElement =\n      findTabbableElement(\n        menu,\n        targetEle,\n        direction,\n        false,\n        menu === targetEle\n      );\n\n    if (nextTabbleElement) {\n      nextTabbleElement.focus();\n    } else {\n      // at the end so try to loop around...\n      const nextReversedTabbleElement =\n        findTabbableElement(\n            menu,\n            menu,\n            direction\n        );\n      if (nextReversedTabbleElement) {\n        nextReversedTabbleElement.focus();\n      } else {\n        // run away, there is nothing tabbable...\n      }\n    }\n  }\n}\n\n/**\n  * walk through children from a starting point\n  * @param {ScwMenu} menu\n  */\nexport function findActiveMenuElement(\n  menu: ScwMenu\n) : HTMLElement | undefined {\n  if (\n    document.activeElement &&\n    menu.contains( document.activeElement )\n  ) {\n    return document.activeElement as unknown as HTMLElement;\n  }\n  return undefined;\n}\n\n/**\n * get the next tabbable element\n * @param {ScwMenu} menu\n */\nexport function findNextTabbableEle( menu: ScwMenu ) {\n  const activeEle = findActiveMenuElement( menu );\n  if ( activeEle ) {\n    return findTabbableElement( menu, activeEle );\n  }\n}\n\n/**\n * get the previous tabble element\n * @param {ScwMenu} menu\n */\n export function findPrevTabbableEle( menu: ScwMenu ) {\n  const activeEle = findActiveMenuElement( menu );\n  if ( activeEle ) {\n    return findTabbableElement( menu, activeEle, 'backwards' );\n  }\n}\n\n/**\n * walk through children from a starting point\n * @param {ScwMenu} menu\n * @param {HTMLElement} ele\n * @param {'forwards' | 'backwards'} direction\n * @param {Boolean} checkEle\n * @param {Boolean} checkChildren\n * @return {HTMLElement | false}\n */\nexport function findTabbableElement(\n  menu: ScwMenu,\n  ele : HTMLElement,\n  direction: 'forwards' | 'backwards' = 'forwards',\n  checkEle : boolean = false,\n  checkChildren: boolean = true,\n) : HTMLElement | false {\n  // Check the element itself\n  if (checkEle) {\n    if (\n      ele['element'] &&\n      tabbablelist.includes( ele['element'] )\n    ) {\n      if (isTabbleable(ele)) {\n        return ele;\n      }\n    }else if (\n      tabbablelist.includes( ele.nodeName )\n    ) {\n      if (isTabbleable(ele)) {\n        return ele;\n      }\n    }\n  }\n\n  // try children\n  if (\n    checkChildren &&\n    ele.children\n  ) {\n    let doCheck = true;\n    if (\n      checkEle &&\n      ignorelist.includes( ele['element'])\n    ) {\n      doCheck = false;\n    }\n\n    if ( doCheck ) {\n      const children = Array.from(ele.children);\n      if (direction === 'backwards') {\n        children.reverse();\n      }\n      let tabbableEle : HTMLElement | false = false;\n      children.find( (child) => {\n        const result = findTabbableElement(\n          menu,\n          child as unknown as HTMLElement,\n          direction,\n          true,\n          true,\n        );\n        if (result) {\n          tabbableEle = result;\n          return true;\n        }\n        return false;\n      });\n      if (isTabbleable(tabbableEle)) {\n        return tabbableEle as unknown as HTMLElement;\n      }\n    }\n  }\n\n  // walk down siblings\n  const sibling = (direction === 'forwards') ?\n    ele.nextElementSibling : ele.previousElementSibling;\n  if (sibling) {\n    const result = findTabbableElement(\n      menu,\n      sibling as unknown as HTMLElement,\n      direction,\n      true,\n      true,\n    );\n    if (isTabbleable(result)) {\n      return result;\n    }\n  }\n\n  // no children and no more siblings...go up!\n  if (ele.parentElement != menu) {\n    const result = findTabbableElement(\n      menu,\n      ele.parentElement as unknown as HTMLElement,\n      direction,\n      true,\n      false, // infinite loop, don't check children of parent...\n    );\n    if (isTabbleable(result)) {\n      return result;\n    }\n  }\n  return false;\n}\n\n/**\n* last checks\n* @param {HTMLElement} ele\n* @return {HTMLElement | false}\n*/\nexport function isTabbleable( \n  ele : HTMLElement | false\n) : HTMLElement | false {\n  if (!ele) {\n    return false;\n  }\n  // hidden elements are not a part of the dom\n  if (!ele.offsetParent) {\n    return false;\n  }\n  // ignore invisible elements\n  if (window.getComputedStyle(ele).visibility === 'hidden') {\n    return false;\n  }\n  // explicitly disabled are ignored\n  if (\n    ele.hasAttribute('aria-disabled') &&\n    ele.getAttribute('aria-disabled') !== 'false'\n  ) {\n    return false;\n  }\n  // disabled elements are ignored\n  if (ele.hasAttribute('disabled')) {\n    return false;\n  }\n  // not tabindex, no go\n  if (ele.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n  return ele;\n}"],
-  "mappings": "wCAIA,GAAM,GAAe,CACnB,EAAW,SACX,EAAW,KACX,EAAW,KACX,EAAW,OACX,SACA,KAII,EAAa,CACjB,EAAW,MASE,WACb,EACA,EACA,EACA,CACA,GAAI,GAAY,EAKhB,GAJK,GACH,GAAY,EAAsB,IAGhC,EAAW,CACb,GAAM,GACJ,EACE,EACA,EACA,EACA,GACA,IAAS,GAGb,GAAI,EACF,EAAkB,YACb,CAEL,GAAM,GACJ,EACI,EACA,EACA,GAEN,AAAI,GACF,EAA0B,UAY3B,WACL,EAC0B,CAC1B,GACE,SAAS,eACT,EAAK,SAAU,SAAS,eAExB,MAAO,UAAS,cASb,WAA8B,EAAgB,CACnD,GAAM,GAAY,EAAuB,GACzC,GAAK,EACH,MAAO,GAAqB,EAAM,GAQ9B,WAA8B,EAAgB,CACpD,GAAM,GAAY,EAAuB,GACzC,GAAK,EACH,MAAO,GAAqB,EAAM,EAAW,aAa1C,WACL,EACA,EACA,EAAsC,WACtC,EAAqB,GACrB,EAAyB,GACH,CAEtB,GAAI,GACF,GACE,EAAI,SACJ,EAAa,SAAU,EAAI,UAE3B,GAAI,EAAa,GACf,MAAO,WAGT,EAAa,SAAU,EAAI,WAEvB,EAAa,GACf,MAAO,GAMb,GACE,GACA,EAAI,SACJ,CACA,GAAI,GAAU,GAQd,GANE,GACA,EAAW,SAAU,EAAI,UAEzB,GAAU,IAGP,EAAU,CACb,GAAM,GAAW,MAAM,KAAK,EAAI,UAChC,AAAI,IAAc,aAChB,EAAS,UAEX,GAAI,GAAoC,GAexC,GAdA,EAAS,KAAM,AAAC,GAAU,CACxB,GAAM,GAAS,EACb,EACA,EACA,EACA,GACA,IAEF,MAAI,GACF,GAAc,EACP,IAEF,KAEL,EAAa,GACf,MAAO,IAMb,GAAM,GAAW,IAAc,WAC7B,EAAI,mBAAqB,EAAI,uBAC/B,GAAI,EAAS,CACX,GAAM,GAAS,EACb,EACA,EACA,EACA,GACA,IAEF,GAAI,EAAa,GACf,MAAO,GAKX,GAAI,EAAI,eAAiB,EAAM,CAC7B,GAAM,GAAS,EACb,EACA,EAAI,cACJ,EACA,GACA,IAEF,GAAI,EAAa,GACf,MAAO,GAGX,MAAO,GAQF,WACL,EACsB,CAwBtB,MAvBI,CAAC,GAID,CAAC,EAAI,cAIL,OAAO,iBAAiB,GAAK,aAAe,UAK9C,EAAI,aAAa,kBACjB,EAAI,aAAa,mBAAqB,SAKpC,EAAI,aAAa,aAIjB,EAAI,aAAa,cAAgB,KAC5B,GAEF",
+  "mappings": "AAIA,GAAM,GAAe,CACnB,YACA,OACA,OACA,SACA,SACA,GACF,EAGM,EAAa,CACjB,MACF,EAQe,WACb,EACA,EACA,EACA,CACA,GAAI,GAAY,EAKhB,GAJK,GACH,GAAY,EAAsB,CAAI,GAGpC,EAAW,CACb,GAAM,GACJ,EACE,EACA,EACA,EACA,GACA,IAAS,CACX,EAEF,GAAI,EACF,EAAkB,MAAM,MACnB,CAEL,GAAM,GACJ,EACI,EACA,EACA,CACJ,EACF,AAAI,GACF,EAA0B,MAAM,CAIpC,CACF,CACF,CAMO,WACL,EAC0B,CAC1B,GACE,SAAS,eACT,EAAK,SAAU,SAAS,aAAc,EAEtC,MAAO,UAAS,aAGpB,CAMO,WAA8B,EAAgB,CACnD,GAAM,GAAY,EAAuB,CAAK,EAC9C,GAAK,EACH,MAAO,GAAqB,EAAM,CAAU,CAEhD,CAMQ,WAA8B,EAAgB,CACpD,GAAM,GAAY,EAAuB,CAAK,EAC9C,GAAK,EACH,MAAO,GAAqB,EAAM,EAAW,WAAY,CAE7D,CAWO,WACL,EACA,EACA,EAAsC,WACtC,EAAqB,GACrB,EAAyB,GACH,CAEtB,GAAI,GACF,GACE,EAAI,SACJ,EAAa,SAAU,EAAI,OAAW,GAEtC,GAAI,EAAa,CAAG,EAClB,MAAO,WAGT,EAAa,SAAU,EAAI,QAAS,GAEhC,EAAa,CAAG,EAClB,MAAO,GAMb,GACE,GACA,EAAI,SACJ,CACA,GAAI,GAAU,GAQd,GANE,GACA,EAAW,SAAU,EAAI,OAAU,GAEnC,GAAU,IAGP,EAAU,CACb,GAAM,GAAW,MAAM,KAAK,EAAI,QAAQ,EACxC,AAAI,IAAc,aAChB,EAAS,QAAQ,EAEnB,GAAI,GAAoC,GAexC,GAdA,EAAS,KAAM,AAAC,GAAU,CACxB,GAAM,GAAS,EACb,EACA,EACA,EACA,GACA,EACF,EACA,MAAI,GACF,GAAc,EACP,IAEF,EACT,CAAC,EACG,EAAa,CAAW,EAC1B,MAAO,EAEX,CACF,CAGA,GAAM,GAAW,IAAc,WAC7B,EAAI,mBAAqB,EAAI,uBAC/B,GAAI,EAAS,CACX,GAAM,GAAS,EACb,EACA,EACA,EACA,GACA,EACF,EACA,GAAI,EAAa,CAAM,EACrB,MAAO,EAEX,CAGA,GAAI,EAAI,eAAiB,EAAM,CAC7B,GAAM,GAAS,EACb,EACA,EAAI,cACJ,EACA,GACA,EACF,EACA,GAAI,EAAa,CAAM,EACrB,MAAO,EAEX,CACA,MAAO,EACT,CAOO,WACL,EACsB,CAwBtB,MAvBI,CAAC,GAID,CAAC,EAAI,cAIL,OAAO,iBAAiB,CAAG,EAAE,aAAe,UAK9C,EAAI,aAAa,eAAe,GAChC,EAAI,aAAa,eAAe,IAAM,SAKpC,EAAI,aAAa,UAAU,GAI3B,EAAI,aAAa,UAAU,IAAM,KAC5B,GAEF,CACT",
   "names": []
 }

package/dist/chunks/chunk.RKEALN5W.js

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

package/dist/chunks/{chunk.45O724OO.js.map → chunk.RKEALN5W.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-center-component/ScwCenterComponent.ts"],
   "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwCenterComponent\n * @class\n * @tag scw-center-component\n */\nexport default class ScwCenterComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.centerComponent;\n    this.setAttribute('scw-center-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": "uFASA,mBAAgD,EAAa,CAE3D,aAAc,CACZ,QACA,KAAK,QAAU,EAAW,gBAC1B,KAAK,aAAa,qBAAsB,IACxC,KAAK,WAAa,GAOnB,QAAiB,CAChB,MAAO;AAAA;",
+  "mappings": "gFASA,mBAAgD,EAAa,CAE3D,aAAc,CACZ,MAAM,EACN,KAAK,QAAU,mBACf,KAAK,aAAa,qBAAsB,EAAE,EAC1C,KAAK,WAAa,EACpB,CAMC,QAAiB,CAChB,MAAO;AAAA;AAAA,KAGT,CACF",
   "names": []
 }