scu-web-components 0.0.35 → 0.0.36

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/scw-single-input/scss/scw-single-input.scss", "../../../node_modules/lit-html/src/async-directive.ts", "../../../node_modules/lit-html/src/directives/ref.ts", "../../src/scw-single-input/scw-single-input.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXNpbmdsZS1pbnB1dC9zY3NzIiwic291cmNlcyI6WyJzY3ctc2luZ2xlLWlucHV0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSJ9 */`;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Overview:\n *\n * This module is designed to add support for an async `setValue` API and\n * `disconnected` callback to directives with the least impact on the core\n * runtime or payload when that feature is not used.\n *\n * The strategy is to introduce a `AsyncDirective` subclass of\n * `Directive` that climbs the \"parent\" tree in its constructor to note which\n * branches of lit-html's \"logical tree\" of data structures contain such\n * directives and thus need to be crawled when a subtree is being cleared (or\n * manually disconnected) in order to run the `disconnected` callback.\n *\n * The \"nodes\" of the logical tree include Parts, TemplateInstances (for when a\n * TemplateResult is committed to a value of a ChildPart), and Directives; these\n * all implement a common interface called `DisconnectableChild`. Each has a\n * `_$parent` reference which is set during construction in the core code, and a\n * `_$disconnectableChildren` field which is initially undefined.\n *\n * The sparse tree created by means of the `AsyncDirective` constructor\n * crawling up the `_$parent` tree and placing a `_$disconnectableChildren` Set\n * on each parent that includes each child that contains a\n * `AsyncDirective` directly or transitively via its children. In order to\n * notify connection state changes and disconnect (or reconnect) a tree, the\n * `_$notifyConnectionChanged` API is patched onto ChildParts as a directive\n * climbs the parent tree, which is called by the core when clearing a part if\n * it exists. When called, that method iterates over the sparse tree of\n * Set<DisconnectableChildren> built up by AsyncDirectives, and calls\n * `_$notifyDirectiveConnectionChanged` on any directives that are encountered\n * in that tree, running the required callbacks.\n *\n * A given \"logical tree\" of lit-html data-structures might look like this:\n *\n *  ChildPart(N1) _$dC=[D2,T3]\n *   ._directive\n *     AsyncDirective(D2)\n *   ._value // user value was TemplateResult\n *     TemplateInstance(T3) _$dC=[A4,A6,N10,N12]\n *      ._parts[]\n *        AttributePart(A4) _$dC=[D5]\n *         ._directives[]\n *           AsyncDirective(D5)\n *        AttributePart(A6) _$dC=[D7,D8]\n *         ._directives[]\n *           AsyncDirective(D7)\n *           Directive(D8) _$dC=[D9]\n *            ._directive\n *              AsyncDirective(D9)\n *        ChildPart(N10) _$dC=[D11]\n *         ._directive\n *           AsyncDirective(D11)\n *         ._value\n *           string\n *        ChildPart(N12) _$dC=[D13,N14,N16]\n *         ._directive\n *           AsyncDirective(D13)\n *         ._value // user value was iterable\n *           Array<ChildPart>\n *             ChildPart(N14) _$dC=[D15]\n *              ._value\n *                string\n *             ChildPart(N16) _$dC=[D17,T18]\n *              ._directive\n *                AsyncDirective(D17)\n *              ._value // user value was TemplateResult\n *                TemplateInstance(T18) _$dC=[A19,A21,N25]\n *                 ._parts[]\n *                   AttributePart(A19) _$dC=[D20]\n *                    ._directives[]\n *                      AsyncDirective(D20)\n *                   AttributePart(A21) _$dC=[22,23]\n *                    ._directives[]\n *                      AsyncDirective(D22)\n *                      Directive(D23) _$dC=[D24]\n *                       ._directive\n *                         AsyncDirective(D24)\n *                   ChildPart(N25) _$dC=[D26]\n *                    ._directive\n *                      AsyncDirective(D26)\n *                    ._value\n *                      string\n *\n * Example 1: The directive in ChildPart(N12) updates and returns `nothing`. The\n * ChildPart will _clear() itself, and so we need to disconnect the \"value\" of\n * the ChildPart (but not its directive). In this case, when `_clear()` calls\n * `_$notifyConnectionChanged()`, we don't iterate all of the\n * _$disconnectableChildren, rather we do a value-specific disconnection: i.e.\n * since the _value was an Array<ChildPart> (because an iterable had been\n * committed), we iterate the array of ChildParts (N14, N16) and run\n * `setConnected` on them (which does recurse down the full tree of\n * `_$disconnectableChildren` below it, and also removes N14 and N16 from N12's\n * `_$disconnectableChildren`). Once the values have been disconnected, we then\n * check whether the ChildPart(N12)'s list of `_$disconnectableChildren` is empty\n * (and would remove it from its parent TemplateInstance(T3) if so), but since\n * it would still contain its directive D13, it stays in the disconnectable\n * tree.\n *\n * Example 2: In the course of Example 1, `setConnected` will reach\n * ChildPart(N16); in this case the entire part is being disconnected, so we\n * simply iterate all of N16's `_$disconnectableChildren` (D17,T18) and\n * recursively run `setConnected` on them. Note that we only remove children\n * from `_$disconnectableChildren` for the top-level values being disconnected\n * on a clear; doing this bookkeeping lower in the tree is wasteful since it's\n * all being thrown away.\n *\n * Example 3: If the LitElement containing the entire tree above becomes\n * disconnected, it will run `childPart.setConnected()` (which calls\n * `childPart._$notifyConnectionChanged()` if it exists); in this case, we\n * recursively run `setConnected()` over the entire tree, without removing any\n * children from `_$disconnectableChildren`, since this tree is required to\n * re-connect the tree, which does the same operation, simply passing\n * `isConnected: true` down the tree, signaling which callback to run.\n */\n\nimport {AttributePart, ChildPart, Disconnectable, Part} from './lit-html.js';\nimport {isSingleExpression} from './directive-helpers.js';\nimport {Directive, PartInfo, PartType} from './directive.js';\nexport {directive} from './directive.js';\n\nconst DEV_MODE = true;\n\n/**\n * Recursively walks down the tree of Parts/TemplateInstances/Directives to set\n * the connected state of directives and run `disconnected`/ `reconnected`\n * callbacks.\n *\n * @return True if there were children to disconnect; false otherwise\n */\nconst notifyChildrenConnectedChanged = (\n  parent: Disconnectable,\n  isConnected: boolean\n): boolean => {\n  const children = parent._$disconnectableChildren;\n  if (children === undefined) {\n    return false;\n  }\n  for (const obj of children) {\n    // The existence of `_$notifyDirectiveConnectionChanged` is used as a \"brand\" to\n    // disambiguate AsyncDirectives from other DisconnectableChildren\n    // (as opposed to using an instanceof check to know when to call it); the\n    // redundancy of \"Directive\" in the API name is to avoid conflicting with\n    // `_$notifyConnectionChanged`, which exists `ChildParts` which are also in\n    // this list\n    // Disconnect Directive (and any nested directives contained within)\n    // This property needs to remain unminified.\n    (obj as AsyncDirective)['_$notifyDirectiveConnectionChanged']?.(\n      isConnected,\n      false\n    );\n    // Disconnect Part/TemplateInstance\n    notifyChildrenConnectedChanged(obj, isConnected);\n  }\n  return true;\n};\n\n/**\n * Removes the given child from its parent list of disconnectable children, and\n * if the parent list becomes empty as a result, removes the parent from its\n * parent, and so forth up the tree when that causes subsequent parent lists to\n * become empty.\n */\nconst removeDisconnectableFromParent = (obj: Disconnectable) => {\n  let parent, children;\n  do {\n    if ((parent = obj._$parent) === undefined) {\n      break;\n    }\n    children = parent._$disconnectableChildren!;\n    children.delete(obj);\n    obj = parent;\n  } while (children?.size === 0);\n};\n\nconst addDisconnectableToParent = (obj: Disconnectable) => {\n  // Climb the parent tree, creating a sparse tree of children needing\n  // disconnection\n  for (let parent; (parent = obj._$parent); obj = parent) {\n    let children = parent._$disconnectableChildren;\n    if (children === undefined) {\n      parent._$disconnectableChildren = children = new Set();\n    } else if (children.has(obj)) {\n      // Once we've reached a parent that already contains this child, we\n      // can short-circuit\n      break;\n    }\n    children.add(obj);\n    installDisconnectAPI(parent);\n  }\n};\n\n/**\n * Changes the parent reference of the ChildPart, and updates the sparse tree of\n * Disconnectable children accordingly.\n *\n * Note, this method will be patched onto ChildPart instances and called from\n * the core code when parts are moved between different parents.\n */\nfunction reparentDisconnectables(this: ChildPart, newParent: Disconnectable) {\n  if (this._$disconnectableChildren !== undefined) {\n    removeDisconnectableFromParent(this);\n    this._$parent = newParent;\n    addDisconnectableToParent(this);\n  } else {\n    this._$parent = newParent;\n  }\n}\n\n/**\n * Sets the connected state on any directives contained within the committed\n * value of this part (i.e. within a TemplateInstance or iterable of\n * ChildParts) and runs their `disconnected`/`reconnected`s, as well as within\n * any directives stored on the ChildPart (when `valueOnly` is false).\n *\n * `isClearingValue` should be passed as `true` on a top-level part that is\n * clearing itself, and not as a result of recursively disconnecting directives\n * as part of a `clear` operation higher up the tree. This both ensures that any\n * directive on this ChildPart that produced a value that caused the clear\n * operation is not disconnected, and also serves as a performance optimization\n * to avoid needless bookkeeping when a subtree is going away; when clearing a\n * subtree, only the top-most part need to remove itself from the parent.\n *\n * `fromPartIndex` is passed only in the case of a partial `_clear` running as a\n * result of truncating an iterable.\n *\n * Note, this method will be patched onto ChildPart instances and called from the\n * core code when parts are cleared or the connection state is changed by the\n * user.\n */\nfunction notifyChildPartConnectedChanged(\n  this: ChildPart,\n  isConnected: boolean,\n  isClearingValue = false,\n  fromPartIndex = 0\n) {\n  const value = this._$committedValue;\n  const children = this._$disconnectableChildren;\n  if (children === undefined || children.size === 0) {\n    return;\n  }\n  if (isClearingValue) {\n    if (Array.isArray(value)) {\n      // Iterable case: Any ChildParts created by the iterable should be\n      // disconnected and removed from this ChildPart's disconnectable\n      // children (starting at `fromPartIndex` in the case of truncation)\n      for (let i = fromPartIndex; i < value.length; i++) {\n        notifyChildrenConnectedChanged(value[i], false);\n        removeDisconnectableFromParent(value[i]);\n      }\n    } else if (value != null) {\n      // TemplateInstance case: If the value has disconnectable children (will\n      // only be in the case that it is a TemplateInstance), we disconnect it\n      // and remove it from this ChildPart's disconnectable children\n      notifyChildrenConnectedChanged(value as Disconnectable, false);\n      removeDisconnectableFromParent(value as Disconnectable);\n    }\n  } else {\n    notifyChildrenConnectedChanged(this, isConnected);\n  }\n}\n\n/**\n * Patches disconnection API onto ChildParts.\n */\nconst installDisconnectAPI = (obj: Disconnectable) => {\n  if ((obj as ChildPart).type == PartType.CHILD) {\n    (obj as ChildPart)._$notifyConnectionChanged ??=\n      notifyChildPartConnectedChanged;\n    (obj as ChildPart)._$reparentDisconnectables ??= reparentDisconnectables;\n  }\n};\n\n/**\n * An abstract `Directive` base class whose `disconnected` method will be\n * called when the part containing the directive is cleared as a result of\n * re-rendering, or when the user calls `part.setConnected(false)` on\n * a part that was previously rendered containing the directive (as happens\n * when e.g. a LitElement disconnects from the DOM).\n *\n * If `part.setConnected(true)` is subsequently called on a\n * containing part, the directive's `reconnected` method will be called prior\n * to its next `update`/`render` callbacks. When implementing `disconnected`,\n * `reconnected` should also be implemented to be compatible with reconnection.\n *\n * Note that updates may occur while the directive is disconnected. As such,\n * directives should generally check the `this.isConnected` flag during\n * render/update to determine whether it is safe to subscribe to resources\n * that may prevent garbage collection.\n */\nexport abstract class AsyncDirective extends Directive {\n  // As opposed to other Disconnectables, AsyncDirectives always get notified\n  // when the RootPart connection changes, so the public `isConnected`\n  // is a locally stored variable initialized via its part's getter and synced\n  // via `_$notifyDirectiveConnectionChanged`. This is cheaper than using\n  // the _$isConnected getter, which has to look back up the tree each time.\n  /**\n   * The connection state for this Directive.\n   */\n  isConnected!: boolean;\n\n  // @internal\n  override _$disconnectableChildren?: Set<Disconnectable> = undefined;\n  /**\n   * Initialize the part with internal fields\n   * @param part\n   * @param parent\n   * @param attributeIndex\n   */\n  override _$initialize(\n    part: Part,\n    parent: Disconnectable,\n    attributeIndex: number | undefined\n  ) {\n    super._$initialize(part, parent, attributeIndex);\n    addDisconnectableToParent(this);\n    this.isConnected = part._$isConnected;\n  }\n  // This property needs to remain unminified.\n  /**\n   * Called from the core code when a directive is going away from a part (in\n   * which case `shouldRemoveFromParent` should be true), and from the\n   * `setChildrenConnected` helper function when recursively changing the\n   * connection state of a tree (in which case `shouldRemoveFromParent` should\n   * be false).\n   *\n   * @param isConnected\n   * @param isClearingDirective - True when the directive itself is being\n   *     removed; false when the tree is being disconnected\n   * @internal\n   */\n  override ['_$notifyDirectiveConnectionChanged'](\n    isConnected: boolean,\n    isClearingDirective = true\n  ) {\n    if (isConnected !== this.isConnected) {\n      this.isConnected = isConnected;\n      if (isConnected) {\n        this.reconnected?.();\n      } else {\n        this.disconnected?.();\n      }\n    }\n    if (isClearingDirective) {\n      notifyChildrenConnectedChanged(this, isConnected);\n      removeDisconnectableFromParent(this);\n    }\n  }\n\n  /**\n   * Sets the value of the directive's Part outside the normal `update`/`render`\n   * lifecycle of a directive.\n   *\n   * This method should not be called synchronously from a directive's `update`\n   * or `render`.\n   *\n   * @param directive The directive to update\n   * @param value The value to set\n   */\n  setValue(value: unknown) {\n    if (isSingleExpression(this.__part as unknown as PartInfo)) {\n      this.__part._$setValue(value, this);\n    } else {\n      // this.__attributeIndex will be defined in this case, but\n      // assert it in dev mode\n      if (DEV_MODE && this.__attributeIndex === undefined) {\n        throw new Error(`Expected this.__attributeIndex to be a number`);\n      }\n      const newValues = [...(this.__part._$committedValue as Array<unknown>)];\n      newValues[this.__attributeIndex!] = value;\n      (this.__part as AttributePart)._$setValue(newValues, this, 0);\n    }\n  }\n\n  /**\n   * User callbacks for implementing logic to release any resources/subscriptions\n   * that may have been retained by this directive. Since directives may also be\n   * re-connected, `reconnected` should also be implemented to restore the\n   * working state of the directive prior to the next render.\n   */\n  protected disconnected() {}\n  protected reconnected() {}\n}\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport {nothing, ElementPart} from '../lit-html.js';\nimport {directive, AsyncDirective} from '../async-directive.js';\n\n/**\n * Creates a new Ref object, which is container for a reference to an element.\n */\nexport const createRef = <T = Element>() => new Ref<T>();\n\n/**\n * An object that holds a ref value.\n */\nclass Ref<T = Element> {\n  /**\n   * The current Element value of the ref, or else `undefined` if the ref is no\n   * longer rendered.\n   */\n  readonly value?: T;\n}\n\nexport type {Ref};\n\ninterface RefInternal {\n  value: Element | undefined;\n}\n\n// When callbacks are used for refs, this map tracks the last value the callback\n// was called with, for ensuring a directive doesn't clear the ref if the ref\n// has already been rendered to a new spot. It is double-keyed on both the\n// context (`options.host`) and the callback, since we auto-bind class methods\n// to `options.host`.\nconst lastElementForContextAndCallback: WeakMap<\n  object,\n  WeakMap<Function, Element | undefined>\n> = new WeakMap();\n\nexport type RefOrCallback = Ref | ((el: Element | undefined) => void);\n\nclass RefDirective extends AsyncDirective {\n  private _element?: Element;\n  private _ref?: RefOrCallback;\n  private _context?: object;\n\n  render(_ref: RefOrCallback) {\n    return nothing;\n  }\n\n  override update(part: ElementPart, [ref]: Parameters<this['render']>) {\n    const refChanged = ref !== this._ref;\n    if (refChanged && this._ref !== undefined) {\n      // The ref passed to the directive has changed;\n      // unset the previous ref's value\n      this._updateRefValue(undefined);\n    }\n    if (refChanged || this._lastElementForRef !== this._element) {\n      // We either got a new ref or this is the first render;\n      // store the ref/element & update the ref value\n      this._ref = ref;\n      this._context = part.options?.host;\n      this._updateRefValue((this._element = part.element));\n    }\n    return nothing;\n  }\n\n  private _updateRefValue(element: Element | undefined) {\n    if (typeof this._ref === 'function') {\n      // If the current ref was called with a previous value, call with\n      // `undefined`; We do this to ensure callbacks are called in a consistent\n      // way regardless of whether a ref might be moving up in the tree (in\n      // which case it would otherwise be called with the new value before the\n      // previous one unsets it) and down in the tree (where it would be unset\n      // before being set). Note that element lookup is keyed by\n      // both the context and the callback, since we allow passing unbound\n      // functions that are called on options.host, and we want to treat\n      // these as unique \"instances\" of a function.\n      const context = this._context ?? globalThis;\n      let lastElementForCallback =\n        lastElementForContextAndCallback.get(context);\n      if (lastElementForCallback === undefined) {\n        lastElementForCallback = new WeakMap();\n        lastElementForContextAndCallback.set(context, lastElementForCallback);\n      }\n      if (lastElementForCallback.get(this._ref) !== undefined) {\n        this._ref.call(this._context, undefined);\n      }\n      lastElementForCallback.set(this._ref, element);\n      // Call the ref with the new element value\n      if (element !== undefined) {\n        this._ref.call(this._context, element);\n      }\n    } else {\n      (this._ref as RefInternal)!.value = element;\n    }\n  }\n\n  private get _lastElementForRef() {\n    return typeof this._ref === 'function'\n      ? lastElementForContextAndCallback\n          .get(this._context ?? globalThis)\n          ?.get(this._ref)\n      : this._ref?.value;\n  }\n\n  override disconnected() {\n    // Only clear the box if our element is still the one in it (i.e. another\n    // directive instance hasn't rendered its element to it before us); that\n    // only happens in the event of the directive being cleared (not via manual\n    // disconnection)\n    if (this._lastElementForRef === this._element) {\n      this._updateRefValue(undefined);\n    }\n  }\n\n  override reconnected() {\n    // If we were manually disconnected, we can safely put our element back in\n    // the box, since no rendering could have occurred to change its state\n    this._updateRefValue(this._element);\n  }\n}\n\n/**\n * Sets the value of a Ref object or calls a ref callback with the element it's\n * bound to.\n *\n * A Ref object acts as a container for a reference to an element. A ref\n * callback is a function that takes an element as its only argument.\n *\n * The ref directive sets the value of the Ref object or calls the ref callback\n * during rendering, if the referenced element changed.\n *\n * Note: If a ref callback is rendered to a different element position or is\n * removed in a subsequent render, it will first be called with `undefined`,\n * followed by another call with the new element it was rendered to (if any).\n *\n * ```js\n * // Using Ref object\n * const inputRef = createRef();\n * render(html`<input ${ref(inputRef)}>`, container);\n * inputRef.value.focus();\n *\n * // Using callback\n * const callback = (inputElement) => inputElement.focus();\n * render(html`<input ${ref(callback)}>`, container);\n * ```\n */\nexport const ref = directive(RefDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RefDirective};\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input.scss';\nimport {ScwSingleInputLayoutActions}\n  from '../scw-single-input-layout/scw-single-input-layout';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {watch} from '../utils/watch';\nimport {ValidationTypes} from '../scw-validate/validationTypes';\nimport {ref, Ref, createRef} from 'lit/directives/ref.js';\nimport ScwInputField from '../scw-input-field/scw-input-field';\nimport {submitForm, FormMethods} from '../utils/submitForm';\n\nenum SingleInputTypes {\n  search = 'search',\n  email = 'email'\n}\n\n/**\n * ScwSingleInput\n * @class\n * @tag scw-single-input\n *\n * @event scw-submit - fires on valid or invalid submit (return or button).\n * detail is {value: this.value, validation: []}\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 ScwSingleInput extends ScwFormComponent {\n  /**\n  * styles\n  */\n   static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwSingleInputLayout : any;\n\n  /** scw-form with versioning suffix */\n  scwForm : any;\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInput;\n\n    const suffix = getSuffix();\n    this.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwSingleInputLayout = unsafeStatic(\n      `scw-${Components.singleInputLayout}${suffix}`,\n    );\n    this.scwForm = unsafeStatic(`scw-${Components.form}${suffix}`);\n  }\n\n  // ============== ScwSingleInput =============================================\n  /** scw-form reference */\n  scwInputRef: Ref<ScwInputField> = createRef();\n\n  /** (ScwSingleInput) the type of input, determines what types of icons and\n  * buttons show up on the input */\n  @property({type: SingleInputTypes})\n    type: SingleInputTypes = SingleInputTypes.search;\n\n  /** (ScwSingleInput) where to submit search, same as form */\n  @property({type: String})\n    action?: string;\n\n  /** (ScwSingleInput) how to submit search, same as form */\n  @property({type: String})\n    method: FormMethods = FormMethods.get;\n\n  /**\n  * Watching type to adjust validation rules\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('type')\n  typeWatcher(oldValue: string, newValue: string) {\n    if (newValue === SingleInputTypes.email) {\n      this.createAndAddValidationRule(ValidationTypes.required);\n      this.createAndAddValidationRule(ValidationTypes.email);\n    } else {\n      this.removeValidationRule(ValidationTypes.email);\n      this.removeValidationRule(ValidationTypes.required);\n    }\n  }\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: CustomEvent) {\n    this.value = evt.detail.value;\n  }\n\n  /**\n  * handles actions from layout\n  * @param {CustomEvent} evt\n  */\n  _layoutActionHandler(evt : CustomEvent) {\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightIcon) {\n      this.value = '';\n      evt.stopPropagation();\n      return;\n    }\n\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightAction) {\n      evt.stopPropagation();\n      this.submit();\n      return;\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      this.submit();\n    }\n  }\n\n  /** submit */\n  submit() {\n    if (this.action ) {\n      submitForm(\n        this.action,\n        {keys: this.value},\n        this.method,\n      );\n    }\n\n    emit(\n      ScwEvents.submit,\n      this,\n      {\n        validation: this.validate(),\n        data: {\n          value: this.value,\n        },\n      },\n    );\n  }\n\n  /**\n  * render core input filed\n  * @return {object} component DOM\n  */\n  renderInputField(): object {\n    return html`\n      <${this.scwInputField}\n        ${ref(this.scwInputRef)}\n        .value=${this.value}\n        .placeholder=${this.placeholder}\n        .name=${this.type}\n        @keyup=${this.checkForSubmit}\n        @scw-focus=${this._focusHandler}\n        @scw-blur=${this._blurHandler}\n        @scw-value-change=${this._valueChangeHandler}>\n      </${this.scwInputField}>\n    `;\n  }\n\n  /**\n  * render email type\n  * @return {object} component DOM\n  */\n  renderEmail(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-placeholder\"\n        left-action-icon=\"icon-placeholder\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render search type\n  * @return {object} component DOM\n  */\n  renderSearch(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-search\"\n        right-icon=\"icon-clear\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if ( this.type === SingleInputTypes.email) {\n      return html`${this.renderEmail()}`;\n    }\n    return this.renderSearch();\n  }\n}\n"],
-  "mappings": "o5BACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;qWCqIf,IAAMC,EAAiC,CACrCC,EACAC,IAAAA,CAAAA,IAAAA,EAAAA,EAEA,IAAMC,EAAWF,EAAOG,KACxB,GAAID,IAAJ,OACE,MAAA,GAEF,QAAWE,KAAOF,GAShBG,GAAAC,EAACF,GAA2D,QAT5CF,MAS4CK,IAAA,QAAAA,EAAA,KAAAC,EAC1DP,EAAAA,EACA,EAGFF,EAA+BK,EAAKH,CAAAA,EAEtC,MAAA,EAAW,EASPQ,EAAkCL,GAAAA,CACtC,IAAIJ,EAAQE,EACZ,EAAG,CACD,IAAKF,EAASI,EAAIM,QAAlB,OACE,MAEFR,EAAWF,EAAOG,KAClBD,EAASS,OAAOP,CAAAA,EAChBA,EAAMJ,CAAAA,QACCE,GAAAA,KAAAA,OAAAA,EAAUU,QAAS,EAAG,EAG3BC,EAA6BT,GAAAA,CAGjC,QAASJ,EAASA,EAASI,EAAIM,KAAWN,EAAMJ,EAAQ,CACtD,IAAIE,EAAWF,EAAOG,KACtB,GAAID,IAAJ,OACEF,EAAOG,KAA2BD,EAAW,IAAIY,YACxCZ,EAASa,IAAIX,CAAAA,EAGtB,MAEFF,EAASc,IAAIZ,CAAAA,EACba,EAAqBjB,CAAAA,CACtB,CAAA,EAUH,SAASkB,EAAyCC,EAAAA,CAC5CC,KAAKjB,OADuCgB,QAE9CV,EAA+BW,IAAAA,EAC/BA,KAAKV,KAAWS,EAChBN,EAA0BO,IAAAA,GAE1BA,KAAKV,KAAWS,CAEpB,CAuBA,SAASE,EAEPpB,EACAqB,EAAAA,GACAC,EAAgB,EAAA,CAEhB,IAAMC,EAAQJ,KAAKK,KACbvB,EAAWkB,KAAKjB,KACtB,GAAID,IAAJ,QAA8BA,EAASU,OAAS,EAGhD,GAAIU,EACF,GAAII,MAAMC,QAAQH,CAAAA,EAIhB,QAASI,EAAIL,EAAeK,EAAIJ,EAAMK,OAAQD,IAC5C7B,EAA+ByB,EAAMI,GAAAA,EAAI,EACzCnB,EAA+Be,EAAMI,EAAAA,OAE9BJ,GAAS,OAIlBzB,EAA+ByB,EAAAA,EAAyB,EACxDf,EAA+Be,CAAAA,QAGjCzB,EAA+BqB,KAAMnB,CAAAA,CAEzC,CAKA,IAAMgB,EAAwBb,GAAAA,CAAAA,IAAAA,EAAAA,EAAAA,EAAAA,EACvBA,EAAkB0B,MAAQC,EAASC,SACtC1B,GAAA2B,EAAC7B,GAAkB8B,QADmBF,MACnBE,IAAAA,SAAAA,EAAAA,KACjBb,IACFhB,GAAA8B,EAAC/B,GAAkBgC,QADjBf,MACiBe,IAAAA,SAAAA,EAAAA,KAA8BlB,GAClD,EAoBmBmB,EAAhB,cAAuCC,CAAAA,CAA7CC,aAAAA,CAAAA,MAAAA,GAAAA,SAAAA,EAYWnB,KAAwBjB,KAAAA,MAgFlC,CAzEUqC,KACPC,EACAzC,EACA0C,EAAAA,CAEAC,MAAMH,KAAaC,EAAMzC,EAAQ0C,CAAAA,EACjC7B,EAA0BO,IAAAA,EAC1BA,KAAKnB,YAAcwC,EAAKG,IACzB,CAcQC,KACP5C,EACA6C,EAAAA,GAAsB,CAAA,IAAA,EAAAC,EAElB9C,IAAgBmB,KAAKnB,cACvBmB,KAAKnB,YAAcA,EACfA,GACFK,EAAAc,KAAK4B,eAAW,MAAA1C,IAAX0C,QAAW1C,EAAA2C,KAAA7B,IAAAA,GAEhBf,EAAAe,KAAK8B,gBAAY,MAAA7C,IAAZ6C,QAAY7C,EAAA4C,KAAA7B,IAAAA,GAGjB0B,IACF/C,EAA+BqB,KAAMnB,CAAAA,EACrCQ,EAA+BW,IAAAA,EAElC,CAYD+B,SAAS3B,EAAAA,CACP,GAAI4B,EAAmBhC,KAAKiC,IAAAA,EAC1BjC,KAAKiC,KAAOC,KAAW9B,EAAOJ,IAAAA,MACzB,CAML,IAAMmC,EAAY,CAAA,GAAKnC,KAAKiC,KAAO5B,IAAAA,EACnC8B,EAAUnC,KAAKoC,MAAqBhC,EACnCJ,KAAKiC,KAAyBC,KAAWC,EAAWnC,KAAM,CAAA,CAC5D,CACF,CAQS8B,cAAAA,CAAiB,CACjBF,aAAAA,CAAgB,CAAA,ECtXf,IAAAS,EAAY,IAAmB,IAAIC,EAK1CA,EAAN,KAAMA,CAAAA,EAmBAC,EAGF,IAAIC,QA+GKC,EAAMC,EA3GnB,cAA2BC,CAAAA,CAKzBC,OAAOC,EAAAA,CACL,OAAOC,CACR,CAEQC,OAAOC,EAAAA,CAAoBP,CAAAA,EAAAA,CAAAA,IAAAA,EAClC,IAAMQ,EAAaR,IAAQS,KAAKL,EAahC,OAZII,GAAcC,KAAKL,IAAnBI,QAGFC,KAAKC,GAAAA,MAAgBC,GAEnBH,GAAcC,KAAKG,KAAuBH,KAAKI,MAGjDJ,KAAKL,EAAOJ,EACZS,KAAKK,IAAWC,EAAAR,EAAKS,WAAS,MAAAD,IAATC,OAASD,OAAAA,EAAAE,KAC9BR,KAAKC,GAAiBD,KAAKI,GAAWN,EAAKW,OAAAA,GAEtCb,CACR,CAEOK,GAAgBQ,EAAAA,CAAAA,IAAAA,EACtB,GAAyB,OAAdT,KAAKL,GAAS,WAAY,CAUnC,IAAMe,GAAUJ,EAAAN,KAAKK,MAAQ,MAAAC,IAARD,OAAQC,EAAIK,WAC7BC,EACFvB,EAAiCwB,IAAIH,CAAAA,EACnCE,IADmCF,SAErCE,EAAyB,IAAItB,QAC7BD,EAAiCyB,IAAIJ,EAASE,CAAAA,GAE5CA,EAAuBC,IAAIb,KAAKL,CAAAA,IAFYiB,QAG9CZ,KAAKL,EAAKoB,KAAKf,KAAKK,GAAAA,MAAUH,EAEhCU,EAAuBE,IAAId,KAAKL,EAAMc,CAAAA,EAElCA,IAFkCA,QAGpCT,KAAKL,EAAKoB,KAAKf,KAAKK,GAAUI,CAAAA,CAEjC,MACET,KAAKL,EAAsBqB,MAAQP,CAEvC,CAEWN,IAAAA,IAAAA,CAAAA,IAAAA,EAAAA,EAAAA,EACV,OAA4B,OAAdH,KAAKL,GAAS,YAEWsB,EADnC5B,EACGwB,KAAIP,EAAAN,KAAKK,MAAY,MAAAC,IAAZD,OAAYC,EAAAK,UAAAA,KAAW,MAAAO,IAAXP,OAAWO,OAAAA,EAC/BL,IAAIb,KAAKL,CAAAA,GACbwB,EAAAnB,KAAKL,KAAI,MAAAwB,IAAJxB,OAAIwB,OAAAA,EAAEH,KAChB,CAEQI,cAAAA,CAKHpB,KAAKG,KAAuBH,KAAKI,IACnCJ,KAAKC,GAAAA,MAAgBC,CAExB,CAEQmB,aAAAA,CAGPrB,KAAKC,GAAgBD,KAAKI,EAAAA,CAC3B,CAAA,CAAA,ECzGH,IAAKkB,OACHA,EAAA,OAAS,SACTA,EAAA,MAAQ,QAFLA,OAAA,IAiBgBC,EAArB,cAA4CC,CAAiB,CAqB3D,aAAc,CACZ,MAAM,EAaR,iBAAkCC,EAAU,EAK1C,UAAyB,SAQzB,kBAzBA,KAAK,uBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,cAAgBC,EAAa,uBAA+BF,GAAQ,EACzE,KAAK,qBAAuBE,EAC1B,+BAAsCF,GACxC,EACA,KAAK,QAAUE,EAAa,gBAAyBF,GAAQ,CAC/D,CA3BC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CA+CA,YAAYC,EAAkBC,EAAkB,CAC1CA,IAAa,SACf,KAAK,qCAAmD,EACxD,KAAK,kCAAgD,IAErD,KAAK,4BAA0C,EAC/C,KAAK,+BAA6C,EAEtD,CAKA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBC,EAAkB,CACpC,KAAK,MAAQA,EAAI,OAAO,KAC1B,CAMA,qBAAqBA,EAAmB,CACtC,GAAKA,EAAI,OAAO,sBAAkD,CAChE,KAAK,MAAQ,GACbA,EAAI,gBAAgB,EACpB,MACF,CAEA,GAAKA,EAAI,OAAO,wBAAoD,CAClEA,EAAI,gBAAgB,EACpB,KAAK,OAAO,EACZ,MACF,CACF,CAMA,eAAeA,EAAoB,CAC7BA,EAAI,MAAQ,SACd,KAAK,OAAO,CAEhB,CAGA,QAAS,CACH,KAAK,QACPC,EACE,KAAK,OACL,CAAC,KAAM,KAAK,KAAK,EACjB,KAAK,MACP,EAGFC,eAEE,KACA,CACE,WAAY,KAAK,SAAS,EAC1B,KAAM,CACJ,MAAO,KAAK,KACd,CACF,CACF,CACF,CAMA,kBAA2B,CACzB,OAAOC;AAAA,SACF,KAAK;AAAA,UACJA,EAAI,KAAK,WAAW;AAAA,iBACb,KAAK;AAAA,uBACC,KAAK;AAAA,gBACZ,KAAK;AAAA,iBACJ,KAAK;AAAA,qBACD,KAAK;AAAA,oBACN,KAAK;AAAA,4BACG,KAAK;AAAA,UACvB,KAAK;AAAA,KAEb,CAMA,aAAsB,CACpB,OAAOA;AAAA,SACF,KAAK;AAAA,qBACO,KAAK;AAAA;AAAA;AAAA,mBAGP,KAAK;AAAA,mBACL,KAAK;AAAA,sBACF,KAAK;AAAA,UACjB,KAAK,iBAAiB;AAAA,UACtB,KAAK;AAAA;AAAA,KAGb,CAMA,cAAuB,CACrB,OAAOA;AAAA,SACF,KAAK;AAAA,qBACO,KAAK;AAAA;AAAA;AAAA,mBAGP,KAAK;AAAA,mBACL,KAAK;AAAA,sBACF,KAAK;AAAA,UACjB,KAAK,iBAAiB;AAAA,UACtB,KAAK;AAAA;AAAA,KAGb,CAMA,QAAiB,CACf,OAAK,KAAK,OAAS,QACVA,IAAO,KAAK,YAAY,IAE1B,KAAK,aAAa,CAC3B,CACF,EAtKIC,EAAA,CADDX,EAAS,CAAC,KAAMH,CAAgB,CAAC,GAvCfC,EAwCjB,oBAIAa,EAAA,CADDX,EAAS,CAAC,KAAM,MAAM,CAAC,GA3CLF,EA4CjB,sBAIAa,EAAA,CADDX,EAAS,CAAC,KAAM,MAAM,CAAC,GA/CLF,EAgDjB,sBAQFa,EAAA,CADCC,EAAM,MAAM,GAvDMd,EAwDnB",
-  "names": ["scw_single_input_default", "r", "notifyChildrenConnectedChanged", "parent", "isConnected", "children", "_$disconnectableChildren", "obj", "_b", "_a", "o", "s", "removeDisconnectableFromParent", "_$parent", "delete", "size", "addDisconnectableToParent", "Set", "has", "add", "installDisconnectAPI", "reparentDisconnectables", "newParent", "this", "notifyChildPartConnectedChanged", "isClearingValue", "fromPartIndex", "value", "_$committedValue", "Array", "isArray", "i", "length", "type", "PartType", "CHILD", "_c", "_$notifyConnectionChanged", "_d", "_$reparentDisconnectables", "AsyncDirective", "Directive", "constructor", "_$initialize", "part", "attributeIndex", "super", "_$isConnected", "_$AO", "isClearingDirective", "n", "reconnected", "call", "disconnected", "setValue", "isSingleExpression", "__part", "_$setValue", "newValues", "__attributeIndex", "createRef", "Ref", "lastElementForContextAndCallback", "WeakMap", "ref", "directive", "AsyncDirective", "render", "_ref", "nothing", "update", "part", "refChanged", "this", "_updateRefValue", "undefined", "_lastElementForRef", "_element", "_context", "_a", "options", "host", "element", "context", "globalThis", "lastElementForCallback", "get", "set", "call", "value", "t", "_b", "_c", "disconnected", "reconnected", "SingleInputTypes", "ScwSingleInput", "ScwFormComponent", "e", "suffix", "getSuffix", "o", "scw_single_input_default", "oldValue", "newValue", "evt", "submitForm", "emit", "n", "__decorateClass", "watch"]
+  "sources": ["../../src/scw-single-input/scss/scw-single-input.scss", "../../node_modules/lit-html/src/async-directive.ts", "../../node_modules/lit-html/src/directives/ref.ts", "../../src/scw-single-input/scw-single-input.ts"],
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zaW5nbGUtaW5wdXQvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNpbmdsZS1pbnB1dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0UifQ== */`;\n", "/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\n/**\n * Overview:\n *\n * This module is designed to add support for an async `setValue` API and\n * `disconnected` callback to directives with the least impact on the core\n * runtime or payload when that feature is not used.\n *\n * The strategy is to introduce a `AsyncDirective` subclass of\n * `Directive` that climbs the \"parent\" tree in its constructor to note which\n * branches of lit-html's \"logical tree\" of data structures contain such\n * directives and thus need to be crawled when a subtree is being cleared (or\n * manually disconnected) in order to run the `disconnected` callback.\n *\n * The \"nodes\" of the logical tree include Parts, TemplateInstances (for when a\n * TemplateResult is committed to a value of a ChildPart), and Directives; these\n * all implement a common interface called `DisconnectableChild`. Each has a\n * `_$parent` reference which is set during construction in the core code, and a\n * `_$disconnectableChildren` field which is initially undefined.\n *\n * The sparse tree created by means of the `AsyncDirective` constructor\n * crawling up the `_$parent` tree and placing a `_$disconnectableChildren` Set\n * on each parent that includes each child that contains a\n * `AsyncDirective` directly or transitively via its children. In order to\n * notify connection state changes and disconnect (or reconnect) a tree, the\n * `_$notifyConnectionChanged` API is patched onto ChildParts as a directive\n * climbs the parent tree, which is called by the core when clearing a part if\n * it exists. When called, that method iterates over the sparse tree of\n * Set<DisconnectableChildren> built up by AsyncDirectives, and calls\n * `_$notifyDirectiveConnectionChanged` on any directives that are encountered\n * in that tree, running the required callbacks.\n *\n * A given \"logical tree\" of lit-html data-structures might look like this:\n *\n *  ChildPart(N1) _$dC=[D2,T3]\n *   ._directive\n *     AsyncDirective(D2)\n *   ._value // user value was TemplateResult\n *     TemplateInstance(T3) _$dC=[A4,A6,N10,N12]\n *      ._parts[]\n *        AttributePart(A4) _$dC=[D5]\n *         ._directives[]\n *           AsyncDirective(D5)\n *        AttributePart(A6) _$dC=[D7,D8]\n *         ._directives[]\n *           AsyncDirective(D7)\n *           Directive(D8) _$dC=[D9]\n *            ._directive\n *              AsyncDirective(D9)\n *        ChildPart(N10) _$dC=[D11]\n *         ._directive\n *           AsyncDirective(D11)\n *         ._value\n *           string\n *        ChildPart(N12) _$dC=[D13,N14,N16]\n *         ._directive\n *           AsyncDirective(D13)\n *         ._value // user value was iterable\n *           Array<ChildPart>\n *             ChildPart(N14) _$dC=[D15]\n *              ._value\n *                string\n *             ChildPart(N16) _$dC=[D17,T18]\n *              ._directive\n *                AsyncDirective(D17)\n *              ._value // user value was TemplateResult\n *                TemplateInstance(T18) _$dC=[A19,A21,N25]\n *                 ._parts[]\n *                   AttributePart(A19) _$dC=[D20]\n *                    ._directives[]\n *                      AsyncDirective(D20)\n *                   AttributePart(A21) _$dC=[22,23]\n *                    ._directives[]\n *                      AsyncDirective(D22)\n *                      Directive(D23) _$dC=[D24]\n *                       ._directive\n *                         AsyncDirective(D24)\n *                   ChildPart(N25) _$dC=[D26]\n *                    ._directive\n *                      AsyncDirective(D26)\n *                    ._value\n *                      string\n *\n * Example 1: The directive in ChildPart(N12) updates and returns `nothing`. The\n * ChildPart will _clear() itself, and so we need to disconnect the \"value\" of\n * the ChildPart (but not its directive). In this case, when `_clear()` calls\n * `_$notifyConnectionChanged()`, we don't iterate all of the\n * _$disconnectableChildren, rather we do a value-specific disconnection: i.e.\n * since the _value was an Array<ChildPart> (because an iterable had been\n * committed), we iterate the array of ChildParts (N14, N16) and run\n * `setConnected` on them (which does recurse down the full tree of\n * `_$disconnectableChildren` below it, and also removes N14 and N16 from N12's\n * `_$disconnectableChildren`). Once the values have been disconnected, we then\n * check whether the ChildPart(N12)'s list of `_$disconnectableChildren` is empty\n * (and would remove it from its parent TemplateInstance(T3) if so), but since\n * it would still contain its directive D13, it stays in the disconnectable\n * tree.\n *\n * Example 2: In the course of Example 1, `setConnected` will reach\n * ChildPart(N16); in this case the entire part is being disconnected, so we\n * simply iterate all of N16's `_$disconnectableChildren` (D17,T18) and\n * recursively run `setConnected` on them. Note that we only remove children\n * from `_$disconnectableChildren` for the top-level values being disconnected\n * on a clear; doing this bookkeeping lower in the tree is wasteful since it's\n * all being thrown away.\n *\n * Example 3: If the LitElement containing the entire tree above becomes\n * disconnected, it will run `childPart.setConnected()` (which calls\n * `childPart._$notifyConnectionChanged()` if it exists); in this case, we\n * recursively run `setConnected()` over the entire tree, without removing any\n * children from `_$disconnectableChildren`, since this tree is required to\n * re-connect the tree, which does the same operation, simply passing\n * `isConnected: true` down the tree, signaling which callback to run.\n */\n\nimport {AttributePart, ChildPart, Disconnectable, Part} from './lit-html.js';\nimport {isSingleExpression} from './directive-helpers.js';\nimport {Directive, PartInfo, PartType} from './directive.js';\nexport * from './directive.js';\n\nconst DEV_MODE = true;\n\n/**\n * Recursively walks down the tree of Parts/TemplateInstances/Directives to set\n * the connected state of directives and run `disconnected`/ `reconnected`\n * callbacks.\n *\n * @return True if there were children to disconnect; false otherwise\n */\nconst notifyChildrenConnectedChanged = (\n  parent: Disconnectable,\n  isConnected: boolean\n): boolean => {\n  const children = parent._$disconnectableChildren;\n  if (children === undefined) {\n    return false;\n  }\n  for (const obj of children) {\n    // The existence of `_$notifyDirectiveConnectionChanged` is used as a \"brand\" to\n    // disambiguate AsyncDirectives from other DisconnectableChildren\n    // (as opposed to using an instanceof check to know when to call it); the\n    // redundancy of \"Directive\" in the API name is to avoid conflicting with\n    // `_$notifyConnectionChanged`, which exists `ChildParts` which are also in\n    // this list\n    // Disconnect Directive (and any nested directives contained within)\n    // This property needs to remain unminified.\n    (obj as AsyncDirective)['_$notifyDirectiveConnectionChanged']?.(\n      isConnected,\n      false\n    );\n    // Disconnect Part/TemplateInstance\n    notifyChildrenConnectedChanged(obj, isConnected);\n  }\n  return true;\n};\n\n/**\n * Removes the given child from its parent list of disconnectable children, and\n * if the parent list becomes empty as a result, removes the parent from its\n * parent, and so forth up the tree when that causes subsequent parent lists to\n * become empty.\n */\nconst removeDisconnectableFromParent = (obj: Disconnectable) => {\n  let parent, children;\n  do {\n    if ((parent = obj._$parent) === undefined) {\n      break;\n    }\n    children = parent._$disconnectableChildren!;\n    children.delete(obj);\n    obj = parent;\n  } while (children?.size === 0);\n};\n\nconst addDisconnectableToParent = (obj: Disconnectable) => {\n  // Climb the parent tree, creating a sparse tree of children needing\n  // disconnection\n  for (let parent; (parent = obj._$parent); obj = parent) {\n    let children = parent._$disconnectableChildren;\n    if (children === undefined) {\n      parent._$disconnectableChildren = children = new Set();\n    } else if (children.has(obj)) {\n      // Once we've reached a parent that already contains this child, we\n      // can short-circuit\n      break;\n    }\n    children.add(obj);\n    installDisconnectAPI(parent);\n  }\n};\n\n/**\n * Changes the parent reference of the ChildPart, and updates the sparse tree of\n * Disconnectable children accordingly.\n *\n * Note, this method will be patched onto ChildPart instances and called from\n * the core code when parts are moved between different parents.\n */\nfunction reparentDisconnectables(this: ChildPart, newParent: Disconnectable) {\n  if (this._$disconnectableChildren !== undefined) {\n    removeDisconnectableFromParent(this);\n    this._$parent = newParent;\n    addDisconnectableToParent(this);\n  } else {\n    this._$parent = newParent;\n  }\n}\n\n/**\n * Sets the connected state on any directives contained within the committed\n * value of this part (i.e. within a TemplateInstance or iterable of\n * ChildParts) and runs their `disconnected`/`reconnected`s, as well as within\n * any directives stored on the ChildPart (when `valueOnly` is false).\n *\n * `isClearingValue` should be passed as `true` on a top-level part that is\n * clearing itself, and not as a result of recursively disconnecting directives\n * as part of a `clear` operation higher up the tree. This both ensures that any\n * directive on this ChildPart that produced a value that caused the clear\n * operation is not disconnected, and also serves as a performance optimization\n * to avoid needless bookkeeping when a subtree is going away; when clearing a\n * subtree, only the top-most part need to remove itself from the parent.\n *\n * `fromPartIndex` is passed only in the case of a partial `_clear` running as a\n * result of truncating an iterable.\n *\n * Note, this method will be patched onto ChildPart instances and called from the\n * core code when parts are cleared or the connection state is changed by the\n * user.\n */\nfunction notifyChildPartConnectedChanged(\n  this: ChildPart,\n  isConnected: boolean,\n  isClearingValue = false,\n  fromPartIndex = 0\n) {\n  const value = this._$committedValue;\n  const children = this._$disconnectableChildren;\n  if (children === undefined || children.size === 0) {\n    return;\n  }\n  if (isClearingValue) {\n    if (Array.isArray(value)) {\n      // Iterable case: Any ChildParts created by the iterable should be\n      // disconnected and removed from this ChildPart's disconnectable\n      // children (starting at `fromPartIndex` in the case of truncation)\n      for (let i = fromPartIndex; i < value.length; i++) {\n        notifyChildrenConnectedChanged(value[i], false);\n        removeDisconnectableFromParent(value[i]);\n      }\n    } else if (value != null) {\n      // TemplateInstance case: If the value has disconnectable children (will\n      // only be in the case that it is a TemplateInstance), we disconnect it\n      // and remove it from this ChildPart's disconnectable children\n      notifyChildrenConnectedChanged(value as Disconnectable, false);\n      removeDisconnectableFromParent(value as Disconnectable);\n    }\n  } else {\n    notifyChildrenConnectedChanged(this, isConnected);\n  }\n}\n\n/**\n * Patches disconnection API onto ChildParts.\n */\nconst installDisconnectAPI = (obj: Disconnectable) => {\n  if ((obj as ChildPart).type == PartType.CHILD) {\n    (obj as ChildPart)._$notifyConnectionChanged ??=\n      notifyChildPartConnectedChanged;\n    (obj as ChildPart)._$reparentDisconnectables ??= reparentDisconnectables;\n  }\n};\n\n/**\n * An abstract `Directive` base class whose `disconnected` method will be\n * called when the part containing the directive is cleared as a result of\n * re-rendering, or when the user calls `part.setConnected(false)` on\n * a part that was previously rendered containing the directive (as happens\n * when e.g. a LitElement disconnects from the DOM).\n *\n * If `part.setConnected(true)` is subsequently called on a\n * containing part, the directive's `reconnected` method will be called prior\n * to its next `update`/`render` callbacks. When implementing `disconnected`,\n * `reconnected` should also be implemented to be compatible with reconnection.\n *\n * Note that updates may occur while the directive is disconnected. As such,\n * directives should generally check the `this.isConnected` flag during\n * render/update to determine whether it is safe to subscribe to resources\n * that may prevent garbage collection.\n */\nexport abstract class AsyncDirective extends Directive {\n  // As opposed to other Disconnectables, AsyncDirectives always get notified\n  // when the RootPart connection changes, so the public `isConnected`\n  // is a locally stored variable initialized via its part's getter and synced\n  // via `_$notifyDirectiveConnectionChanged`. This is cheaper than using\n  // the _$isConnected getter, which has to look back up the tree each time.\n  /**\n   * The connection state for this Directive.\n   */\n  isConnected!: boolean;\n\n  // @internal\n  override _$disconnectableChildren?: Set<Disconnectable> = undefined;\n  /**\n   * Initialize the part with internal fields\n   * @param part\n   * @param parent\n   * @param attributeIndex\n   */\n  override _$initialize(\n    part: Part,\n    parent: Disconnectable,\n    attributeIndex: number | undefined\n  ) {\n    super._$initialize(part, parent, attributeIndex);\n    addDisconnectableToParent(this);\n    this.isConnected = part._$isConnected;\n  }\n  // This property needs to remain unminified.\n  /**\n   * Called from the core code when a directive is going away from a part (in\n   * which case `shouldRemoveFromParent` should be true), and from the\n   * `setChildrenConnected` helper function when recursively changing the\n   * connection state of a tree (in which case `shouldRemoveFromParent` should\n   * be false).\n   *\n   * @param isConnected\n   * @param isClearingDirective - True when the directive itself is being\n   *     removed; false when the tree is being disconnected\n   * @internal\n   */\n  override ['_$notifyDirectiveConnectionChanged'](\n    isConnected: boolean,\n    isClearingDirective = true\n  ) {\n    if (isConnected !== this.isConnected) {\n      this.isConnected = isConnected;\n      if (isConnected) {\n        this.reconnected?.();\n      } else {\n        this.disconnected?.();\n      }\n    }\n    if (isClearingDirective) {\n      notifyChildrenConnectedChanged(this, isConnected);\n      removeDisconnectableFromParent(this);\n    }\n  }\n\n  /**\n   * Sets the value of the directive's Part outside the normal `update`/`render`\n   * lifecycle of a directive.\n   *\n   * This method should not be called synchronously from a directive's `update`\n   * or `render`.\n   *\n   * @param directive The directive to update\n   * @param value The value to set\n   */\n  setValue(value: unknown) {\n    if (isSingleExpression(this.__part as unknown as PartInfo)) {\n      this.__part._$setValue(value, this);\n    } else {\n      // this.__attributeIndex will be defined in this case, but\n      // assert it in dev mode\n      if (DEV_MODE && this.__attributeIndex === undefined) {\n        throw new Error(`Expected this.__attributeIndex to be a number`);\n      }\n      const newValues = [...(this.__part._$committedValue as Array<unknown>)];\n      newValues[this.__attributeIndex!] = value;\n      (this.__part as AttributePart)._$setValue(newValues, this, 0);\n    }\n  }\n\n  /**\n   * User callbacks for implementing logic to release any resources/subscriptions\n   * that may have been retained by this directive. Since directives may also be\n   * re-connected, `reconnected` should also be implemented to restore the\n   * working state of the directive prior to the next render.\n   */\n  protected disconnected() {}\n  protected reconnected() {}\n}\n", "/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nimport {nothing, ElementPart} from '../lit-html.js';\nimport {directive, AsyncDirective} from '../async-directive.js';\n\n/**\n * Creates a new Ref object, which is container for a reference to an element.\n */\nexport const createRef = <T = Element>() => new Ref<T>();\n\n/**\n * An object that holds a ref value.\n */\nclass Ref<T = Element> {\n  /**\n   * The current Element value of the ref, or else `undefined` if the ref is no\n   * longer rendered.\n   */\n  readonly value?: T;\n}\n\nexport type {Ref};\n\ninterface RefInternal {\n  value: Element | undefined;\n}\n\n// When callbacks are used for refs, this map tracks the last value the callback\n// was called with, for ensuring a directive doesn't clear the ref if the ref\n// has already been rendered to a new spot. It is double-keyed on both the\n// context (`options.host`) and the callback, since we auto-bind class methods\n// to `options.host`.\nconst lastElementForContextAndCallback: WeakMap<\n  object,\n  WeakMap<Function, Element | undefined>\n> = new WeakMap();\n\nexport type RefOrCallback = Ref | ((el: Element | undefined) => void);\n\nclass RefDirective extends AsyncDirective {\n  private _element?: Element;\n  private _ref?: RefOrCallback;\n  private _context?: object;\n\n  render(_ref: RefOrCallback) {\n    return nothing;\n  }\n\n  override update(part: ElementPart, [ref]: Parameters<this['render']>) {\n    const refChanged = ref !== this._ref;\n    if (refChanged && this._ref !== undefined) {\n      // The ref passed to the directive has changed;\n      // unset the previous ref's value\n      this._updateRefValue(undefined);\n    }\n    if (refChanged || this._lastElementForRef !== this._element) {\n      // We either got a new ref or this is the first render;\n      // store the ref/element & update the ref value\n      this._ref = ref;\n      this._context = part.options?.host;\n      this._updateRefValue((this._element = part.element));\n    }\n    return nothing;\n  }\n\n  private _updateRefValue(element: Element | undefined) {\n    if (typeof this._ref === 'function') {\n      // If the current ref was called with a previous value, call with\n      // `undefined`; We do this to ensure callbacks are called in a consistent\n      // way regardless of whether a ref might be moving up in the tree (in\n      // which case it would otherwise be called with the new value before the\n      // previous one unsets it) and down in the tree (where it would be unset\n      // before being set). Note that element lookup is keyed by\n      // both the context and the callback, since we allow passing unbound\n      // functions that are called on options.host, and we want to treat\n      // these as unique \"instances\" of a function.\n      const context = this._context ?? globalThis;\n      let lastElementForCallback =\n        lastElementForContextAndCallback.get(context);\n      if (lastElementForCallback === undefined) {\n        lastElementForCallback = new WeakMap();\n        lastElementForContextAndCallback.set(context, lastElementForCallback);\n      }\n      if (lastElementForCallback.get(this._ref) !== undefined) {\n        this._ref.call(this._context, undefined);\n      }\n      lastElementForCallback.set(this._ref, element);\n      // Call the ref with the new element value\n      if (element !== undefined) {\n        this._ref.call(this._context, element);\n      }\n    } else {\n      (this._ref as RefInternal)!.value = element;\n    }\n  }\n\n  private get _lastElementForRef() {\n    return typeof this._ref === 'function'\n      ? lastElementForContextAndCallback\n          .get(this._context ?? globalThis)\n          ?.get(this._ref)\n      : this._ref?.value;\n  }\n\n  override disconnected() {\n    // Only clear the box if our element is still the one in it (i.e. another\n    // directive instance hasn't rendered its element to it before us); that\n    // only happens in the event of the directive being cleared (not via manual\n    // disconnection)\n    if (this._lastElementForRef === this._element) {\n      this._updateRefValue(undefined);\n    }\n  }\n\n  override reconnected() {\n    // If we were manually disconnected, we can safely put our element back in\n    // the box, since no rendering could have occurred to change its state\n    this._updateRefValue(this._element);\n  }\n}\n\n/**\n * Sets the value of a Ref object or calls a ref callback with the element it's\n * bound to.\n *\n * A Ref object acts as a container for a reference to an element. A ref\n * callback is a function that takes an element as its only argument.\n *\n * The ref directive sets the value of the Ref object or calls the ref callback\n * during rendering, if the referenced element changed.\n *\n * Note: If a ref callback is rendered to a different element position or is\n * removed in a subsequent render, it will first be called with `undefined`,\n * followed by another call with the new element it was rendered to (if any).\n *\n * ```js\n * // Using Ref object\n * const inputRef = createRef();\n * render(html`<input ${ref(inputRef)}>`, container);\n * inputRef.value.focus();\n *\n * // Using callback\n * const callback = (inputElement) => inputElement.focus();\n * render(html`<input ${ref(callback)}>`, container);\n * ```\n */\nexport const ref = directive(RefDirective);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type {RefDirective};\n", "import {property} from 'lit/decorators.js';\nimport {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-single-input.scss';\nimport {ScwSingleInputLayoutActions}\n  from '../scw-single-input-layout/scw-single-input-layout';\nimport {emit, ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {watch} from '../utils/watch';\nimport {ValidationTypes} from '../scw-validate/validationTypes';\nimport {ref, Ref, createRef} from 'lit/directives/ref.js';\nimport ScwInputField from '../scw-input-field/scw-input-field';\nimport {submitForm, FormMethods} from '../utils/submitForm';\n\nenum SingleInputTypes {\n  search = 'search',\n  email = 'email'\n}\n\n/**\n * ScwSingleInput\n * @class\n * @tag scw-single-input\n *\n * @event scw-submit - fires on valid or invalid submit (return or button).\n * detail is {value: this.value, validation: []}\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 ScwSingleInput extends ScwFormComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwSingleInputLayout : any;\n\n  /** scw-form with versioning suffix */\n  scwForm : any;\n\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.singleInput;\n\n    const suffix = getSuffix();\n    this.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwSingleInputLayout = unsafeStatic(\n        `scw-${Components.singleInputLayout}${suffix}`,\n    );\n    this.scwForm = unsafeStatic(`scw-${Components.form}${suffix}`);\n  }\n\n  // ============== ScwSingleInput =============================================\n  /** scw-form reference */\n  scwInputRef: Ref<ScwInputField> = createRef();\n\n  /** (ScwSingleInput) the type of input, determines what types of icons and\n  * buttons show up on the input */\n  @property({type: SingleInputTypes})\n    type: SingleInputTypes = SingleInputTypes.search;\n\n  /** (ScwSingleInput) where to submit search, same as form */\n  @property({type: String})\n    action?: string;\n\n  /** (ScwSingleInput) how to submit search, same as form */\n  @property({type: String})\n    method: FormMethods = FormMethods.get;\n\n  /**\n  * Watching type to adjust validation rules\n  * @param {string} oldValue\n  * @param {string} newValue\n  */\n  @watch('type')\n  typeWatcher(oldValue: string, newValue: string) {\n    if (newValue === SingleInputTypes.email) {\n      this.createAndAddValidationRule(ValidationTypes.required);\n      this.createAndAddValidationRule(ValidationTypes.email);\n    } else {\n      this.removeValidationRule(ValidationTypes.email);\n      this.removeValidationRule(ValidationTypes.required);\n    }\n  }\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: CustomEvent) {\n    this.value = evt.detail.value;\n  }\n\n  /**\n  * handles actions from layout\n  * @param {CustomEvent} evt\n  */\n  _layoutActionHandler(evt : CustomEvent) {\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightIcon) {\n      this.value = '';\n      evt.stopPropagation();\n      return;\n    }\n\n    if ( evt.detail.action === ScwSingleInputLayoutActions.rightAction) {\n      evt.stopPropagation();\n      this.submit();\n      return;\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      this.submit();\n    }\n  }\n\n  /** submit */\n  submit() {\n    if (this.action ) {\n      submitForm(\n          this.action,\n          {keys: this.value},\n          this.method,\n      );\n    }\n\n    emit(\n        ScwEvents.submit,\n        this,\n        {\n          validation: this.validate(),\n          data: {\n            value: this.value,\n          },\n        },\n    );\n  }\n\n  /**\n  * render core input filed\n  * @return {object} component DOM\n  */\n  renderInputField(): object {\n    return html`\n      <${this.scwInputField}\n        ${ref(this.scwInputRef)}\n        .value=${this.value}\n        .placeholder=${this.placeholder}\n        .name=${this.type}\n        @keyup=${this.checkForSubmit}\n        @scw-focus=${this._focusHandler}\n        @scw-blur=${this._blurHandler}\n        @scw-value-change=${this._valueChangeHandler}>\n      </${this.scwInputField}>\n    `;\n  }\n\n  /**\n  * render email type\n  * @return {object} component DOM\n  */\n  renderEmail(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-placeholder\"\n        left-action-icon=\"icon-placeholder\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render search type\n  * @return {object} component DOM\n  */\n  renderSearch(): object {\n    return html`\n      <${this.scwSingleInputLayout}\n        .feedback=\"${this.feedback}\"\n        right-action-icon=\"icon-search\"\n        right-icon=\"icon-clear\"\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}\n        @scw-action=${this._layoutActionHandler}>\n        ${this.renderInputField()}\n      </${this.scwSingleInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    if ( this.type === SingleInputTypes.email) {\n      return html`${this.renderEmail()}`;\n    }\n    return this.renderSearch();\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["scw_single_input_default", "i", "notifyChildrenConnectedChanged", "parent", "isConnected", "children", "_$disconnectableChildren", "obj", "_b", "_a", "o", "e", "removeDisconnectableFromParent", "_$parent", "delete", "size", "addDisconnectableToParent", "Set", "has", "add", "installDisconnectAPI", "reparentDisconnectables", "newParent", "this", "notifyChildPartConnectedChanged", "isClearingValue", "fromPartIndex", "value", "_$committedValue", "Array", "isArray", "i", "length", "type", "PartType", "CHILD", "_c", "_$notifyConnectionChanged", "_d", "_$reparentDisconnectables", "AsyncDirective", "Directive", "constructor", "_$initialize", "part", "attributeIndex", "super", "_$isConnected", "_$AO", "isClearingDirective", "r", "reconnected", "call", "disconnected", "setValue", "isSingleExpression", "__part", "_$setValue", "newValues", "__attributeIndex", "createRef", "Ref", "lastElementForContextAndCallback", "WeakMap", "ref", "directive", "AsyncDirective", "render", "_ref", "nothing", "update", "part", "refChanged", "this", "_updateRefValue", "undefined", "_lastElementForRef", "_element", "_context", "_a", "options", "host", "element", "context", "globalThis", "lastElementForCallback", "get", "set", "call", "value", "t", "_b", "_c", "disconnected", "reconnected", "SingleInputTypes", "ScwSingleInput", "ScwFormComponent", "e", "suffix", "getSuffix", "o", "scw_single_input_default", "oldValue", "newValue", "evt", "submitForm", "emit", "n", "__decorateClass", "watch"]
 }

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

@@ -1,2 +1,2 @@
-import{a,b}from"../chunks/chunk.TAIV7XKZ.js";import"../chunks/chunk.B7II36CO.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwSingleInputLayoutActions,b as default};
+import{a,b}from"../chunks/chunk.D4A5FFB3.js";import"../chunks/chunk.2T4VPIKP.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as ScwSingleInputLayoutActions,b as default};
 //# sourceMappingURL=scw-single-input-layout.js.map

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

@@ -1,2 +1,2 @@
-import{a as o}from"../chunks/chunk.4LJQJY4M.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";var e=class extends o{};export{e as default};
+import{a as o}from"../chunks/chunk.TCNCQW36.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";var e=class extends o{};export{e as default};
 //# sourceMappingURL=scw-stack-component.js.map

package/dist/scw-stack-component/scw-stack-component.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-stack-component/scw-stack-component.ts"],
   "sourcesContent": ["import ScwLayoutComponent from '../scw-layout-component/scw-layout-component';\n\n/**\n * ScwStackComponent\n * @class\n * @tag scw-stack-component\n */\nexport default class ScwStackComponent extends ScwLayoutComponent {}\n"],
-  "mappings": "4bAOA,IAAqBA,EAArB,cAA+CC,CAAmB,CAAC",
+  "mappings": "geAOA,IAAqBA,EAArB,cAA+CC,CAAmB,CAAC",
   "names": ["ScwStackComponent", "ScwLayoutComponent"]
 }

package/dist/scw-test/ScwTest.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.SNSOKG54.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.DMGKHJE5.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.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=ScwTest.js.map

package/dist/scw-test/scw-test.js

@@ -1,2 +1,2 @@
-import{a as e}from"../chunks/chunk.SNSOKG54.js";import"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.5YJY6NT6.js";customElements.define("scw-test",e);
+import{a as e}from"../chunks/chunk.DMGKHJE5.js";import"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";customElements.define("scw-test",e);
 //# sourceMappingURL=scw-test.js.map

package/dist/scw-test/scw-test.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-test/scw-test.ts"],
   "sourcesContent": ["import ScwTest from './ScwTest.js';\ncustomElements.define('scw-test', ScwTest );\n"],
-  "mappings": "4bACA,eAAe,OAAO,WAAYA,CAAQ",
+  "mappings": "geACA,eAAe,OAAO,WAAYA,CAAQ",
   "names": ["ScwTest"]
 }

package/dist/scw-textarea/scw-textarea.js

@@ -1,4 +1,4 @@
-import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import{c as f}from"../chunks/chunk.ZKJROKIG.js";import"../chunks/chunk.WXC634JO.js";import{a as o}from"../chunks/chunk.B7II36CO.js";import{a as s,b as r}from"../chunks/chunk.HONWLPRG.js";import{a as d}from"../chunks/chunk.SHURDDW4.js";import"../chunks/chunk.7C4BKIQF.js";import"../chunks/chunk.T25QZW3W.js";import{a as l,b as a}from"../chunks/chunk.2LAHOOSK.js";import"../chunks/chunk.YNLLA3ZB.js";import"../chunks/chunk.J5OGWB43.js";import"../chunks/chunk.75W5GH3K.js";import"../chunks/chunk.2WX7XMLC.js";import"../chunks/chunk.33FSL7Y7.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.IHVBWZ57.js";import"../chunks/chunk.3DNJZ75B.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var h=l`
+import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from"../chunks/chunk.HD75M3T5.js";import{c as f}from"../chunks/chunk.5BIMBPIM.js";import"../chunks/chunk.WXC634JO.js";import{a as o}from"../chunks/chunk.2T4VPIKP.js";import{a as l,b as r}from"../chunks/chunk.NBLIIWTN.js";import{a as d}from"../chunks/chunk.7R4H4Y4E.js";import"../chunks/chunk.E2LMFNXM.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a}from"../chunks/chunk.YPG6CZAZ.js";import"../chunks/chunk.2GGC3YVW.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.U37TEBY2.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.KBIUGQUO.js";import"../chunks/chunk.XDWCNUEB.js";import"../chunks/chunk.3DNJZ75B.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as e}from"../chunks/chunk.5YJY6NT6.js";var h=s`
 :host {
   display: block;
 }
@@ -45,7 +45,7 @@ import{a as u,b as n,c as p}from"../chunks/chunk.MNM5PCHW.js";import{a as c}from
   font: var(--scw-type-text-04-font);
   color: var(--scw-color-grey-07);
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXRleHRhcmVhL3Njc3MiLCJzb3VyY2VzIjpbInNjdy10ZXh0YXJlYS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VET0E7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUY4QkE7RUFRQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQU1KO0VHN0RBO0VBQ0E7RUFJRSJ9 */`;var t=class extends f{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="textarea";let i=d();this.scwInputLayout=s(`scw-${"input-layout"}${i}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0,o("scw-focus",this)}_blurHandler(){this.focused=!1,this.validate(),o("scw-blur",this)}_valueChangeHandler(i){i.target&&(this.value=i.target.value,o("scw-value-change",this))}render(){return r`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy10ZXh0YXJlYS9zY3NzIiwic291cmNlcyI6WyJzY3ctdGV4dGFyZWEuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0U7OztBQUlGO0VBQ0U7RUFDQTs7QUFFQTtFQ1RBO0VBQ0E7RUFJRTtFRE9BO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUFROztBQUVSO0VBQ0U7O0FBSUo7RUVoQ0E7RUFDQTtFQUlFO0VGOEJBO0VBUUE7RUFFQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOzs7QUFNSjtFRzdEQTtFQUNBO0VBSUUifQ== */`;var t=class extends f{constructor(){super();this.type="text";this.autoCapitalize="none";this.autoComplete="on";this.autoCorrect="off";this.autoFocus=!1;this.element="textarea";let i=d();this.scwInputLayout=l(`scw-${"input-layout"}${i}`)}static get styles(){return[super.styles,h]}_focusHandler(){this.focused=!0,o("scw-focus",this)}_blurHandler(){this.focused=!1,this.validate(),o("scw-blur",this)}_valueChangeHandler(i){i.target&&(this.value=i.target.value,o("scw-value-change",this))}render(){return r`
       <${this.scwInputLayout}
         .label="${this.ariaLabel}"
         .feedback="${this.feedback}"

package/dist/scw-textarea/scw-textarea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-textarea/scss/scw-textarea.scss", "../../src/scw-textarea/scw-textarea.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  resize: vertical;\n  width: 100%;\n  min-height: var(--scw-min-height, 56px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field textarea:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3Njdy1kZXNpZ24tc3lzdGVtLXdlYi9zY3ctZGVzaWduLXN5c3RlbS1tb25vL3NjdS13ZWItY29tcG9uZW50cy9zcmMvc2N3LXRleHRhcmVhL3Njc3MiLCJzb3VyY2VzIjpbInNjdy10ZXh0YXJlYS5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VET0E7RUFRQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQVE7O0FBRVI7RUFDRTs7QUFJSjtFRWhDQTtFQUNBO0VBSUU7RUY4QkE7RUFRQTtFQUVBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7OztBQU1KO0VHN0RBO0VBQ0E7RUFJRSJ9 */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-textarea.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwTextarea\n * @class\n * @tag scw-textarea\n *\n * @cssprop --scw-input-padding - the padding around text within the textarea\n * @cssprop --scw-min-height - minimum height of the textarea\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 ScwTextarea extends ScwFormComponent {\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.textarea;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n      `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwTextarea ================================================\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwTextareaField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwTextareaField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n    /** (ScwTextareaField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwTextareaField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwTextareaField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus: boolean = false;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n    emit(\n      ScwEvents.focus,\n      this,\n    );\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n    emit(\n      ScwEvents.blur,\n      this,\n    );\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLTextAreaElement ).value;\n      emit(\n        ScwEvents.valueChange,\n        this,\n      );\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=\"${this.ariaLabel}\"\n        .feedback=\"${this.feedback}\"\n        aria-disabled=${this.ariaDisabled === 'true' ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <textarea\n            ?disabled=${this.ariaDisabled === 'true' ? true : false}\n            autocapitalize=${this.autoCapitalize}\n            autocomplete=${this.autoComplete}\n            autocorrect=${this.autoCorrect}\n            ?autofocus=${this.autoFocus}\n            ?readonly=${this.readOnly}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @input=${this._valueChangeHandler}\n            .value=${this.value}></textarea>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "40BACA,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;q6BC2Bf,IAAqBC,EAArB,cAAyCC,CAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,iBAIA,2BAIA,uBAIA,uBAIA,eAAqB,GA9BrB,KAAK,mBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EACpB,wBAAgCF,GAClC,CACF,CAhBC,WAAW,QAAS,CACnB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAwCA,eAAgB,CACd,KAAK,QAAU,GACfC,cAEE,IACF,CACF,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,EACdA,aAEE,IACF,CACF,CAMA,oBAAoBC,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAA2C,MAC9DD,qBAEE,IACF,EAEJ,CAMA,QAAiB,CACf,OAAOE;AAAA,SACF,KAAK;AAAA,kBACI,KAAK;AAAA,qBACF,KAAK;AAAA,wBACF,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK,eAAiB;AAAA,6BACjB,KAAK;AAAA,2BACP,KAAK;AAAA,0BACN,KAAK;AAAA,yBACN,KAAK;AAAA,wBACN,KAAK;AAAA,qBACR,KAAK;AAAA,oBACN,KAAK;AAAA,qBACJ,KAAK;AAAA,qBACL,KAAK;AAAA;AAAA;AAAA,wBAGF,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EA1FIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA3BTX,EA4BjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GA/BhDZ,EAgCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAnC5Cb,EAoCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GAvC1Cd,EAwCjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3C9BV,EA4CjB",
-  "names": ["scw_textarea_default", "r", "ScwTextarea", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_textarea_default", "emit", "evt", "n", "__decorateClass", "e", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n\n.input-field {\n  width: 100%;\n  position: relative;\n}\n.input-field .placeholder {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  z-index: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.input-field .placeholder[scw-hide] {\n  display: none;\n}\n.input-field textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.8) calc(var(--scw-spacing-1) * 1.5));\n  resize: vertical;\n  width: 100%;\n  min-height: var(--scw-min-height, 56px);\n  box-sizing: border-box;\n  border: 0;\n  background-color: rgba(0, 0, 0, 0);\n  z-index: 2;\n  position: relative;\n}\n.input-field textarea:focus {\n  outline: none;\n}\n\n:host([aria-disabled=true]) textarea {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-07);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy10ZXh0YXJlYS9zY3NzIiwic291cmNlcyI6WyJzY3ctdGV4dGFyZWEuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fcGxhY2Vob2xkZXItdGV4dC1taXhpbnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LWlucHV0LXRleHQtYmFzZS9fZGVmYXVsdC10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kaXNhYmxlZC10ZXh0LW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0U7OztBQUlGO0VBQ0U7RUFDQTs7QUFFQTtFQ1RBO0VBQ0E7RUFJRTtFRE9BO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUFROztBQUVSO0VBQ0U7O0FBSUo7RUVoQ0E7RUFDQTtFQUlFO0VGOEJBO0VBUUE7RUFFQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFOzs7QUFNSjtFRzdEQTtFQUNBO0VBSUUifQ== */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-textarea.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwTextarea\n * @class\n * @tag scw-textarea\n *\n * @cssprop --scw-input-padding - the padding around text within the textarea\n * @cssprop --scw-min-height - minimum height of the textarea\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 ScwTextarea extends ScwFormComponent {\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.textarea;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwTextarea ================================================\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwTextareaField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwTextareaField) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n  /** (ScwTextareaField) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwTextareaField) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwTextareaField) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus = false;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n    emit(\n        ScwEvents.focus,\n        this,\n    );\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n    emit(\n        ScwEvents.blur,\n        this,\n    );\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLTextAreaElement ).value;\n      emit(\n          ScwEvents.valueChange,\n          this,\n      );\n    }\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <${this.scwInputLayout}\n        .label=\"${this.ariaLabel}\"\n        .feedback=\"${this.feedback}\"\n        aria-disabled=${this.ariaDisabled === 'true' ? 'true' : 'false'}\n        ?focused=${this.focused}\n        ?invalid=${this.invalid}>\n        <div \n          class=\"input-field\">\n          <textarea\n            ?disabled=${this.ariaDisabled === 'true' ? true : false}\n            autocapitalize=${this.autoCapitalize}\n            autocomplete=${this.autoComplete}\n            autocorrect=${this.autoCorrect}\n            ?autofocus=${this.autoFocus}\n            ?readonly=${this.readOnly}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @input=${this._valueChangeHandler}\n            .value=${this.value}></textarea>\n          <div \n            class=\"placeholder\"\n            ?scw-hide=${this.value ? true : false}>\n            ${this.placeholder}\n          </div>\n        </div>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
+  "mappings": "o5BACA,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;65BC2Bf,IAAqBC,EAArB,cAAyCC,CAAiB,CAYxD,aAAc,CACZ,MAAM,EAeN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GA9BZ,KAAK,mBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAwCA,eAAgB,CACd,KAAK,QAAU,GACfC,cAEI,IACJ,CACF,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,EACdA,aAEI,IACJ,CACF,CAMA,oBAAoBC,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAA2C,MAC9DD,qBAEI,IACJ,EAEJ,CAMA,QAAiB,CACf,OAAOE;AAAA,SACF,KAAK;AAAA,kBACI,KAAK;AAAA,qBACF,KAAK;AAAA,wBACF,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK,eAAiB;AAAA,6BACjB,KAAK;AAAA,2BACP,KAAK;AAAA,0BACN,KAAK;AAAA,yBACN,KAAK;AAAA,wBACN,KAAK;AAAA,qBACR,KAAK;AAAA,oBACN,KAAK;AAAA,qBACJ,KAAK;AAAA,qBACL,KAAK;AAAA;AAAA;AAAA,wBAGF,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EA1FIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA3BTX,EA4BjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GA/BhDZ,EAgCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAnC5Cb,EAoCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GAvC1Cd,EAwCjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA3C9BV,EA4CjB",
+  "names": ["scw_textarea_default", "i", "ScwTextarea", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_textarea_default", "emit", "evt", "n", "__decorateClass", "e", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
 }

package/dist/scw-validate/rules/alphanumeric.d.ts

@@ -1,9 +1,9 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * Validates for alphanumeric characters
  * @param {string} value
  * @param {string} include
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateAlphaNumeric(value: string, include?: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/alphanumeric.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.PVZ47H3F.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.5O6SMXQL.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=alphanumeric.js.map

package/dist/scw-validate/rules/currency.d.ts

@@ -1,8 +1,8 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for valid currencies
  * @param {string} value
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateCurrency(value: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/currency.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.WHRXVSQW.js";import"../../chunks/chunk.A2HETGP5.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.DXDJI6UK.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=currency.js.map

package/dist/scw-validate/rules/date.d.ts

@@ -1,8 +1,8 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for valid dates
  * @param {string} value
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateDate(value: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/date.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.X3QDN5AD.js";import"../../chunks/chunk.A2HETGP5.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.AP76NHYK.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=date.js.map

package/dist/scw-validate/rules/email.d.ts

@@ -1,8 +1,8 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for a valid email
  * @param {string} value
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateEmail(value: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/email.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.SWOOH3JG.js";import"../../chunks/chunk.A2HETGP5.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.J7SGRJXX.js";import"../../chunks/chunk.223WJTWZ.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=email.js.map

package/dist/scw-validate/rules/number.d.ts

@@ -1,9 +1,9 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for valid numbers
  * @param {string} value
  * @param {number} decimalLimit
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateNumber(value: string, decimalLimit: number, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/number.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.V2DFPUQM.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.IM5FVLMU.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=number.js.map

package/dist/scw-validate/rules/required.d.ts

@@ -1,8 +1,8 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for required field
  * @param {string} value
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateRequired(value: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/required.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.IFFRUKMU.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.FWCHISMV.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=required.js.map

package/dist/scw-validate/rules/telephone.d.ts

@@ -1,8 +1,8 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for valid telephone
  * @param {string} value
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export default function validateTelephone(value: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/telephone.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.63GYMQDA.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.DT6HYDDY.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=telephone.js.map

package/dist/scw-validate/rules/utils.d.ts

@@ -1,10 +1,10 @@
-import { ValidationResult } from "../validationTypes";
+import { ValidationResult } from '../validationTypes';
 /**
  * validates for valid minimum number
  * @param {number} value
  * @param {number} min
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export declare function validateMin(value: number, min: number, feedback?: string): ValidationResult | false;
 /**
@@ -12,7 +12,7 @@ export declare function validateMin(value: number, min: number, feedback?: strin
  * @param {number} value
  * @param {number} max
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export declare function validateMax(value: number, max: number, feedback?: string): ValidationResult | false;
 /**
@@ -20,7 +20,7 @@ export declare function validateMax(value: number, max: number, feedback?: strin
  * @param {string} value
  * @param {number} min
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export declare function validateMinLength(value: string, min: number, feedback?: string): ValidationResult | false;
 /**
@@ -28,7 +28,7 @@ export declare function validateMinLength(value: string, min: number, feedback?:
  * @param {string} value
  * @param {number} max
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export declare function validateMaxLength(value: string, max: number, feedback?: string): ValidationResult | false;
 /**
@@ -36,7 +36,7 @@ export declare function validateMaxLength(value: string, max: number, feedback?:
  * @param {string} value
  * @param {string} exclude
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export declare function validateExclude(value: string, exclude: string, feedback?: string): ValidationResult | false;
 /**
@@ -44,6 +44,6 @@ export declare function validateExclude(value: string, exclude: string, feedback
  * @param {string} value
  * @param {string} pattern
  * @param {string} feedback
- * @returns {ValidationResult | false}
+ * @return {ValidationResult | false}
  */
 export declare function validatePattern(value: string, pattern: string, feedback?: string): ValidationResult | false;

package/dist/scw-validate/rules/utils.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f}from"../../chunks/chunk.4IW4ZUWS.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{e as validateExclude,b as validateMax,d as validateMaxLength,a as validateMin,c as validateMinLength,f as validatePattern};
+import{a,b,c,d,e,f}from"../../chunks/chunk.ZKMVZ46L.js";import"../../chunks/chunk.WXC634JO.js";import"../../chunks/chunk.5YJY6NT6.js";export{e as validateExclude,b as validateMax,d as validateMaxLength,a as validateMin,c as validateMinLength,f as validatePattern};
 //# sourceMappingURL=utils.js.map