@nanoporetech-digital/components 1.15.6 → 2.0.0

package/dist/components/index4.js.map

@@ -0,0 +1 @@
+{"file":"index4.js","mappings":"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","names":[],"sources":["./src/utils/gesture/gesture-controller.ts","./src/utils/gesture/listener.ts","./src/utils/gesture/pointer-events.ts","./src/utils/gesture/recognizers.ts","./src/utils/gesture/index.ts"],"sourcesContent":["class GestureController {\n  private gestureId = 0;\n  private requestedStart = new Map<number, number>();\n  private disabledGestures = new Map<string, Set<number>>();\n  private disabledScroll = new Set<number>();\n  private capturedId?: number;\n\n  /**\n   * Creates a gesture delegate based on the GestureConfig passed\n   */\n  createGesture(config: GestureConfig): GestureDelegate {\n    return new GestureDelegate(\n      this,\n      this.newID(),\n      config.name,\n      config.priority || 0,\n      !!config.disableScroll\n    );\n  }\n\n  /**\n   * Creates a blocker that will block any other gesture events from firing. Set in the ion-gesture component.\n   */\n  createBlocker(opts: BlockerConfig = {}): BlockerDelegate {\n    return new BlockerDelegate(\n      this,\n      this.newID(),\n      opts.disable,\n      !!opts.disableScroll\n    );\n  }\n\n  start(gestureName: string, id: number, priority: number): boolean {\n    if (!this.canStart(gestureName)) {\n      this.requestedStart.delete(id);\n      return false;\n    }\n    this.requestedStart.set(id, priority);\n    return true;\n  }\n\n  capture(gestureName: string, id: number, priority: number): boolean {\n    if (!this.start(gestureName, id, priority)) {\n      return false;\n    }\n    const requestedStart = this.requestedStart;\n    let maxPriority = -10000;\n\n    requestedStart.forEach((value) => {\n      maxPriority = Math.max(maxPriority, value);\n    });\n\n    if (maxPriority === priority) {\n      this.capturedId = id;\n      requestedStart.clear();\n\n      const event = new CustomEvent('ionGestureCaptured', {\n        detail: { gestureName },\n      });\n      document.dispatchEvent(event);\n      return true;\n    }\n    requestedStart.delete(id);\n\n    return false;\n  }\n\n  release(id: number) {\n    this.requestedStart.delete(id);\n\n    if (this.capturedId === id) {\n      this.capturedId = undefined;\n    }\n  }\n\n  disableGesture(gestureName: string, id: number) {\n    let set = this.disabledGestures.get(gestureName);\n    if (set === undefined) {\n      set = new Set<number>();\n      this.disabledGestures.set(gestureName, set);\n    }\n    set.add(id);\n  }\n\n  enableGesture(gestureName: string, id: number) {\n    const set = this.disabledGestures.get(gestureName);\n    if (set !== undefined) {\n      set.delete(id);\n    }\n  }\n\n  disableScroll(id: number) {\n    this.disabledScroll.add(id);\n    if (this.disabledScroll.size === 1) {\n      document.body.classList.add(BACKDROP_NO_SCROLL);\n    }\n  }\n\n  enableScroll(id: number) {\n    this.disabledScroll.delete(id);\n    if (this.disabledScroll.size === 0) {\n      document.body.classList.remove(BACKDROP_NO_SCROLL);\n    }\n  }\n\n  canStart(gestureName: string): boolean {\n    if (this.capturedId !== undefined) {\n      // a gesture already captured\n      return false;\n    }\n\n    if (this.isDisabled(gestureName)) {\n      return false;\n    }\n\n    return true;\n  }\n\n  isCaptured(): boolean {\n    return this.capturedId !== undefined;\n  }\n\n  isScrollDisabled(): boolean {\n    return this.disabledScroll.size > 0;\n  }\n\n  isDisabled(gestureName: string): boolean {\n    const disabled = this.disabledGestures.get(gestureName);\n    if (disabled && disabled.size > 0) {\n      return true;\n    }\n    return false;\n  }\n\n  private newID(): number {\n    this.gestureId++;\n    return this.gestureId;\n  }\n}\n\nclass GestureDelegate {\n  private ctrl?: GestureController;\n  private priority: number;\n\n  constructor(\n    ctrl: GestureController,\n    private id: number,\n    private name: string,\n    priority: number,\n    private disableScroll: boolean\n  ) {\n    this.priority = priority * 1000000 + id;\n    this.ctrl = ctrl;\n  }\n\n  canStart(): boolean {\n    if (!this.ctrl) {\n      return false;\n    }\n\n    return this.ctrl.canStart(this.name);\n  }\n\n  start(): boolean {\n    if (!this.ctrl) {\n      return false;\n    }\n\n    return this.ctrl.start(this.name, this.id, this.priority);\n  }\n\n  capture(): boolean {\n    if (!this.ctrl) {\n      return false;\n    }\n\n    const captured = this.ctrl.capture(this.name, this.id, this.priority);\n    if (captured && this.disableScroll) {\n      this.ctrl.disableScroll(this.id);\n    }\n\n    return captured;\n  }\n\n  release() {\n    if (this.ctrl) {\n      this.ctrl.release(this.id);\n\n      if (this.disableScroll) {\n        this.ctrl.enableScroll(this.id);\n      }\n    }\n  }\n\n  destroy() {\n    this.release();\n    this.ctrl = undefined;\n  }\n}\n\nclass BlockerDelegate {\n  private ctrl?: GestureController;\n\n  constructor(\n    ctrl: GestureController,\n    private id: number,\n    private disable: string[] | undefined,\n    private disableScroll: boolean\n  ) {\n    this.ctrl = ctrl;\n  }\n\n  block() {\n    if (!this.ctrl) {\n      return;\n    }\n    if (this.disable) {\n      for (const gesture of this.disable) {\n        this.ctrl.disableGesture(gesture, this.id);\n      }\n    }\n\n    if (this.disableScroll) {\n      this.ctrl.disableScroll(this.id);\n    }\n  }\n\n  unblock() {\n    if (!this.ctrl) {\n      return;\n    }\n    if (this.disable) {\n      for (const gesture of this.disable) {\n        this.ctrl.enableGesture(gesture, this.id);\n      }\n    }\n    if (this.disableScroll) {\n      this.ctrl.enableScroll(this.id);\n    }\n  }\n\n  destroy() {\n    this.unblock();\n    this.ctrl = undefined;\n  }\n}\n\nexport interface GestureConfig {\n  name: string;\n  priority?: number;\n  disableScroll?: boolean;\n}\n\nexport interface BlockerConfig {\n  disable?: string[];\n  disableScroll?: boolean;\n}\n\nconst BACKDROP_NO_SCROLL = 'backdrop-no-scroll';\nexport const GESTURE_CONTROLLER = new GestureController();\n","export const addEventListener = (\n  el: any,\n  eventName: string,\n  callback: EventListenerOrEventListenerObject,\n  opts: {\n    passive?: boolean;\n    capture?: boolean;\n  }\n): (() => void) => {\n  // use event listener options when supported\n  // otherwise it's just a boolean for the \"capture\" arg\n  const listenerOpts = supportsPassive(el)\n    ? {\n        capture: !!opts.capture,\n        passive: !!opts.passive,\n      }\n    : !!opts.capture;\n\n  let add: string;\n  let remove: string;\n  if (el['__zone_symbol__addEventListener']) {\n    add = '__zone_symbol__addEventListener';\n    remove = '__zone_symbol__removeEventListener';\n  } else {\n    add = 'addEventListener';\n    remove = 'removeEventListener';\n  }\n\n  el[add](eventName, callback, listenerOpts);\n  return () => {\n    el[remove](eventName, callback, listenerOpts);\n  };\n};\n\nconst supportsPassive = (node: Node) => {\n  if (_sPassive === undefined) {\n    try {\n      const opts = Object.defineProperty({}, 'passive', {\n        get: () => {\n          _sPassive = true;\n        },\n      });\n      node.addEventListener(\n        'optsTest',\n        () => {\n          return;\n        },\n        opts\n      );\n    } catch (e) {\n      _sPassive = false;\n    }\n  }\n  return !!_sPassive;\n};\n\nlet _sPassive: boolean | undefined;\n","import { addEventListener } from './listener';\n\nconst MOUSE_WAIT = 2000;\n\nexport const createPointerEvents = (\n  el: Node,\n  pointerDown: any,\n  pointerMove: any,\n  pointerUp: any,\n  options: {\n    passive?: boolean;\n    capture?: boolean;\n  }\n) => {\n  let rmTouchStart: (() => void) | undefined;\n  let rmTouchMove: (() => void) | undefined;\n  let rmTouchEnd: (() => void) | undefined;\n  let rmTouchCancel: (() => void) | undefined;\n  let rmMouseStart: (() => void) | undefined;\n  let rmMouseMove: (() => void) | undefined;\n  let rmMouseUp: (() => void) | undefined;\n  let lastTouchEvent = 0;\n\n  const handleTouchStart = (ev: any) => {\n    lastTouchEvent = Date.now() + MOUSE_WAIT;\n    if (!pointerDown(ev)) {\n      return;\n    }\n    if (!rmTouchMove && pointerMove) {\n      rmTouchMove = addEventListener(el, 'touchmove', pointerMove, options);\n    }\n    if (!rmTouchEnd) {\n      rmTouchEnd = addEventListener(el, 'touchend', handleTouchEnd, options);\n    }\n    if (!rmTouchCancel) {\n      rmTouchCancel = addEventListener(\n        el,\n        'touchcancel',\n        handleTouchEnd,\n        options\n      );\n    }\n  };\n\n  const handleMouseDown = (ev: any) => {\n    if (lastTouchEvent > Date.now()) {\n      return;\n    }\n    if (!pointerDown(ev)) {\n      return;\n    }\n    if (!rmMouseMove && pointerMove) {\n      rmMouseMove = addEventListener(\n        getDocument(el),\n        'mousemove',\n        pointerMove,\n        options\n      );\n    }\n    if (!rmMouseUp) {\n      rmMouseUp = addEventListener(\n        getDocument(el),\n        'mouseup',\n        handleMouseUp,\n        options\n      );\n    }\n  };\n\n  const handleTouchEnd = (ev: any) => {\n    stopTouch();\n    if (pointerUp) {\n      pointerUp(ev);\n    }\n  };\n\n  const handleMouseUp = (ev: any) => {\n    stopMouse();\n    if (pointerUp) {\n      pointerUp(ev);\n    }\n  };\n\n  const stopTouch = () => {\n    if (rmTouchMove) {\n      rmTouchMove();\n    }\n    if (rmTouchEnd) {\n      rmTouchEnd();\n    }\n    if (rmTouchCancel) {\n      rmTouchCancel();\n    }\n    rmTouchMove = rmTouchEnd = rmTouchCancel = undefined;\n  };\n\n  const stopMouse = () => {\n    if (rmMouseMove) {\n      rmMouseMove();\n    }\n    if (rmMouseUp) {\n      rmMouseUp();\n    }\n    rmMouseMove = rmMouseUp = undefined;\n  };\n\n  const stop = () => {\n    stopTouch();\n    stopMouse();\n  };\n\n  const enable = (isEnabled = true) => {\n    if (!isEnabled) {\n      if (rmTouchStart) {\n        rmTouchStart();\n      }\n      if (rmMouseStart) {\n        rmMouseStart();\n      }\n      rmTouchStart = rmMouseStart = undefined;\n      stop();\n    } else {\n      if (!rmTouchStart) {\n        rmTouchStart = addEventListener(\n          el,\n          'touchstart',\n          handleTouchStart,\n          options\n        );\n      }\n      if (!rmMouseStart) {\n        rmMouseStart = addEventListener(\n          el,\n          'mousedown',\n          handleMouseDown,\n          options\n        );\n      }\n    }\n  };\n\n  const destroy = () => {\n    enable(false);\n    pointerUp = pointerMove = pointerDown = undefined;\n  };\n\n  return {\n    enable,\n    stop,\n    destroy,\n  };\n};\n\nconst getDocument = (node: Node) => {\n  return node instanceof Document ? node : node.ownerDocument;\n};\n\nexport interface PointerEventsConfig {\n  element?: HTMLElement;\n  pointerDown: (ev: any) => boolean;\n  pointerMove?: (ev: any) => void;\n  pointerUp?: (ev: any) => void;\n  zone?: boolean;\n  capture?: boolean;\n  passive?: boolean;\n}\n","export interface PanRecognizer {\n  start(x: number, y: number): void;\n  detect(x: number, y: number): boolean;\n  isGesture(): boolean;\n  getDirection(): number;\n}\n\nexport const createPanRecognizer = (\n  direction: string,\n  thresh: number,\n  maxAngle: number\n): PanRecognizer => {\n  const radians = maxAngle * (Math.PI / 180);\n  const isDirX = direction === 'x';\n  const maxCosine = Math.cos(radians);\n  const threshold = thresh * thresh;\n\n  let startX = 0;\n  let startY = 0;\n\n  let dirty = false;\n  let isPan = 0;\n\n  return {\n    start(x: number, y: number) {\n      startX = x;\n      startY = y;\n      isPan = 0;\n      dirty = true;\n    },\n\n    detect(x: number, y: number): boolean {\n      if (!dirty) {\n        return false;\n      }\n\n      const deltaX = x - startX;\n      const deltaY = y - startY;\n      const distance = deltaX * deltaX + deltaY * deltaY;\n\n      if (distance < threshold) {\n        return false;\n      }\n      const hypotenuse = Math.sqrt(distance);\n      const cosine = (isDirX ? deltaX : deltaY) / hypotenuse;\n\n      if (cosine > maxCosine) {\n        isPan = 1;\n      } else if (cosine < -maxCosine) {\n        isPan = -1;\n      } else {\n        isPan = 0;\n      }\n\n      dirty = false;\n      return true;\n    },\n\n    isGesture(): boolean {\n      return isPan !== 0;\n    },\n\n    getDirection(): number {\n      return isPan;\n    },\n  };\n};\n","import { GESTURE_CONTROLLER } from './gesture-controller';\nimport { createPointerEvents } from './pointer-events';\nimport { createPanRecognizer } from './recognizers';\n\nexport const createGesture = (config: GestureConfig): Gesture => {\n  let hasCapturedPan = false;\n  let hasStartedPan = false;\n  let hasFiredStart = true;\n  let isMoveQueued = false;\n\n  const finalConfig = {\n    disableScroll: false,\n    direction: 'x',\n    gesturePriority: 0,\n    passive: true,\n    maxAngle: 40,\n    threshold: 10,\n\n    ...config,\n  };\n\n  const canStart = finalConfig.canStart;\n  const onWillStart = finalConfig.onWillStart;\n  const onStart = finalConfig.onStart;\n  const onEnd = finalConfig.onEnd;\n  const notCaptured = finalConfig.notCaptured;\n  const onMove = finalConfig.onMove;\n  const threshold = finalConfig.threshold;\n  const passive = finalConfig.passive;\n  const blurOnStart = finalConfig.blurOnStart;\n\n  const detail = {\n    type: 'pan',\n    startX: 0,\n    startY: 0,\n    startTime: 0,\n    currentX: 0,\n    currentY: 0,\n    velocityX: 0,\n    velocityY: 0,\n    deltaX: 0,\n    deltaY: 0,\n    currentTime: 0,\n    event: undefined as any,\n    data: undefined,\n  };\n\n  const pan = createPanRecognizer(\n    finalConfig.direction,\n    finalConfig.threshold,\n    finalConfig.maxAngle\n  );\n  const gesture = GESTURE_CONTROLLER.createGesture({\n    name: config.gestureName,\n    priority: config.gesturePriority,\n    disableScroll: config.disableScroll,\n  });\n\n  const pointerDown = (ev: UIEvent): boolean => {\n    const timeStamp = now(ev);\n    if (hasStartedPan || !hasFiredStart) {\n      return false;\n    }\n\n    updateDetail(ev, detail);\n    detail.startX = detail.currentX;\n    detail.startY = detail.currentY;\n    detail.startTime = detail.currentTime = timeStamp;\n    detail.velocityX = detail.velocityY = detail.deltaX = detail.deltaY = 0;\n    detail.event = ev;\n\n    // Check if gesture can start\n    if (canStart && canStart(detail) === false) {\n      return false;\n    }\n    // Release fallback\n    gesture.release();\n\n    // Start gesture\n    if (!gesture.start()) {\n      return false;\n    }\n\n    hasStartedPan = true;\n    if (threshold === 0) {\n      return tryToCapturePan();\n    }\n    pan.start(detail.startX, detail.startY);\n    return true;\n  };\n\n  const pointerMove = (ev: UIEvent) => {\n    // fast path, if gesture is currently captured\n    // do minimum job to get user-land even dispatched\n    if (hasCapturedPan) {\n      if (!isMoveQueued && hasFiredStart) {\n        isMoveQueued = true;\n        calcGestureData(detail, ev);\n        requestAnimationFrame(fireOnMove);\n      }\n      return;\n    }\n\n    // gesture is currently being detected\n    calcGestureData(detail, ev);\n    if (pan.detect(detail.currentX, detail.currentY)) {\n      if (!pan.isGesture() || !tryToCapturePan()) {\n        abortGesture();\n      }\n    }\n  };\n\n  const fireOnMove = () => {\n    // Since fireOnMove is called inside a RAF, onEnd() might be called,\n    // we must double check hasCapturedPan\n    if (!hasCapturedPan) {\n      return;\n    }\n    isMoveQueued = false;\n    if (onMove) {\n      onMove(detail);\n    }\n  };\n\n  const tryToCapturePan = (): boolean => {\n    if (gesture && !gesture.capture()) {\n      return false;\n    }\n    hasCapturedPan = true;\n    hasFiredStart = false;\n\n    // reset start position since the real user-land event starts here\n    // If the pan detector threshold is big, not resetting the start position\n    // will cause a jump in the animation equal to the detector threshold.\n    // the array of positions used to calculate the gesture velocity does not\n    // need to be cleaned, more points in the positions array always results in a\n    // more accurate value of the velocity.\n    detail.startX = detail.currentX;\n    detail.startY = detail.currentY;\n    detail.startTime = detail.currentTime;\n\n    if (onWillStart) {\n      onWillStart(detail).then(fireOnStart);\n    } else {\n      fireOnStart();\n    }\n    return true;\n  };\n\n  const blurActiveElement = () => {\n    /* tslint:disable-next-line */\n    if (typeof document !== 'undefined') {\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement !== null && activeElement.blur) {\n        activeElement.blur();\n      }\n    }\n  };\n\n  const fireOnStart = () => {\n    if (blurOnStart) {\n      blurActiveElement();\n    }\n    if (onStart) {\n      onStart(detail);\n    }\n    hasFiredStart = true;\n  };\n\n  const reset = () => {\n    hasCapturedPan = false;\n    hasStartedPan = false;\n    isMoveQueued = false;\n    hasFiredStart = true;\n\n    gesture.release();\n  };\n\n  // END *************************\n\n  const pointerUp = (ev: UIEvent | undefined) => {\n    const tmpHasCaptured = hasCapturedPan;\n    const tmpHasFiredStart = hasFiredStart;\n    reset();\n\n    if (!tmpHasFiredStart) {\n      return;\n    }\n    calcGestureData(detail, ev);\n\n    // Try to capture press\n    if (tmpHasCaptured) {\n      if (onEnd) {\n        onEnd(detail);\n      }\n      return;\n    }\n\n    // Not captured any event\n    if (notCaptured) {\n      notCaptured(detail);\n    }\n  };\n\n  const pointerEvents = createPointerEvents(\n    finalConfig.el,\n    pointerDown,\n    pointerMove,\n    pointerUp,\n    {\n      capture: false,\n      passive,\n    }\n  );\n\n  const abortGesture = () => {\n    reset();\n    pointerEvents.stop();\n    if (notCaptured) {\n      notCaptured(detail);\n    }\n  };\n\n  return {\n    enable(enable = true) {\n      if (!enable) {\n        if (hasCapturedPan) {\n          pointerUp(undefined);\n        }\n\n        reset();\n      }\n      pointerEvents.enable(enable);\n    },\n    destroy() {\n      gesture.destroy();\n      pointerEvents.destroy();\n    },\n  };\n};\n\nconst calcGestureData = (detail: GestureDetail, ev: UIEvent | undefined) => {\n  if (!ev) {\n    return;\n  }\n  const prevX = detail.currentX;\n  const prevY = detail.currentY;\n  const prevT = detail.currentTime;\n\n  updateDetail(ev, detail);\n\n  const currentX = detail.currentX;\n  const currentY = detail.currentY;\n  const timestamp = (detail.currentTime = now(ev));\n  const timeDelta = timestamp - prevT;\n  if (timeDelta > 0 && timeDelta < 100) {\n    const velocityX = (currentX - prevX) / timeDelta;\n    const velocityY = (currentY - prevY) / timeDelta;\n    detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;\n    detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;\n  }\n  detail.deltaX = currentX - detail.startX;\n  detail.deltaY = currentY - detail.startY;\n  detail.event = ev;\n};\n\nconst updateDetail = (ev: any, detail: GestureDetail) => {\n  // get X coordinates for either a mouse click\n  // or a touch depending on the given event\n  let x = 0;\n  let y = 0;\n  if (ev) {\n    const changedTouches = ev.changedTouches;\n    if (changedTouches && changedTouches.length > 0) {\n      const touch = changedTouches[0];\n      x = touch.clientX;\n      y = touch.clientY;\n    } else if (ev.pageX !== undefined) {\n      x = ev.pageX;\n      y = ev.pageY;\n    }\n  }\n  detail.currentX = x;\n  detail.currentY = y;\n};\n\nconst now = (ev: UIEvent) => {\n  return ev.timeStamp || Date.now();\n};\n\nexport interface GestureDetail {\n  type: string;\n  startX: number;\n  startY: number;\n  startTime: number;\n  currentX: number;\n  currentY: number;\n  velocityX: number;\n  velocityY: number;\n  deltaX: number;\n  deltaY: number;\n  currentTime: number;\n  event: UIEvent;\n  data?: any;\n}\n\nexport type GestureCallback = (detail: GestureDetail) => boolean | void;\n\nexport interface Gesture {\n  enable(enable?: boolean): void;\n  destroy(): void;\n}\n\nexport interface GestureConfig {\n  el: Node;\n  disableScroll?: boolean;\n\n  direction?: 'x' | 'y';\n  gestureName: string;\n  gesturePriority?: number;\n  passive?: boolean;\n  maxAngle?: number;\n  threshold?: number;\n  blurOnStart?: boolean;\n\n  canStart?: GestureCallback;\n  onWillStart?: (_: GestureDetail) => Promise<void>;\n  onStart?: GestureCallback;\n  onMove?: GestureCallback;\n  onEnd?: GestureCallback;\n  notCaptured?: GestureCallback;\n}\n\nexport { GESTURE_CONTROLLER };\n"],"version":3}

package/dist/components/input.js

@@ -0,0 +1,474 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
+import { HTMLElement, createEvent, Build, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { r as raf } from './index2.js';
+import { F as FormControlWrap, a as FormControl } from './form-control.js';
+import { d as defineCustomElement$1 } from './icon.js';
+import { a as debounceEvent } from './throttle.js';
+import { c as closestElement } from './dom.js';
+import { c as createColorClasses } from './theme.js';
+
+const inputCss = ".sc-nano-input-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-input,*.sc-nano-input::before,*.sc-nano-input::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden].sc-nano-input{display:none !important}label.sc-nano-input,.more.sc-nano-input,.error.sc-nano-input,.helper.sc-nano-input{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}label.visually-hide.sc-nano-input,.more.visually-hide.sc-nano-input,.error.visually-hide.sc-nano-input,.helper.visually-hide.sc-nano-input{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.placeholder-as-label.sc-nano-input{padding-left:var(--padding-start);padding-right:0;padding-top:0;padding-bottom:0;color:var(--label-color);position:absolute;font-size:1.4em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left;top:50%;-webkit-transition:0.125s ease-in;transition:0.125s ease-in;opacity:0.7}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.placeholder-as-label.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}.is-invalid.sc-nano-input-h .placeholder-as-label.sc-nano-input{color:var(--invalid-msg-color)}.has-value.sc-nano-input-h .placeholder-as-label.sc-nano-input{-webkit-transform:translateY(-120%);transform:translateY(-120%);font-size:0.9em}.textarea.sc-nano-input .placeholder-as-label.sc-nano-input{top:50%}.has-focus.sc-nano-input-h .textarea.sc-nano-input .placeholder-as-label.sc-nano-input{top:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.has-value.sc-nano-input-h .textarea.sc-nano-input .placeholder-as-label.sc-nano-input{top:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.label.sc-nano-input{color:var(--label-color);font-size:var(--label-font-size);padding-bottom:var(--padding-bottom);line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex}.label.sc-nano-input .label-placeholder.sc-nano-input{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.sc-nano-input .placeholder.sc-nano-input{margin-left:0;margin-right:5px;margin-top:0;margin-bottom:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;font-size:0.9em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.label.sc-nano-input .placeholder.sc-nano-input{margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px}}.label.sc-nano-input .charcount.sc-nano-input{margin-left:auto;margin-right:0;margin-top:0;margin-bottom:0;font-size:0.9em;opacity:0.5}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.label.sc-nano-input .charcount.sc-nano-input{margin-left:unset;margin-right:unset;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;margin-inline-end:0}}.has-value.sc-nano-input-h .label.sc-nano-input .placeholder.sc-nano-input{opacity:0.5}.has-focus.sc-nano-input-h .label.sc-nano-input{color:var(--label-color--focus)}.is-invalid.sc-nano-input-h .label.sc-nano-input{color:var(--label-color--invalid)}.more.sc-nano-input{height:1em;margin-left:3px;margin-right:0;margin-top:4px;margin-bottom:var(--padding-bottom);position:relative}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.more.sc-nano-input{margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:0;margin-inline-end:0}}.helper.sc-nano-input,.error.sc-nano-input{top:0;left:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.helper.sc-nano-input{font-style:italic;color:var(--help-msg-color)}[show-inline-error].sc-nano-input-h:not([show-inline-error=false]).is-invalid .helper.sc-nano-input{opacity:0}.error.sc-nano-input{opacity:0;color:var(--invalid-msg-color);font-stretch:condensed}.is-invalid.sc-nano-input-h .error.sc-nano-input{opacity:1}.input.sc-nano-input{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--input-border-radius);width:100%;padding:0 !important;position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--input-bg-color);border:var(--input-border-style);border-width:var(--input-border-width);font-size:var(--input-font-size)}.has-focus.sc-nano-input-h .input.sc-nano-input{background:var(--input-bg-color--focus);border:var(--input-border-style--focus);border-width:var(--input-border-width)}.is-invalid.sc-nano-input-h .input.sc-nano-input{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid);border-width:var(--input-border-width)}.is-invalid.has-focus.sc-nano-input-h .input.sc-nano-input{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid-focus);border-width:var(--input-border-width)}.native-input-wrap.sc-nano-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1}.input-clear-icon.sc-nano-input,.end.sc-nano-input,.start.sc-nano-input,.value-end.sc-nano-input{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;--nano-icon-size:1.4em;font-size:1em;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:auto}.has-float-label.sc-nano-input .start.sc-nano-input{display:none}.start.sc-nano-input-s>*,.start .sc-nano-input-s>*,.end.sc-nano-input-s>*,.end .sc-nano-input-s>*,.value-end.sc-nano-input-s>*,.value-end .sc-nano-input-s>*,.value-end.sc-nano-input *.sc-nano-input{--nano-icon-size:1.4em;font-size:1em;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.start.sc-nano-input-s>*,.start .sc-nano-input-s>*,.end.sc-nano-input-s>*,.end .sc-nano-input-s>*,.value-end.sc-nano-input-s>*,.value-end .sc-nano-input-s>*,.value-end.sc-nano-input *.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.sc-nano-input-h[disabled]:not([disabled=false]) .start.sc-nano-input-s>*,.sc-nano-input-h[disabled]:not([disabled=false]) .start .sc-nano-input-s>*,.sc-nano-input-h[disabled]:not([disabled=false]) .end.sc-nano-input-s>*,.sc-nano-input-h[disabled]:not([disabled=false]) .end .sc-nano-input-s>*,.sc-nano-input-h[disabled]:not([disabled=false]) .value-end.sc-nano-input-s>*,.sc-nano-input-h[disabled]:not([disabled=false]) .value-end .sc-nano-input-s>*,[disabled].sc-nano-input-h:not([disabled=false]) .value-end.sc-nano-input *.sc-nano-input{pointer-events:none}.value-end.sc-nano-input-s>*,.value-end .sc-nano-input-s>*,.value-end.sc-nano-input *.sc-nano-input{pointer-events:none}.input-clear-icon.sc-nano-input{color:var(--clear-btn-color);padding:0;opacity:0;width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.is-invalid.sc-nano-input-h .input-clear-icon.sc-nano-input{color:var(--clear-btn-color--invalid)}.has-value.sc-nano-input-h .input-clear-icon.sc-nano-input{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;opacity:1;width:auto}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.has-value.sc-nano-input-h .input-clear-icon.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.input-clear-icon.sc-nano-input:hover{color:var(--clear-btn-color--hover)}.sc-nano-input-h{--placeholder-color:var(--nano-input-placeholder-color, initial);--placeholder-font-style:var(--nano-input-placeholder-style, initial);--placeholder-font-weight:var(--nano-input-placeholder-weight, initial);--placeholder-opacity:var(--nano-input-placeholder-opacity, 0.5);--padding-top:var(--nano-input-padding-top, var(--nano-input-padding, 8px));--padding-end:var(--nano-input-padding-end, var(--nano-input-padding, 8px));--padding-bottom:var(--nano-input-padding-bottom, var(--nano-input-padding, 8px));--padding-start:var(--nano-input-padding-start, var(--nano-input-padding, 8px));--color-invalid:var(--nano-color-danger-rgb, 239, 65, 53);--color--focus-rgb:var(\n      --nano-color-base-rgb,\n      var(--nano-color-primary-rgb, 0, 116, 149)\n    );--input-font-size:var(--nano-input-font-size, 0.87em);--input-text-color:var(--nano-input-text-color, #4a4a4a);--input-border-width:var(--input-border-width-sh, var(--nano-input-border-width, 2px));--input-border-color:var(--nano-input-border-color, #e4e6e8);--input-border-radius:var(--nano-input-border-radius, 0);--input-border-style:var(--nano-input-border-style, solid) var(--nano-input-border-color, #e4e6e8);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--focus, #90c6e7);--input-border-style--invalid:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #fac6c3);--input-border-style--invalid-focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #f36d64);--input-bg-color:var(--nano-input-background-color, #fff);--input-bg-color--focus:var(--input-bg-color);--input-bg-color--invalid:var(--nano-input-background-color, #fee8de);--invalid-msg-color:rgba(var(--color-invalid), 1);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #616d6e);--clear-btn-color:var(--nano-clear-btn-color, rgba(0, 0, 0, 0.3));--clear-btn-color--hover:rgba(var(--color--focus-rgb), 1);--clear-btn-color--invalid:rgba(var(--color-invalid), 1);--label-color:var(--nano-input-label-color, \"currentColor\");--label-color--focus:var(--label-color);--label-color--invalid:var(--nano-input-label-color-invalid, \"currentColor\");--label-font-size:var(--nano-input-label-color, 1em);--multi-input-value-bg:var(--nano-input-tag-bg, 186, 220, 240);--multi-input-value-text-color:var(--nano-input-tag-color, #455556);--multi-input-value-border:var(--nano-input-tag-color, #90c6e7);position:relative;width:100%;padding:0 !important;color:currentColor;display:inline-block}.nano-color.sc-nano-input-h{color:var(--nano-color-base);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5))}[disabled].sc-nano-input-h:not([disabled=false]){opacity:0.7}.native-input.sc-nano-input{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;text-overflow:ellipsis;color:var(--input-text-color);display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:2.5em;min-height:2.5em;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;overflow:hidden}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-input.sc-nano-input{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-input[disabled].sc-nano-input{opacity:0.4}.native-input.sc-nano-input::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:2.5em;min-height:2.5em}.native-input.sc-nano-input::-moz-placeholder{line-height:2.8em;text-overflow:ellipsis}.native-input.sc-nano-input:-webkit-autofill{background-color:transparent}.native-input.sc-nano-input::-webkit-search-decoration,.native-input.sc-nano-input::-webkit-search-cancel-button,.native-input.sc-nano-input::-webkit-search-results-button,.native-input.sc-nano-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.native-input.sc-nano-input:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-nano-input::-ms-clear,.native-input.sc-nano-input::-ms-reveal{display:none}.native-input.resizable.sc-nano-input{resize:vertical;overflow:auto}.textarea.sc-nano-input .native-input.sc-nano-input{line-height:1.5em;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);white-space:pre-wrap}.textarea.sc-nano-input .native-input.sc-nano-input::-webkit-input-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input::-moz-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input:-ms-input-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input::-ms-input-placeholder{line-height:1.5em}.textarea.sc-nano-input .native-input.sc-nano-input::placeholder{line-height:1.5em}.has-float-label.sc-nano-input .native-input.sc-nano-input{padding-top:1.4em}.has-float-label.textarea.sc-nano-input .native-input.sc-nano-input{padding-top:1.8em}.legacy.sc-nano-input .native-input.sc-nano-input{-webkit-box-sizing:content-box;box-sizing:content-box}[readonly].sc-nano-input-h:not([readonly=false]) .native-input.sc-nano-input{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-focus.sc-nano-input-h .placeholder-as-label.sc-nano-input{-webkit-transform:translateY(-120%);transform:translateY(-120%);font-size:0.9em}";
+
+let inputIds = 0;
+let Input = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.nanoInput = createEvent(this, "nanoInput", 7);
+    this.nanoChange = createEvent(this, "nanoChange", 7);
+    this.nanoBlur = createEvent(this, "nanoBlur", 7);
+    this.nanoFocus = createEvent(this, "nanoFocus", 7);
+    this.nanoDidLoad = createEvent(this, "nanoDidLoad", 7);
+    this.nanoDidUnload = createEvent(this, "nanoDidUnload", 7);
+    this.nanoValidate = createEvent(this, "nanoValidate", 7);
+    this.inputId = `nano-input-${inputIds++}`;
+    this.didBlurAfterEdit = false;
+    this.rtl = false;
+    this.charCount = 0;
+    this.hasRendered = false;
+    this.hasFocus = false;
+    this.hasLabelSlot = false;
+    this.hasHelperSlot = false;
+    this.errorMessage = '';
+    this.datalist = null;
+    this._invalid = false;
+    /**
+     * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
+     */
+    this.autocapitalise = 'none';
+    /**
+     * Indicates whether the value of the control can be automatically completed by the browser.
+     */
+    this.autocomplete = 'off';
+    /**
+     * Whether auto correction should be enabled when the user is entering/editing the text value.
+     */
+    this.autocorrect = 'off';
+    /**
+     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
+     */
+    this.autofocus = false;
+    /**
+     * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.
+     */
+    this.clearInput = false;
+    /**
+     * Set the amount of time, in milliseconds, to wait to trigger the `nanoChange` event after each keystroke.
+     */
+    this.debounce = 0;
+    /**
+     * If `true`, the user cannot interact with the input.
+     */
+    this.disabled = false;
+    /**
+     * When should the field perform validation
+     */
+    this.validateOn = 'submit';
+    /**
+     * Whether to show validation errors underneath input
+     */
+    this.showInlineError = true;
+    /**
+     * Visually hide the label - but make it accessible.
+     */
+    this.hideLabel = false;
+    /**
+     * Enable floating label behaviour. Will disable placeholder if set.
+     */
+    this.floatLabel = false;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    this.name = this.inputId;
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    this.readonly = false;
+    /**
+     * If `true`, the user must fill in a value before submitting a form.
+     */
+    this.required = false;
+    /**
+     * If `true`, the element will have its spelling and grammar checked.
+     */
+    this.spellcheck = false;
+    /**
+     * The type of control to display. The default type is text.
+     */
+    this.type = 'text';
+    /**
+     * The value of the input.
+     */
+    this.value = '';
+    /**
+     * relevant to type="textarea". Vertical resizing - enable / disable or make automatic.
+     */
+    this.resize = 'auto';
+    /**
+     * relevant to type="textarea". Default number of rows to show
+     */
+    this.rows = 2;
+    /**
+     * relevant to type="textarea".
+     */
+    this.showCharCount = false;
+    this.validate = (ev) => {
+      if (this.validateOn === 'submitThenDirty')
+        this.validateOn = 'dirty';
+      if (!this.nativeInput.validity.valid) {
+        if (this.showInlineError) {
+          if (ev)
+            ev.preventDefault();
+          this.errorMessage = this.nativeInput.validationMessage;
+        }
+        this._invalid = true;
+      }
+      else
+        this._invalid = false;
+      this.nanoValidate.emit({
+        isValid: !this._invalid,
+        errorMessage: this.nativeInput.validationMessage,
+        originalEvent: ev,
+      });
+    };
+    this.onInput = (ev) => {
+      const input = ev.target;
+      if (input)
+        this.value = input.value || '';
+      this.nanoInput.emit(ev);
+    };
+    this.onBlur = () => {
+      this.hasFocus = false;
+      this.focusChanged();
+      if (this.validateOn === 'dirty')
+        this.validate();
+      this.nanoBlur.emit();
+    };
+    this.onFocus = () => {
+      this.hasFocus = true;
+      this.focusChanged();
+      this.nanoFocus.emit();
+    };
+    this.onKeydown = () => {
+      if (this.shouldClearOnEdit()) {
+        // Did the input value change after it was blurred and edited?
+        if (this.didBlurAfterEdit && this.hasValue()) {
+          // Clear the input
+          this.clearTextInput();
+        }
+        // Reset the flag
+        this.didBlurAfterEdit = false;
+      }
+    };
+    this.clearTextInput = (ev) => {
+      if (this.clearInput && !this.readonly && !this.disabled && ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+      }
+      this.value = '';
+      this.nativeInput.value = '';
+      const event = new window.Event('change');
+      this.nativeInput.dispatchEvent(event);
+    };
+  }
+  get nativeInputWrap() {
+    return this._nativeInputWrap;
+  }
+  set nativeInputWrap(ele) {
+    if (this._nativeInputWrap === ele)
+      return;
+    this._nativeInputWrap = ele;
+    this.setDataListOpts();
+  }
+  setDataListOpts() {
+    if (!this.datalist)
+      return;
+    const currDWConfig = this.datalist.dropDownConfig || {};
+    this.datalist.dropDownConfig = Object.assign(Object.assign({}, currDWConfig), { skidding: -1, tetherTo: this.nativeInputWrap });
+  }
+  /**
+   * This will be true when the control is in an invalid state.
+   * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly
+   */
+  get invalid() {
+    return this._invalid;
+  }
+  shouldValidate() {
+    if (!this.hasRendered)
+      return;
+    setTimeout(() => {
+      if (this.validateOn === 'dirty')
+        this.validate();
+    }, 20);
+  }
+  /**
+   * Update the native input element when the value changes
+   */
+  valueChanged() {
+    this.nanoChange.emit({ value: this.value });
+    this.charCount = this.value.length;
+    if (this.type === 'textarea' && this.resize === 'auto') {
+      this.nativeInput.style.height = 'auto';
+      if (this.value.length)
+        this.nativeInput.style.height = this.nativeInput.scrollHeight + 'px';
+    }
+    setTimeout(() => {
+      if (this.validateOn === 'dirty')
+        this.validate();
+    }, 20);
+  }
+  debounceChanged() {
+    this.nanoChange = debounceEvent(this.nanoChange, this.debounce);
+  }
+  /**
+   * Get the current state of the control.
+   * @param validateFirst - perform validation first before reporting
+   * @returns `{ isValid: boolean, errorMessage: string }`
+   */
+  async reportValidity(validateFirst) {
+    if (validateFirst)
+      this.validate();
+    return {
+      isValid: !this._invalid,
+      errorMessage: this.nativeInput.validationMessage,
+    };
+  }
+  /**
+   * Sets focus on the specified `nano-input`. Use this method instead of the global
+   * `input.focus()`.
+   */
+  async setFocus() {
+    if (this.nativeInput) {
+      this.nativeInput.focus();
+      this.nativeInput.click();
+    }
+  }
+  /**
+   * Returns the native `<input>` element used under the hood.
+   */
+  getInputElement() {
+    return Promise.resolve(this.nativeInput);
+  }
+  /**
+   * Invalidate the field and show a custom error message. To clear the error you will need to re-call this method with an empty string.
+   */
+  async showError(message) {
+    if (this.nativeInput) {
+      this.nativeInput.setCustomValidity(message);
+      this.validate();
+    }
+  }
+  onReset(e) {
+    const form = this.form
+      ? document.querySelector('#' + this.form)
+      : this.el.closest('form');
+    if (!form || e.target !== this.el.closest('form'))
+      return;
+    this.value = '';
+  }
+  handleBlur(e) {
+    if (!this.hasFocus)
+      return;
+    const kev = e;
+    let target;
+    raf(() => {
+      if (kev.key) {
+        if (kev.key !== 'Tab')
+          return;
+        target = document.activeElement;
+      }
+      else
+        target = e.target;
+      if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {
+        this.onBlur();
+      }
+    });
+  }
+  shouldClearOnEdit() {
+    const { type, clearOnEdit } = this;
+    return clearOnEdit === undefined ? type === 'password' : clearOnEdit;
+  }
+  getValue() {
+    return this.value || '';
+  }
+  focusChanged() {
+    // If clearOnEdit is enabled and the input blurred but has a value, set a flag
+    if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {
+      this.didBlurAfterEdit = true;
+    }
+  }
+  hasValue() {
+    return this.getValue().length > 0;
+  }
+  slotChangeObserver() {
+    if (!Build.isBrowser)
+      return;
+    if (this.mo)
+      this.mo.disconnect();
+    const mo = (this.mo = new MutationObserver(() => this.processSlottedContent()));
+    mo.observe(this.el, { childList: true, subtree: true });
+  }
+  processSlottedContent() {
+    // see if we have label / button content
+    this.hasLabelSlot = !!this.el.querySelectorAll('[slot="label"]');
+    this.hasHelperSlot = !!this.el.querySelector('[slot="helper"]');
+    this.datalist = this.el.querySelector('nano-datalist:not([slot])');
+    // breaking change introduced in v2. Rm in v3
+    if (!!this.el.querySelector('[slot="inline-button"]')) {
+      console.warn('The `inline-button` slot was renamed to `end` in v2 - please update your code', this.el);
+    }
+    // breaking change introduced in v2. Rm in v3
+    if (!!this.el.querySelector('[slot="legacy"]')) {
+      console.warn('The `legacy` slot has been removed. Please update your code', this.el);
+    }
+  }
+  connectedCallback() {
+    this.debounceChanged();
+    if (Build.isBrowser) {
+      this.el.dispatchEvent(new CustomEvent('nanoDidLoad', {
+        detail: this.el,
+      }));
+    }
+  }
+  disconnectedCallback() {
+    if (Build.isBrowser) {
+      document.dispatchEvent(new CustomEvent('nanoDidUnload', {
+        detail: this.el,
+      }));
+    }
+    if (this.mo)
+      this.mo.disconnect();
+  }
+  componentDidLoad() {
+    this.slotChangeObserver();
+    this.hasRendered = true;
+    if (this.autofocus)
+      setTimeout((_) => this.setFocus(), 300);
+  }
+  componentWillLoad() {
+    this.processSlottedContent();
+  }
+  render() {
+    const value = this.getValue();
+    const labelId = this.inputId + '-lbl';
+    const moreId = this.showInlineError || this.hasHelperSlot ? this.inputId + '-more' : '';
+    this.rtl = this.el.ownerDocument.dir === 'rtl';
+    const compWrapOptions = (({ el, floatLabel, label, errorMessage, type, showInlineError, hasHelperSlot, hasLabelSlot, hideLabel, placeholder, maxlength, charCount, showCharCount, rtl, }) => ({
+      el,
+      floatLabel,
+      label,
+      errorMessage,
+      type,
+      showInlineError,
+      hasHelperSlot,
+      hasLabelSlot,
+      hideLabel,
+      placeholder,
+      maxlength,
+      charCount,
+      showCharCount,
+      rtl,
+    }))(this);
+    const wrapOptions = Object.assign(Object.assign({}, compWrapOptions), { labelId,
+      moreId, hasValue: this.hasValue(), controlId: this.inputId });
+    const controlOptions = (({ clearInput, readonly, disabled }) => ({
+      clearInput,
+      readonly,
+      disabled,
+      clearControl: this.clearInput,
+    }))(this);
+    return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, dir: this.rtl ? 'rtl' : null, class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'has-value': this.hasValue(), 'has-focus': this.hasFocus, 'is-invalid': this._invalid }) }, h(FormControlWrap, Object.assign({}, wrapOptions), h(FormControl, Object.assign({}, controlOptions, { onClearText: this.clearTextInput, control: this.el, ref: (el) => (this.nativeInputWrap = el) }), this.type !== 'textarea' && (h("input", { id: this.inputId, class: "native-input", ref: (input) => (this.nativeInput = input), "aria-labelledby": labelId + ' ' + moreId, disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalise, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, form: this.form, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: !this.floatLabel && this.placeholder ? this.placeholder : '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onChange: this.onInput, onFocus: this.onFocus, onKeyDown: this.onKeydown, onInvalid: this.validate })), this.type === 'textarea' && (h("textarea", { rows: this.floatLabel ? 1 : this.rows, id: this.inputId, class: {
+        'native-input': true,
+        resizable: this.resize === 'true',
+      }, ref: (input) => (this.nativeInput = input), "aria-labelledby": labelId + ' ' + moreId, disabled: this.disabled, autoCapitalize: this.autocapitalise, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, form: this.form, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: !this.floatLabel && this.placeholder ? this.placeholder : '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, value: value, onInput: this.onInput, onChange: this.onInput, onFocus: this.onFocus, onKeyDown: this.onKeydown, onInvalid: this.validate }))), h("slot", null))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "datalist": ["setDataListOpts"],
+    "minlength": ["shouldValidate"],
+    "maxlength": ["shouldValidate"],
+    "min": ["shouldValidate"],
+    "max": ["shouldValidate"],
+    "required": ["shouldValidate"],
+    "disabled": ["shouldValidate"],
+    "validateOn": ["shouldValidate"],
+    "readonly": ["shouldValidate"],
+    "pattern": ["shouldValidate"],
+    "inputmode": ["shouldValidate"],
+    "value": ["valueChanged"],
+    "debounce": ["debounceChanged"]
+  }; }
+  static get style() { return inputCss; }
+};
+Input = /*@__PURE__*/ proxyCustomElement(Input, [6, "nano-input", {
+    "invalid": [2564],
+    "color": [1],
+    "accept": [1],
+    "autocapitalise": [1],
+    "autocomplete": [1],
+    "autocorrect": [1],
+    "autofocus": [4],
+    "clearInput": [4, "clear-input"],
+    "clearOnEdit": [4, "clear-on-edit"],
+    "debounce": [2],
+    "disabled": [516],
+    "inputmode": [1],
+    "validateOn": [1025, "validate-on"],
+    "showInlineError": [516, "show-inline-error"],
+    "label": [1],
+    "hideLabel": [4, "hide-label"],
+    "floatLabel": [4, "float-label"],
+    "max": [1],
+    "maxlength": [2],
+    "min": [1],
+    "minlength": [2],
+    "multiple": [4],
+    "name": [1],
+    "pattern": [1],
+    "placeholder": [1],
+    "readonly": [516],
+    "required": [4],
+    "spellcheck": [4],
+    "step": [1],
+    "size": [2],
+    "type": [1],
+    "form": [1],
+    "value": [1025],
+    "resize": [1],
+    "rows": [2],
+    "showCharCount": [4, "show-char-count"],
+    "hasFocus": [32],
+    "hasLabelSlot": [32],
+    "hasHelperSlot": [32],
+    "errorMessage": [32],
+    "datalist": [32],
+    "_invalid": [32],
+    "reportValidity": [64],
+    "setFocus": [64],
+    "getInputElement": [64],
+    "showError": [64]
+  }, [[16, "reset", "onReset"], [17, "mousedown", "handleBlur"], [0, "keydown", "handleBlur"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["nano-input", "nano-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "nano-input":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Input);
+      }
+      break;
+    case "nano-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { Input as I, defineCustomElement as d };
+
+//# sourceMappingURL=input.js.map