scu-web-components 0.0.42 → 0.0.44

package/dist/scw-input-field/scw-input-field.d.ts

@@ -0,0 +1,94 @@
+import ScwComponent from '../scw-component/ScwComponent';
+import AutoFormatter from './autoformatters/autoFormat';
+import { InputTypes } from './inputTypes';
+import { AutoCaptializeValues, AutoCompleteValues, AutoCorrectValues } from '../utils/formEnums';
+/**
+ * ScwInputField
+ * @class
+ * @tag scw-input-field
+ * @status new
+ * @since 0.0.4
+ *
+ * @cssprop --scw-input-padding Adding padding this way will grow the input's
+ * hit area.
+ * @cssprop --min-height Makes sure that the input fits within your default
+ * size
+ *
+ * @event scw-focus input recieved focus
+ * @event scw-blur input lost focus
+ * @event scw-value-change value has changed (not necessarily value displayed)
+ *
+ */
+export default class ScwInputField extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** (ScwInputField) name to identify form element and attach data */
+    name: string;
+    /** (ScwInputField) name to identify form element and attach data */
+    value: string;
+    /** (ScwInputField) type of input field */
+    type: InputTypes;
+    /** (ScwInputField) read-only status */
+    readOnly: boolean;
+    /** (ScwInputField) More of a state, element is focused */
+    focused: boolean;
+    /** (ScwInputField) entire input string will be selected on focus */
+    selectAllOnFocus: boolean;
+    /** Tells browser what keyboard to use */
+    inputmode: string;
+    /** (ScwInputField) automatically capitalize input */
+    autoCapitalize: AutoCaptializeValues;
+    /** (ScwInputField) automatically completes input */
+    autoComplete: AutoCompleteValues;
+    /** (ScwInputField) automatically correct input */
+    autoCorrect: AutoCorrectValues;
+    /** (ScwInputField) automatically focus input */
+    autoFocus: boolean;
+    /** placeholder text */
+    placeholder: string | undefined;
+    input: HTMLInputElement;
+    /** valueDisplayed */
+    valueDisplayed: string;
+    /** autoFormatter */
+    autoFormatter: AutoFormatter;
+    lastFormattedValue: string | undefined;
+    /**
+    * watch value
+    * @param {string} oldValue
+    * @param {string} newValue
+    */
+    valueHandler(): void;
+    /**
+    * Formats value
+    */
+    _formatValue(): void;
+    /**
+    * handleChange
+    * @param {Event} evt
+    */
+    handleChange(): void;
+    /** handleInteraction */
+    handleInteraction(): void;
+    /** constructor */
+    constructor();
+    /** connectedCallback */
+    connectedCallback(): void;
+    /** focusHandler */
+    focusHandler(): void;
+    /** blurHandler */
+    blurHandler(): void;
+    /** valueChangeHandler */
+    valueChangeHandler(): void;
+    /**
+    * invalidHandler
+    * @param {Event} e
+    */
+    invalidHandler(e: Event): void;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-input-field/scw-input-field.js

@@ -1,4 +1,4 @@
-import{a as n}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as l}from"../chunks/chunk.5F2TS4MI.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import"../chunks/chunk.GMEO4LZE.js";import"../chunks/chunk.JYKLLRWI.js";import"../chunks/chunk.TNEQM7BT.js";import"../chunks/chunk.GUPJLJY4.js";import{a as o}from"../chunks/chunk.2T4VPIKP.js";import{a,c as r,d as u}from"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import{a as i}from"../chunks/chunk.PKA6D7UK.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var m=s`
+import{a as n}from"../chunks/chunk.7A7HJBKL.js";import{a as p,b as h,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as l}from"../chunks/chunk.5F2TS4MI.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import"../chunks/chunk.GMEO4LZE.js";import"../chunks/chunk.JYKLLRWI.js";import"../chunks/chunk.TNEQM7BT.js";import"../chunks/chunk.GUPJLJY4.js";import{a as o}from"../chunks/chunk.2T4VPIKP.js";import{a,c as r,d as u}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import{a as i}from"../chunks/chunk.PKA6D7UK.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var m=s`
 :host {
   position: relative;
   display: block;

package/dist/scw-input-field/scw-input-field.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-input-field/scss/scw-input-field.scss", "../../src/scw-input-field/scw-input-field.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  position: relative;\n  display: block;\n}\n:host .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  min-height: var(--scw-min-height, 32px);\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-end;\n}\n:host input {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n  border: none;\n  background-color: rgba(0, 0, 0, 0);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  width: 100%;\n  box-sizing: border-box;\n  min-height: var(--scw-min-height, 32px);\n  position: relative;\n  z-index: 2;\n}\n:host input:focus, :host input:focus-visible {\n  outline: none;\n}\n\n:host([aria-disabled=true]) input {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1maWVsZC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQtZmllbGQuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBO0VBR0U7RUFDQTs7QUFFQTtFQ1JBO0VBQ0E7RUFJRTtFQUVGO0VER0U7RUFRQTtFQUNBO0VBQVE7RUFDUjtFQUVBO0VBQ0E7RUFFQTtFQUNBOztBQUlGO0VFOUJBO0VBQ0E7RUFJRTtFQUVGO0VGMEJFO0VBQ0E7RUFFQTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7O0FBR0Y7RUFDRTs7O0FBS0Y7RUcxREE7RUFDQTtFQUlFO0VBRUYifQ== */`;\n", "import {html} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-field.scss';\nimport {watch} from '../utils/watch';\nimport AutoFormatter from './autoformatters/autoFormat';\nimport {InputTypes} from './inputTypes';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwInputField\n * @class\n * @tag scw-input-field\n * @status new\n * @since 0.0.4\n *\n * @cssprop --scw-input-padding Adding padding this way will grow the input's\n * hit area.\n * @cssprop --min-height Makes sure that the input fits within your default\n * size\n *\n * @event scw-focus input recieved focus\n * @event scw-blur input lost focus\n * @event scw-value-change value has changed (not necessarily value displayed)\n *\n */\nexport default class ScwInputField extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    name = '';\n\n  /** (ScwInputField) name to identify form element and attach data */\n  @property({type: String})\n    value = '';\n\n  /** (ScwInputField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwInputField) read-only status */\n  @property({type: Boolean, attribute: 'readonly'})\n    readOnly = false;\n\n  /** (ScwInputField) More of a state, element is focused */\n  @property({type: Boolean, reflect: true})\n    focused = false;\n\n  /** (ScwInputField) entire input string will be selected on focus */\n  @property({type: Boolean, attribute: 'select-all-on-focus'})\n    selectAllOnFocus = false;\n\n  /** Tells browser what keyboard to use */\n  @property({type: String}) inputmode = 'text';\n\n  /** (ScwInputField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n  /** (ScwInputField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwInputField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwInputField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus = false;\n\n  /** placeholder text */\n  @property({type: String})\n    placeholder: string | undefined;\n\n  // ===========================================================================\n\n  @query('input')\n    input!: HTMLInputElement;\n\n  /** valueDisplayed */\n  valueDisplayed = '';\n\n  /** autoFormatter */\n  autoFormatter : AutoFormatter;\n\n  lastFormattedValue : string | undefined;\n\n  /**\n  * watch value\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('value')\n  valueHandler() {// oldValue: string, newValue: string) {\n    this._formatValue();\n  }\n\n  /**\n  * Formats value\n  */\n  _formatValue() {\n    if ( this.value !== this.lastFormattedValue) {\n      this.lastFormattedValue = this.value;\n      this.autoFormatter.autoFormat(this.value);\n      this.autoFormatter.autoFormatFinish(this.value);\n    }\n  }\n\n  /**\n  * handleChange\n  * @param {Event} evt\n  */\n  handleChange() {\n    this.value = this.input.value;\n    this._formatValue();\n    this.valueChangeHandler();\n  }\n\n  /** handleInteraction */\n  handleInteraction() {\n    this.autoFormatter.updateSelection();\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.inputField;\n    this.autoFormatter = new AutoFormatter(this);\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.autoFormatter = new AutoFormatter(this);\n    this.autoFormatter.autoFormat(this.value);\n    this.autoFormatter.autoFormatFinish(this.value);\n  }\n\n  /** focusHandler */\n  focusHandler() {\n    this.autoFormatter.updateSelection();\n    this.focused = true;\n    if (this.selectAllOnFocus) {\n      this.input.setSelectionRange(0, this.input.value.length);\n    }\n    emit(\n        ScwEvents.focus,\n        this,\n    );\n  }\n\n  /** blurHandler */\n  blurHandler() {\n    this.autoFormatter.autoFormatFinish(this.value);\n    this.focused = false;\n    emit(\n        ScwEvents.blur,\n        this,\n    );\n  }\n\n  /** valueChangeHandler */\n  valueChangeHandler() {\n    emit(\n        ScwEvents.valueChange,\n        this,\n        {\n          value: this.value,\n          name: this.name,\n          // selected: false,\n          valueDisplayed: this.valueDisplayed,\n        },\n    );\n  }\n\n  /**\n  * invalidHandler\n  * @param {Event} e\n  */\n  invalidHandler(e:Event) {\n    e.preventDefault();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <!--label>${this.name}</label-->\n      <input\n        aria-label=\"${this.name}\"\n        name=\"${this.name}\"\n        .value=\"${this.valueDisplayed}\"\n        ?readonly=\"${this.readOnly}\"\n        type=\"${this.type === InputTypes.password ? 'password' : 'text'}\"\n        inputmode=\"${this.inputmode}\"\n        ?disabled=\"${this.ariaDisabled === 'true' ? true : false}\"\n        autocapitalize=\"${this.autoCapitalize}\"\n        autocomplete=\"${this.autoComplete}\"\n        autocorrect=\"${this.autoCorrect}\"\n        ?autofocus=\"${this.autoFocus}\"\n        @input=${this.handleChange}\n        @keyup=${this.handleInteraction}\n        @click=${this.handleInteraction}\n        @focus=${this.focusHandler}\n        @blur=${this.blurHandler}\n        @invalid=${this.invalidHandler}>\n      </input>\n      ${this.value ? '' : html`\n        <div class=\"placeholder\">\n          ${this.placeholder}\n        </div>`}\n      \n    `;\n  }\n}\n/*\n<!--\n  class=\"input\"\n  aria-label={this.label}\n  role={this.inputRole}\n  size={this.size}\n\n  maxlength={this.maxlength}\n    /-->*/\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["scw_input_field_default", "i", "ScwInputField", "ScwComponent", "AutoFormatter", "scw_input_field_default", "emit", "e", "y", "__decorateClass", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues", "i", "watch"]
 }

package/dist/scw-input-layout/scw-input-layout.d.ts

@@ -0,0 +1,34 @@
+import ScwComponent from '../scw-component/ScwComponent';
+/**
+ * ScwInputLayout
+ * @class
+ * @tag scw-input-layout
+ * @status new
+ * @since 0.0.4
+ *
+ */
+export default class ScwInputLayout extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** constructor */
+    constructor();
+    /** (ScwInputLayout) the text to use for the label */
+    label: string | undefined;
+    /** (ScwInputLayout) the text to use for feedback */
+    feedback: string | undefined;
+    /** (ScwInputLayout) hides the main label */
+    hideLabel: boolean;
+    /** (ScwInputLayout) hides the feedback label */
+    hideFeedback: boolean;
+    /** (ScwInputLayout) shows first right icon and determines the icon svg. */
+    rightIcon: string | undefined;
+    /** (ScwInputLayout) shows second right icon and determines the icon svg. */
+    right2Icon: string | undefined;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-input-layout/scw-input-layout.js

@@ -1,4 +1,4 @@
-import{a as c,d as a}from"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import{a as l}from"../chunks/chunk.3IG37SCP.js";import{a as r}from"../chunks/chunk.PKA6D7UK.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var o=l`
+import{a as c,d as a}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import{a as l}from"../chunks/chunk.3IG37SCP.js";import{a as r}from"../chunks/chunk.PKA6D7UK.js";import{g as i}from"../chunks/chunk.5YJY6NT6.js";var o=l`
 :host {
   background-color: rgba(0, 0, 0, 0);
   align-self: stretch;

package/dist/scw-input-layout/scw-input-layout.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-input-layout/scss/scw-input-layout.scss", "../../src/scw-input-layout/scw-input-layout.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host > *:not(:last-child) {\n  margin-bottom: calc(var(--scw-spacing-1) * 0.6);\n  --margin-bottom: calc( var( --scw-spacing-1 ) * 0.6 );\n}\n:host .input-label {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n}\n:host .input-field {\n  background-color: rgba(0, 0, 0, 0);\n  border-radius: 6px 6px 6px 6px;\n  align-self: stretch;\n  flex: 1;\n}\n:host .input-feedback {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color, var(--scw-color-error));\n}\n\n:host .input-field {\n  background-color: rgba(0, 0, 0, 0);\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: 0px;\n  padding-right: var(--scw-spacing-1);\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .input-field > *:not(:last-child) {\n  margin-right: 0px;\n  --margin-right: 0px;\n}\n:host .input-field .input-text {\n  background-color: rgba(0, 0, 0, 0);\n  align-self: stretch;\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: calc(var(--scw-spacing-1) * 1.5);\n  padding-right: calc(var(--scw-spacing-1) * 1.5);\n  padding-top: calc(var(--scw-spacing-1) * 0.9);\n  padding-bottom: calc(var(--scw-spacing-1) * 0.9);\n  padding: 0;\n}\n:host .input-field .input-text > *:not(:last-child) {\n  margin-bottom: var(--scw-spacing-1);\n  --margin-bottom: var( --scw-spacing-1 );\n}\n:host .input-field .right-icon-2 {\n  background-color: rgba(0, 0, 0, 0);\n}\n:host .input-field .right-icon {\n  background-color: rgba(0, 0, 0, 0);\n}\n\n:host .input-field {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([aria-disabled=true]) .input-field {\n  background-color: var(--scw-color-grey-092);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-09);\n  align-self: stretch;\n}\n\n:host([invalid]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color, var(--scw-color-error));\n  align-self: stretch;\n}\n\n:host([focused]) .input-field {\n  background-color: var(--scw-color-grey-095);\n  border-radius: 6px 6px 6px 6px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--scw-color-grey-08);\n  box-shadow: var(--scw-effect-focus-shadow);\n  align-self: stretch;\n}\n\n::slotted(*) {\n  width: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC1sYXlvdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LWlucHV0LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2stbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC9fbGFiZWwtZmVlZGJhY2staW5wdXQtbGFiZWwtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1sYWJlbC1iYXNlL19kZWZhdWx0LXNjdy1pbnB1dC1sYWJlbC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1maWVsZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0L19sYWJlbC1mZWVkYmFjay1pbnB1dC1mZWVkYmFjay1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZlZWRiYWNrLWJhc2UvX2RlZmF1bHQtc2N3LWlucHV0LWZlZWRiYWNrLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkL19yaWdodC1pY29uLXJpZ2h0LWljb24tMi1jb250ZW50LWlucHV0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLTItbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC9fcmlnaHQtaWNvbi1yaWdodC1pY29uLTItY29udGVudC1yaWdodC1pY29uLW1peGlucy5zY3NzIiwic2N3LWlucHV0LWZpZWxkLWJnLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC1maWVsZC1iZy9fZGVmYXVsdC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19kaXNhYmxlZC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LWZpZWxkLWJnL19pbnZhbGlkLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtZmllbGQtYmcvX2ZvY3VzZWQtbWl4aW5zLnNjc3MiLCJzY3ctaW5wdXQtbGF5b3V0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUNFSTtFQUVGO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDTTtFQUNBOztBRGxDTjtFRUZFO0VBRUY7RUNOQTtFQUNBO0VBSUU7O0FITUY7RUlQRTtFQUVGO0VBQ0E7RUFDQTs7QUpPQTtFS1hFO0VBRUY7RUNOQTtFQUNBO0VBRUU7OztBQ0RGO0VDRUU7RUF5QkY7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEakNKO0VFRkE7RUFFRjtFQUNBO0VBd0JBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUY3Qkk7O0FFOEJKO0VBQ007RUFDQTs7QUY3Qko7RUdSQTs7QUhZQTtFSVpBOzs7QUNGRjtFQ0VFO0VBRUY7RUFDQTtFQUNBO0VBSUU7RUFFRjs7O0FETkE7RUVKRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7OztBRkFBO0VHVkU7RUFFRjtFQUNBO0VBQ0E7RUFFRTtFQUlGOzs7QUhNQTtFSWhCRTtFQUVGO0VBQ0E7RUFDQTtFQUlFO0VBRUY7RUFDQTs7O0FDZkY7RUFDRSJ9 */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input-layout.scss';\n\n/**\n * ScwInputLayout\n * @class\n * @tag scw-input-layout\n * @status new\n * @since 0.0.4\n *\n */\nexport default class ScwInputLayout extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.inputLayout;\n  }\n\n  // ============== ScwInputLayout =============================================\n  /** (ScwInputLayout) the text to use for the label */\n  @property({type: String})\n    label: string | undefined;\n\n  /** (ScwInputLayout) the text to use for feedback */\n  @property({type: String})\n    feedback: string | undefined;\n\n  /** (ScwInputLayout) hides the main label */\n  @property({type: String, attribute: 'hide-label'})\n    hideLabel = false;\n\n  /** (ScwInputLayout) hides the feedback label */\n  @property({type: String, attribute: 'hide-feedback'})\n    hideFeedback = false;\n\n  /** (ScwInputLayout) shows first right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-icon'})\n    rightIcon: string | undefined;\n\n  /** (ScwInputLayout) shows second right icon and determines the icon svg. */\n  @property({type: String, attribute: 'right-2-icon'})\n    right2Icon: string | undefined;\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      ${!this.hideLabel ?\n    html`\n            <div class=\"input-label\">\n              ${this.label}\n            </div>` : ''}\n      <div class=\"input-field\">\n        <div class=\"input-text\">\n          <slot></slot>\n        </div>\n        ${this.right2Icon ?\n    html`\n            <scw-icon\n              class=\"right-icon-2\"\n              .icon=\"${this.right2Icon}\"\n              size=\"32\"\n              aria-label=\"Clear Input\"\n              link>\n            </scw-icon>` : '' }\n        ${this.rightIcon ?\n    html`\n            <scw-icon\n              class=\"right-icon\"\n              .icon=\"${this.rightIcon}\"\n              size=\"32\"\n              aria-label=\"Show Password\"\n              link>\n            </scw-icon>` : '' }\n      </div>\n      ${!this.hideFeedback ?\n    html`\n            <div class=\"input-feedback\">\n              ${this.feedback}&nbsp;\n            </div>` : ''}\n    `;\n  }\n}\n\n"],
-  "mappings": "ueACA,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;quFCaf,IAAqBC,EAArB,cAA4CC,CAAa,CAYvD,aAAc,CACZ,MAAM,EAeN,eAAY,GAIZ,kBAAe,GAlBf,KAAK,sBACP,CAXA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAqCA,QAAiB,CACf,OAAOC;AAAA,QACF,KAAK,UAIQ,GAHlBA;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMX,KAAK,WACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA,UACjB,KAAK,UACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA;AAAA,QAElB,KAAK,aAIQ,GAHlBA;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA,KAGnB,CACF,EA/DIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLL,EAoBjB,qBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAvBLL,EAwBjB,wBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GA3B9BL,EA4BjB,yBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GA/BjCL,EAgCjB,4BAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAnC9BL,EAoCjB,yBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GAvChCL,EAwCjB",
+  "mappings": "+QACA,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;quFCaf,IAAqBC,EAArB,cAA4CC,CAAa,CAYvD,aAAc,CACZ,MAAM,EAeN,eAAY,GAIZ,kBAAe,GAlBf,KAAK,sBACP,CAXA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAqCA,QAAiB,CACf,OAAOC;AAAA,QACF,KAAK,UAIQ,GAHlBA;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMX,KAAK,WACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA,UACjB,KAAK,UACXA;AAAA;AAAA;AAAA,uBAGmB,KAAK;AAAA;AAAA;AAAA;AAAA,yBAID;AAAA;AAAA,QAElB,KAAK,aAIQ,GAHlBA;AAAA;AAAA,gBAEY,KAAK;AAAA;AAAA,KAGnB,CACF,EA/DIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAnBLL,EAoBjB,qBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAvBLL,EAwBjB,wBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GA3B9BL,EA4BjB,yBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,eAAe,CAAC,GA/BjCL,EAgCjB,4BAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,YAAY,CAAC,GAnC9BL,EAoCjB,yBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,OAAQ,UAAW,cAAc,CAAC,GAvChCL,EAwCjB",
   "names": ["scw_input_layout_default", "i", "ScwInputLayout", "ScwComponent", "scw_input_layout_default", "y", "__decorateClass", "e"]
 }

package/dist/scw-layout-component/scw-layout-component.d.ts

@@ -0,0 +1,15 @@
+import ScwComponent from '../scw-component/ScwComponent';
+/**
+ * ScwLayoutComponent
+ * @class
+ * @tag scw-layout-component
+ */
+export default class ScwLayoutComponent extends ScwComponent {
+    /** constructor */
+    constructor();
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-layout-component/scw-layout-component.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.NOG4WTUR.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.I52FNVGQ.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=scw-layout-component.js.map

package/dist/scw-link/ScwLink.d.ts

@@ -0,0 +1,68 @@
+import { ScwLinkSide, ScwLinkDesigns } from './scw-link-enums';
+import { ScwMenuItemDesigns } from '../scw-menu-item/scw-menu-item-enums';
+import ScwLinkBase from '../scw-link-base/ScwLinkBase';
+/**
+ * ScwLink
+ * @class
+ * @tag scw-link
+ */
+export default class ScwLink extends ScwLinkBase {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /**
+     * (ScwLink) Determines the icon to use with the text
+     * @param {string | undefined} icon
+     * */
+    set icon(icon: string | undefined);
+    /**
+     * icon getter
+     */
+    get icon(): string | undefined;
+    private _icon;
+    /**
+    * (ScwLink) Determines which side the icon should show up on
+    * @type {string}
+    */
+    iconSide: ScwLinkSide;
+    /**
+    * (ScwLink) The design style of the link.
+    * @type {string}
+    */
+    design: ScwLinkDesigns | ScwMenuItemDesigns;
+    _svgInfo: string;
+    /**
+    * Constructor
+    */
+    constructor();
+    /**
+     * refreshIcon
+     */
+    refreshIcon(): void;
+    /**
+    * Way to extend valid design types...
+    * @return {object} object of valid designs relative to this object
+    */
+    validDesigns(): object;
+    /**
+    * Way to extend valid design icon types...
+    * @return {boolean}
+    */
+    doShowIcon(): boolean;
+    /**
+    * renderContent
+    * @return {object} component DOM
+    */
+    renderContent(): object;
+    /**
+     * find the style per design
+     * @return {object}
+     */
+    findStyle(): any;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-link/ScwLink.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.PD56CY37.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.ERNX5BQF.js";import"../chunks/chunk.WJ7GGTRH.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.GX274VLQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.TLLMTMXY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.DSSTKNQ5.js";import"../chunks/chunk.MKQHB2CE.js";import"../chunks/chunk.WJ7GGTRH.js";import"../chunks/chunk.6JFSOWAB.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLink.js.map

package/dist/scw-link/scw-link-enums.d.ts

@@ -0,0 +1,10 @@
+export declare enum ScwLinkSide {
+    left = "left",
+    right = "right"
+}
+export declare enum ScwLinkDesigns {
+    solid = "solid",
+    outlined = "outlined",
+    text = "text",
+    plain = "plain"
+}

package/dist/scw-link/scw-link.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/scw-link/scw-link.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.7TSVDV7Z.js";import"../chunks/chunk.PD56CY37.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.ERNX5BQF.js";import"../chunks/chunk.WJ7GGTRH.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.GX274VLQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.ZQIHYYIC.js";import"../chunks/chunk.TLLMTMXY.js";import"../chunks/chunk.I4ZVEUHX.js";import"../chunks/chunk.DSSTKNQ5.js";import"../chunks/chunk.MKQHB2CE.js";import"../chunks/chunk.WJ7GGTRH.js";import"../chunks/chunk.6JFSOWAB.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link.js.map

package/dist/scw-link-base/ScwLinkBase.d.ts

@@ -0,0 +1,53 @@
+import ScwComponent from '../scw-component/ScwComponent';
+/**
+ * ScwLinkBase
+ * @class
+ * @tag scw-link-base
+ *
+ * @slot [default="<a href target />"]
+    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.
+ * @slot [default="<... />"]
+    (OPTIONAL) random content (paired with design="plain") will wrap that
+    content with a link.
+ */
+export default class ScwLinkBase extends ScwComponent {
+    static get styles(): any[];
+    /**
+    * (ScwLinkBase)
+    */
+    href: string | undefined;
+    /**
+    * (ScwLinkBase)
+    */
+    target: '_blank' | '_parent' | '_self' | '_top' | undefined;
+    linkAnchor: HTMLAnchorElement | undefined;
+    /**
+    * Constructor
+    */
+    constructor();
+    /**
+     * request update
+     */
+    updated(): void;
+    /**
+     * cancel event
+     * @param {Event} evt
+     */
+    cancelEvent(evt: Event): void;
+    /**
+     * focus
+     */
+    focus(): void;
+    /**
+    * renderLink
+    * @param {object} children
+    * @param {string} styles
+    * @return {object} component DOM
+    */
+    renderLink(children: object, styles?: string): object;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-link-base/ScwLinkBase.js

@@ -1,2 +1,2 @@
-import{d as a}from"../chunks/chunk.GX274VLQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.DSSTKNQ5.js";import"../chunks/chunk.6JFSOWAB.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwLinkBase.js.map

package/dist/scw-link-base/parseLightDomAnchor.d.ts

@@ -0,0 +1,6 @@
+import ScwLinkBase from './ScwLinkBase';
+/**
+ * Parses light dom into variables to be used for rendering
+ * @param {ScwLink} element
+ */
+export default function parseLightDomAnchor(element: ScwLinkBase): void;

package/dist/scw-link-base/parseLightDomAnchor.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import"../chunks/chunk.5YJY6NT6.js";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 default};
 //# sourceMappingURL=parseLightDomAnchor.js.map

package/dist/scw-link-base/parseLightDomAnchor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "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": "oCAMe,SAARA,EAAsCC,EAAsB,CACjE,GAAIA,EAAQ,SAAS,SAAW,EAAG,OAEnC,IAAMC,EAASD,EAAQ,cAAc,GAAG,EACxC,GAAI,CAACC,EAAQ,OAGb,IAAMC,EAAOD,EAAO,aAAa,MAAM,EACvCD,EAAQ,KAAOE,GAAc,OAE7B,IAAMC,EACJF,EAAO,aAAa,QAAQ,EAG1BE,IACFH,EAAQ,OAASG,GAGnB,IAAMC,EAAcH,EAAO,YAC3BD,EAAQ,UAAYI,GAA4B,EAClD",
+  "names": ["parseLightDomAnchor", "element", "anchor", "href", "target", "textContent"]
 }

package/dist/scw-link-base/scw-link-base.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/scw-link-base/scw-link-base.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.IUPSIYHM.js";import"../chunks/chunk.GX274VLQ.js";import"../chunks/chunk.GATDLRXZ.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.MVMLR5MM.js";import"../chunks/chunk.DSSTKNQ5.js";import"../chunks/chunk.6JFSOWAB.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-link-base.js.map

package/dist/scw-menu/ScwMenu.d.ts

@@ -0,0 +1,59 @@
+import ScwComponent from '../scw-component/ScwComponent';
+import ScwMenuKeyboard from './keyboard/scw-menu-keyboard';
+import ScwMenuItem from '../scw-menu-item/ScwMenuItem';
+import { ScwMenuDirections } from './scw-menu-enums';
+/**
+ * ScwMenu
+ * @class
+ * @tag scw-menu
+ *
+ * @slot [default="<scw-menu-item />..."]
+    List of scw-menu-items
+ */
+export default class ScwMenu extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /**
+    * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)
+    * @type {string}
+    */
+    ariaHidden: string;
+    /**
+    * (<ScwMenu>) determines some arrow key differences
+    * (either, horizontal, vertical)
+    * @type {ScwMenuDirections}
+    */
+    keyboardDirection: ScwMenuDirections;
+    /** Manages all keyboard events */
+    _keyboardManager: ScwMenuKeyboard | undefined;
+    /** keeps track of the menu item controling this menu */
+    _menuItem: ScwMenuItem | undefined;
+    /**
+    * Constructor
+    */
+    constructor();
+    /**
+    * get defaults after initialization...light dom trumps attributes
+    * @param {Map<string | number | symbol, unknown>} changedProps
+    */
+    firstUpdated(changedProps: Map<string | number | symbol, unknown>): void;
+    /** connectedCallback */
+    connectedCallback(): void;
+    /**
+     * determines if this menu item has a sub menu
+     * @return {ScwMenuItem | undefined}
+     */
+    findMenuItem(): ScwMenuItem | undefined;
+    /**
+    * Is this a nested menu or not...
+    * @return {boolean}
+    */
+    isSubMenu(): boolean;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-menu/ScwMenu.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.K4NR64KF.js";import"../chunks/chunk.QZ7HSWXB.js";import"../chunks/chunk.ZTRQFSO3.js";import"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.F6VIM5PL.js";import"../chunks/chunk.2T4VPIKP.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.PKWXMRDA.js";import"../chunks/chunk.FWRNC4MS.js";import"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.OY5JT4DB.js";import"../chunks/chunk.2T4VPIKP.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=ScwMenu.js.map

package/dist/scw-menu/keyboard/keyboardElements.d.ts

@@ -0,0 +1,42 @@
+import ScwMenu from '../ScwMenu';
+/**
+  * walk through children from a starting point
+  * @param {ScwMenu} menu
+  * @param {HTMLElement} ele
+  * @param {'forwards' | 'backwards'} direction
+  */
+export default function focusOnTabbableElement(menu: ScwMenu, ele: HTMLElement | undefined, direction: 'forwards' | 'backwards'): void;
+/**
+  * walk through children from a starting point
+  * @param {ScwMenu} menu
+  * @return {HTMLElement | undefined}
+  */
+export declare function findActiveMenuElement(menu: ScwMenu): HTMLElement | undefined;
+/**
+ * get the next tabbable element
+ * @param {ScwMenu} menu
+ * @return {void}
+ */
+export declare function findNextTabbableEle(menu: ScwMenu): false | HTMLElement | undefined;
+/**
+ * get the previous tabble element
+ * @param {ScwMenu} menu
+ * @return {void}
+ */
+export declare function findPrevTabbableEle(menu: ScwMenu): false | HTMLElement | undefined;
+/**
+ * walk through children from a starting point
+ * @param {ScwMenu} menu
+ * @param {HTMLElement} ele
+ * @param {'forwards' | 'backwards'} direction
+ * @param {Boolean} checkEle
+ * @param {Boolean} checkChildren
+ * @return {HTMLElement | false}
+ */
+export declare function findTabbableElement(menu: ScwMenu, ele: HTMLElement, direction?: 'forwards' | 'backwards', checkEle?: boolean, checkChildren?: boolean): HTMLElement | false;
+/**
+* last checks
+* @param {HTMLElement} ele
+* @return {HTMLElement | false}
+*/
+export declare function isTabbleable(ele: HTMLElement | false): HTMLElement | false;

package/dist/scw-menu/keyboard/keyboardElements.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f}from"../../chunks/chunk.F6VIM5PL.js";import"../../chunks/chunk.3DNJZ75B.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default,b as findActiveMenuElement,c as findNextTabbableEle,d as findPrevTabbableEle,e as findTabbableElement,f as isTabbleable};
+import{a,b,c,d,e,f}from"../../chunks/chunk.OY5JT4DB.js";import"../../chunks/chunk.3DNJZ75B.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default,b as findActiveMenuElement,c as findNextTabbableEle,d as findPrevTabbableEle,e as findTabbableElement,f as isTabbleable};
 //# sourceMappingURL=keyboardElements.js.map