scu-web-components 0.0.42 → 0.0.44

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

@@ -0,0 +1,67 @@
+import ScwMenu from '../ScwMenu';
+/**
+ * ScwMenuKeyboard
+ * manages all the keyboard events for ScwMenu
+ */
+export default class ScwMenuKeyboard {
+    /** menu to manage */
+    menu: ScwMenu;
+    /** list of elements that are tabbable */
+    tabbablelist: string[];
+    /** list of elements that should be ignored */
+    ignorelist: string[];
+    /**
+    * constructor
+    * @param {ScwMenu} menu
+    */
+    constructor(menu: ScwMenu);
+    /**
+    * initialize keyboard event handling for ScwMenu
+    */
+    initKeyboard(): void;
+    /**
+     * close menu if clicked anywhere but menu
+     * @param {MouseEvent} evt
+     */
+    documentClickHandler(evt: MouseEvent): void;
+    /**
+     * closes menu if it is a submenu
+     * @param {boolean} doFocus
+     */
+    closeMenu(doFocus?: boolean): void;
+    /**
+     * handle clicks within the menu
+     * @param {MouseEvent} evt
+     */
+    clickHandler(evt: MouseEvent): void;
+    /**
+     * opens/closes submenu if there is one
+     * @return {boolean}
+     */
+    toggleSubMenu(): boolean;
+    /**
+    * Focus on the next tabbable element
+    * @param {HTMLElement} ele
+    */
+    focusOnNextTabbableElement(ele?: HTMLElement): void;
+    /**
+    * Focus on the previous tabbable element
+    * @param {HTMLElement} ele
+    */
+    focusOnPreviousTabbableElement(ele?: HTMLElement): void;
+    /**
+    * Fully stops event
+    * @param {KeyboardEvent} evt
+    */
+    stopEvent(evt: Event): void;
+    /**
+    * Handle keyboard down events
+    * @param {KeyboardEvent} evt
+    */
+    handleKeydown(evt: KeyboardEvent): void;
+    /**
+    * find the submenu of the focused ScwMenuItem
+    * @return {ScwMenu | undefined}
+    */
+    findSubmenu(): ScwMenu | undefined;
+}

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunks/chunk.ZTRQFSO3.js";import"../../chunks/chunk.Q2V4UOPC.js";import"../../chunks/chunk.F6VIM5PL.js";import"../../chunks/chunk.2T4VPIKP.js";import"../../chunks/chunk.3DNJZ75B.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../../chunks/chunk.FWRNC4MS.js";import"../../chunks/chunk.Q2V4UOPC.js";import"../../chunks/chunk.OY5JT4DB.js";import"../../chunks/chunk.2T4VPIKP.js";import"../../chunks/chunk.3DNJZ75B.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=scw-menu-keyboard.js.map

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

@@ -0,0 +1,5 @@
+export declare enum ScwMenuDirections {
+    either = "either",
+    horizontal = "horizontal",
+    vertical = "vertical"
+}

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

@@ -0,0 +1,6 @@
+import ScwMenu from './ScwMenu';
+/**
+ * Validates properties
+ * @param {ScwMenu} menu
+ */
+export default function validate(menu: ScwMenu): void;

package/dist/scw-menu/scw-menu-validate.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.QZ7HSWXB.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import"../chunks/chunk.5YJY6NT6.js";function e(a){a.ariaLabel||a.warn("no aria-label found.")}export{e as default};
 //# sourceMappingURL=scw-menu-validate.js.map

package/dist/scw-menu/scw-menu-validate.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../src/scw-menu/scw-menu-validate.ts"],
+  "sourcesContent": ["import ScwMenu from './ScwMenu';\n\n/**\n * Validates properties\n * @param {ScwMenu} menu\n */\nexport default function validate( menu : ScwMenu ) {\n  if (!menu.ariaLabel) {\n    menu.warn('no aria-label found.');\n  }\n\n  /* if (!menu.isSubMenu()) {\n    const parent = menu.parentElement;\n    if (parent && parent.nodeName.indexOf('SCW-NAV') !== 0 ) {\n      menu.warn('root menu must be in an scw-nav.');\n    }\n  }*/\n}\n"],
+  "mappings": "oCAMe,SAARA,EAA2BC,EAAiB,CAC5CA,EAAK,WACRA,EAAK,KAAK,sBAAsB,CASpC",
+  "names": ["validate", "menu"]
 }

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

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

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

@@ -1,2 +1,2 @@
-import"../chunks/chunk.5C6F5BNN.js";import"../chunks/chunk.K4NR64KF.js";import"../chunks/chunk.QZ7HSWXB.js";import"../chunks/chunk.ZTRQFSO3.js";import"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.F6VIM5PL.js";import"../chunks/chunk.2T4VPIKP.js";import"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
+import"../chunks/chunk.R2UBRQPG.js";import"../chunks/chunk.PKWXMRDA.js";import"../chunks/chunk.FWRNC4MS.js";import"../chunks/chunk.Q2V4UOPC.js";import"../chunks/chunk.OY5JT4DB.js";import"../chunks/chunk.2T4VPIKP.js";import"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";
 //# sourceMappingURL=scw-menu.js.map

package/dist/scw-menu-item/ScwMenuItem.d.ts

@@ -0,0 +1,56 @@
+import ScwLink from '../scw-link/ScwLink';
+/**
+ * ScwMenuItem
+ * @class
+ * @tag scw-menu-item
+ *
+ * @slot [default="<a href target />"]
+    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.
+ * @slot [default="<... />"]
+    (OPTIONAL) random content (paired with design="plain") will wrap that
+    content with a link.
+ */
+export default class ScwMenuItem extends ScwLink {
+    /**
+    * (ScwMenuItem) selected state
+    * @type {Boolean}
+    */
+    ariaSelected: string;
+    /**
+    * extending styles from ScwLink
+    * https://stackoverflow.com/questions/60266303/
+    *  how-to-extend-and-style-existing-litelements
+    */
+    static get styles(): any[];
+    /**
+    * Constructor
+    */
+    constructor();
+    /**
+     * determines if this menu item has a sub menu
+     * @return {boolean}
+     */
+    hasPopup(): boolean;
+    /**
+    * Way to extend valid design icon types...
+    * @return {boolean}
+    */
+    doShowIcon(): boolean;
+    /**
+    * Way to extend valid design types...
+    * @return {object} object of valid designs relative to this object
+    */
+    validDesigns(): object;
+    /** connectedCallback */
+    connectedCallback(): void;
+    /**
+     * renderContent
+     * @return {object}
+     */
+    renderContent(): object;
+    /**
+    *
+    * @return {object}
+    */
+    render(): object;
+}

package/dist/scw-menu-item/ScwMenuItem.js

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

package/dist/scw-menu-item/scw-menu-item-enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum ScwMenuItemDesigns {
+    main = "main",
+    utility = "utility"
+}

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

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

package/dist/scw-menu-item/scw-menu-item.js

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

package/dist/scw-page-alert/scw-page-alert.d.ts

@@ -0,0 +1,34 @@
+import ScwComponent from 'scw-component/ScwComponent';
+export declare enum ScwPageAlertTypes {
+    basic = "basic",
+    warning = "warning"
+}
+/**
+ * ScwPageAlert
+ * @class
+ * @tag scw-page-alert
+ *
+ */
+export default class ScwPageAlert extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** (ScwPageAlert) title of the component. */
+    title: string;
+    /** (ScwPageAlert) description of the component. */
+    description: string;
+    /** (ScwPageAlert) type of the component. */
+    type: ScwPageAlertTypes;
+    /**
+    * Constructor
+    */
+    constructor();
+    /** connectedCallback */
+    connectedCallback(): void;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-page-alert/scw-page-alert.js

@@ -1,4 +1,4 @@
-import{d as l}from"../chunks/chunk.GX274VLQ.js";import"../chunks/chunk.GATDLRXZ.js";import{a as i}from"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import{a as n}from"../chunks/chunk.3IG37SCP.js";import{a as s}from"../chunks/chunk.PKA6D7UK.js";import{g as c}from"../chunks/chunk.5YJY6NT6.js";var r=n`
+import{a as i,d as l}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import{a as n}from"../chunks/chunk.3IG37SCP.js";import{a as s}from"../chunks/chunk.PKA6D7UK.js";import{g as c}from"../chunks/chunk.5YJY6NT6.js";var r=n`
 :host {
   background-color: var(--scw-color-grey-10);
   border-radius: 4px 4px 4px 4px;

package/dist/scw-page-alert/scw-page-alert.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-page-alert/scss/scw-page-alert.scss", "../../src/scw-page-alert/scw-page-alert.ts"],
-  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 1.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 1.5);\n}\n:host > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .icon {\n  background-color: var(--scw-color-light, var(--scw-color-success-light));\n  border-radius: 48px 48px 48px 48px;\n}\n:host .content {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .content > *:not(:last-child) {\n  margin-bottom: 0px;\n  --margin-bottom: 0px;\n}\n:host .content .title {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n:host .content .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([type=warning]) .icon {\n  background-color: var(--scw-color-information-light);\n}\n\n:host([link]) {\n  cursor: pointer;\n}\n\n:host([link]:hover) {\n  background-color: var(--scw-color-primary-095);\n}\n\n:host([link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1wYWdlLWFsZXJ0L3Njc3MiLCJzb3VyY2VzIjpbInNjdy1wYWdlLWFsZXJ0LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1wYWdlLWFsZXJ0L19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1jb250ZW50LXRpdGxlLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1jb250ZW50LWRlc2NyaXB0aW9uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fdHlwZS13YXJuaW5nLWljb24tdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fdHlwZS13YXJuaW5nLXN0YXRlLWhvdmVyLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXBhZ2UtYWxlcnQvX3R5cGUtd2FybmluZy1zdGF0ZS1mb2N1c2VkLXZhcnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQTtFQ0NJO0VBRUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEakNOO0VFTEU7RUFJRjs7QUZLQTtFR1BFO0VBRUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FIekJKO0VJZkY7RUFDQTtFQUlFO0VBRUY7O0FKWUU7RUtuQkY7RUFDQTtFQUlFO0VBRUY7OztBTG9CRjtFQUNFLGtCTWhDaUI7OztBTm1DbkI7RUFDRTs7O0FBR0Y7RUFDRSxrQk94Q2lCOzs7QVAyQ25CO0VBQ0UsWVFqQ08ifQ== */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport ScwLinkBase from '../scw-link-base/ScwLinkBase';\nimport styles from './scss/scw-page-alert.scss';\nimport {Components} from '../utils/enums/Components';\n\nexport enum ScwPageAlertTypes {\n  basic = 'basic',\n  warning = 'warning'\n}\n\n/**\n * ScwPageAlert\n * @class\n * @tag scw-page-alert\n *\n */\nexport default class ScwPageAlert extends ScwLinkBase {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwPageAlert ===============================================\n  /** (ScwPageAlert) title of the component. */\n  @property({type: String})\n    title = '';\n\n  /** (ScwPageAlert) description of the component. */\n  @property({type: String})\n    description = '';\n\n  /** (ScwPageAlert) type of the component. */\n  @property({type: ScwPageAlertTypes})\n    type: ScwPageAlertTypes = ScwPageAlertTypes.basic;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.pageAlert;\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <scw-icon\n        icon=\"icon-placeholder\"\n        class=\"icon\"\n        size=\"30\"></scw-icon>\n      <div class=\"content\">\n        <div class=\"title\">\n          ${this.title}\n        </div>\n        <div class=\"description\">\n          ${this.description}\n        </div>\n      </div>`;\n  }\n}\n"],
-  "mappings": "ojBACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6kDCKR,IAAKC,OACVA,EAAA,MAAQ,QACRA,EAAA,QAAU,UAFAA,OAAA,IAWSC,EAArB,cAA0CC,CAAY,CA2BpD,aAAc,CACZ,MAAM,EAdN,WAAQ,GAIR,iBAAc,GAId,UAA0B,QAO1B,KAAK,mBACP,CA1BA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAwBA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOC,KAAK;AAAA;AAAA;AAAA,YAGL,KAAK;AAAA;AAAA,aAGf,CACF,EA1CIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAbLL,EAcjB,qBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAjBLL,EAkBjB,2BAIAI,EAAA,CADDC,EAAS,CAAC,KAAMN,CAAiB,CAAC,GArBhBC,EAsBjB",
-  "names": ["scw_page_alert_default", "i", "ScwPageAlertTypes", "ScwPageAlert", "ScwLinkBase", "scw_page_alert_default", "y", "__decorateClass", "e"]
+  "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  background-color: var(--scw-color-grey-10);\n  border-radius: 4px 4px 4px 4px;\n  display: flex;\n  flex-flow: row nowrap;\n  justify-content: flex-start;\n  align-items: center;\n  padding-left: var(--scw-spacing-1);\n  padding-right: var(--scw-spacing-1);\n  padding-top: calc(var(--scw-spacing-1) * 1.5);\n  padding-bottom: calc(var(--scw-spacing-1) * 1.5);\n}\n:host > *:not(:last-child) {\n  margin-right: calc(var(--scw-spacing-1) * 0.8);\n  --margin-right: calc( var( --scw-spacing-1 ) * 0.8 );\n}\n:host .icon {\n  background-color: var(--scw-color-light, var(--scw-color-success-light));\n  border-radius: 48px 48px 48px 48px;\n}\n:host .content {\n  background-color: rgba(0, 0, 0, 0);\n  flex: 1;\n  display: flex;\n  flex-flow: column nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding-left: 0px;\n  padding-right: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n:host .content > *:not(:last-child) {\n  margin-bottom: 0px;\n  --margin-bottom: 0px;\n}\n:host .content .title {\n  text-align: LEFT;\n  font: var(--scw-type-text-bold-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n:host .content .description {\n  text-align: LEFT;\n  font: var(--scw-type-text-font);\n  color: var(--scw-color-grey-02);\n  align-self: stretch;\n}\n\n:host([type=warning]) .icon {\n  background-color: var(--scw-color-information-light);\n}\n\n:host([link]) {\n  cursor: pointer;\n}\n\n:host([link]:hover) {\n  background-color: var(--scw-color-primary-095);\n}\n\n:host([link]:focus-visible) {\n  box-shadow: var(--scw-effect-focus-shadow);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1wYWdlLWFsZXJ0L3Njc3MiLCJzb3VyY2VzIjpbInNjdy1wYWdlLWFsZXJ0LnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1wYWdlLWFsZXJ0L19kZWZhdWx0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1pY29uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1jb250ZW50LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1jb250ZW50LXRpdGxlLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fZGVmYXVsdC1jb250ZW50LWRlc2NyaXB0aW9uLW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fdHlwZS13YXJuaW5nLWljb24tdmFycy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctcGFnZS1hbGVydC9fdHlwZS13YXJuaW5nLXN0YXRlLWhvdmVyLXZhcnMuc2NzcyIsIi4uLy4uLy4uL2Rpc3QvdG9rZW5zL3NlZ21lbnRzL2NvbXAtc2N3LXBhZ2UtYWxlcnQvX3R5cGUtd2FybmluZy1zdGF0ZS1mb2N1c2VkLXZhcnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQTtFQ0NJO0VBRUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FEakNOO0VFTEU7RUFJRjs7QUZLQTtFR1BFO0VBRUY7RUF3QkE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNNO0VBQ0E7O0FIekJKO0VJZkY7RUFDQTtFQUlFO0VBRUY7O0FKWUU7RUtuQkY7RUFDQTtFQUlFO0VBRUY7OztBTG9CRjtFQUNFLGtCTWhDaUI7OztBTm1DbkI7RUFDRTs7O0FBR0Y7RUFDRSxrQk94Q2lCOzs7QVAyQ25CO0VBQ0UsWVFqQ08ifQ== */`;\n", "import {html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport styles from './scss/scw-page-alert.scss';\nimport {Components} from '../utils/enums/Components';\nimport ScwComponent from 'scw-component/ScwComponent';\n\nexport enum ScwPageAlertTypes {\n  basic = 'basic',\n  warning = 'warning'\n}\n\n/**\n * ScwPageAlert\n * @class\n * @tag scw-page-alert\n *\n */\nexport default class ScwPageAlert extends ScwComponent {\n  /**\n  * styles\n  */\n  static get styles() {\n    return [\n      super.styles,\n      styles,\n    ];\n  }\n\n  // ============== ScwPageAlert ===============================================\n  /** (ScwPageAlert) title of the component. */\n  @property({type: String})\n    title = '';\n\n  /** (ScwPageAlert) description of the component. */\n  @property({type: String})\n    description = '';\n\n  /** (ScwPageAlert) type of the component. */\n  @property({type: ScwPageAlertTypes})\n    type: ScwPageAlertTypes = ScwPageAlertTypes.basic;\n\n  /**\n  * Constructor\n  */\n  constructor() {\n    super();\n    this.element = Components.pageAlert;\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <scw-icon\n        icon=\"icon-placeholder\"\n        class=\"icon\"\n        size=\"30\"></scw-icon>\n      <div class=\"content\">\n        <div class=\"title\">\n          ${this.title}\n        </div>\n        <div class=\"description\">\n          ${this.description}\n        </div>\n      </div>`;\n  }\n}\n"],
+  "mappings": "+QACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;6kDCKR,IAAKC,OACVA,EAAA,MAAQ,QACRA,EAAA,QAAU,UAFAA,OAAA,IAWSC,EAArB,cAA0CC,CAAa,CA2BrD,aAAc,CACZ,MAAM,EAdN,WAAQ,GAIR,iBAAc,GAId,UAA0B,QAO1B,KAAK,mBACP,CA1BA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNC,CACF,CACF,CAwBA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOC,KAAK;AAAA;AAAA;AAAA,YAGL,KAAK;AAAA;AAAA,aAGf,CACF,EA1CIC,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAbLL,EAcjB,qBAIAI,EAAA,CADDC,EAAS,CAAC,KAAM,MAAM,CAAC,GAjBLL,EAkBjB,2BAIAI,EAAA,CADDC,EAAS,CAAC,KAAMN,CAAiB,CAAC,GArBhBC,EAsBjB",
+  "names": ["scw_page_alert_default", "i", "ScwPageAlertTypes", "ScwPageAlert", "ScwComponent", "scw_page_alert_default", "y", "__decorateClass", "e"]
 }

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

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

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

@@ -1,4 +1,4 @@
-import{d as o}from"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import{a as e}from"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";var t=class extends o{constructor(){super(),this.element="pane-component",this.setAttribute("scw-pane-initial",""),this.responsive=!0}render(){return e`
+import{d as o}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import"../chunks/chunk.3IG37SCP.js";import{a as e}from"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";var t=class extends o{constructor(){super(),this.element="pane-component",this.setAttribute("scw-pane-initial","")}render(){return e`
       <slot></slot>
     `}};export{t as default};
 //# sourceMappingURL=scw-pane-component.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-pane-component/scw-pane-component.ts"],
-  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwPaneComponent\n * @class\n * @tag scw-pane-component\n */\nexport default class ScwPaneComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.paneComponent;\n    this.setAttribute('scw-pane-initial', '');\n    this.responsive = true;\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n"],
-  "mappings": "wcASA,IAAqBA,EAArB,cAA8CC,CAAa,CAEzD,aAAc,CACZ,MAAM,EACN,KAAK,yBACL,KAAK,aAAa,mBAAoB,EAAE,EACxC,KAAK,WAAa,EACpB,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF",
+  "sourcesContent": ["import {html} from 'lit';\nimport ScwComponent from '../scw-component/ScwComponent';\nimport {Components} from '../utils/enums/Components';\n\n/**\n * ScwPaneComponent\n * @class\n * @tag scw-pane-component\n */\nexport default class ScwPaneComponent extends ScwComponent {\n  /** constructor */\n  constructor() {\n    super();\n    this.element = Components.paneComponent;\n    this.setAttribute('scw-pane-initial', '');\n  }\n\n  /**\n  * render\n  * @return {object} component DOM\n  */\n  render(): object {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n"],
+  "mappings": "gPASA,IAAqBA,EAArB,cAA8CC,CAAa,CAEzD,aAAc,CACZ,MAAM,EACN,KAAK,yBACL,KAAK,aAAa,mBAAoB,EAAE,CAC1C,CAMA,QAAiB,CACf,OAAOC;AAAA;AAAA,KAGT,CACF",
   "names": ["ScwPaneComponent", "ScwComponent", "y"]
 }

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

@@ -0,0 +1,58 @@
+import ScwFormComponent from '../scw-form-component/scw-form-component';
+import { InputTypes } from '../scw-input-field/inputTypes';
+/**
+ * ScwSelect
+ * @class
+ * @tag scw-select
+ *
+ * @cssprop --scw-input-padding - controls the padding around text input
+ * @cssprop --scw-min-height - minimum height of the textarea
+ * @event scw-focus input recieved focus
+ * @event scw-blur input lost focus
+ * @event scw-value-change value has changed (not necessarily value displayed)
+ */
+export default class ScwSelect extends ScwFormComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** constructor */
+    constructor();
+    /** connectedCallback */
+    connectedCallback(): void;
+    /** override with options */
+    domMutated(): void;
+    /**
+     * processOptions
+     */
+    processOptions(): void;
+    /** _options  */
+    _options: any[];
+    /** scw-single-input-layout with versioning suffix */
+    scwInputLayout: any;
+    /** (ScwSelectField) type of input field */
+    type: InputTypes;
+    /**
+    * handle focus into input
+    */
+    _focusHandler(): void;
+    /**
+    * handle blurs from input
+    */
+    _blurHandler(): void;
+    /**
+    * handle changes from input
+    * @param {CustomEvent} evt
+    */
+    _valueChangeHandler(evt: Event): void;
+    /**
+     * checkForSubmit
+     * @param {KeyboardEvent} evt
+     */
+    checkForSubmit(evt: KeyboardEvent): void;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-select/scw-select.js

@@ -1,4 +1,4 @@
-import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chunk.YZL3IVQ4.js";import"../chunks/chunk.WXC634JO.js";import{a as s}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as i}from"../chunks/chunk.NBLIIWTN.js";import{a as u}from"../chunks/chunk.B7I2MIVA.js";import"../chunks/chunk.6W5KOQ2J.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a as n,b as r}from"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import{a as l}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=l`
+import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chunk.MQP3LJ22.js";import"../chunks/chunk.WXC634JO.js";import{a}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as i}from"../chunks/chunk.NBLIIWTN.js";import{a as u}from"../chunks/chunk.BSXT6VJ5.js";import"../chunks/chunk.XO3UZUKH.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a as n,b as r}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import{a as l}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as s}from"../chunks/chunk.5YJY6NT6.js";var h=l`
 :host {
   display: block;
 }
@@ -47,7 +47,7 @@ import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chu
   color: var(--scw-color-grey-07);
   flex: 1;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VBRUY7RURLRTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFBUTs7QUFFUjtFQUNFOztBQUlKO0VFaENBO0VBQ0E7RUFJRTtFQUVGO0VGNEJFO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUczREE7RUFDQTtFQUlFO0VBRUYifQ== */`;var e=class extends v{constructor(){super();this._options=[];this.type="text";this.element="input";let t=u();this.scwInputLayout=d(`scw-${"input-layout"}${t}`)}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback()}parseAndValidateLightDom(){super.parseAndValidateLightDom();let t=this.querySelectorAll(":scope > option"),f=Array.from(t).map(o=>{let c=o.value;return i`
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VBRUY7RURLRTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFBUTs7QUFFUjtFQUNFOztBQUlKO0VFaENBO0VBQ0E7RUFJRTtFQUVGO0VGNEJFO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUczREE7RUFDQTtFQUlFO0VBRUYifQ== */`;var e=class extends v{constructor(){super();this._options=[];this.type="text";this.element="input";let t=u();this.scwInputLayout=d(`scw-${"input-layout"}${t}`),this.processOptions()}static get styles(){return[super.styles,h]}connectedCallback(){super.connectedCallback()}domMutated(){super.domMutated(),this.processOptions()}processOptions(){let t=this.querySelectorAll(":scope > option"),f=Array.from(t).map(o=>{let c=o.value;return i`
           <option
             value=${c}
             ?selected=${c===this.value}>
@@ -56,7 +56,7 @@ import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chu
       <option
         value=""
         ?selected=${this.value===""}>
-      </option>`,...f]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){t.target&&(this.value=t.target.value,s("scw-value-change",this))}checkForSubmit(t){t.key==="Enter"&&s("scw-submit-intent",this)}render(){return i`
+      </option>`,...f]}_focusHandler(){this.focused=!0}_blurHandler(){this.focused=!1,this.validate()}_valueChangeHandler(t){t.target&&(this.value=t.target.value,a("scw-value-change",this))}checkForSubmit(t){t.key==="Enter"&&a("scw-submit-intent",this)}render(){return i`
       <${this.scwInputLayout}
         .label=${this.ariaLabel}
         .feedback=${this.feedback}
@@ -81,5 +81,5 @@ import{a as p}from"../chunks/chunk.HD75M3T5.js";import{c as v}from"../chunks/chu
         </div>
       </${this.scwInputLayout}>
       <slot name="validation"></slot>
-    `}};a([r()],e.prototype,"_options",2),a([n({type:p})],e.prototype,"type",2);export{e as default};
+    `}};s([r()],e.prototype,"_options",2),s([n({type:p})],e.prototype,"type",2);export{e as default};
 //# sourceMappingURL=scw-select.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/scw-select/scss/scw-select.scss", "../../src/scw-select/scw-select.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  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  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 select {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );\n  min-height: var(--scw-min-height, 32px);\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 select: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  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VBRUY7RURLRTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFBUTs7QUFFUjtFQUNFOztBQUlKO0VFaENBO0VBQ0E7RUFJRTtFQUVGO0VGNEJFO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUczREE7RUFDQTtFQUlFO0VBRUYifQ== */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property, state} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-select.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';\n\n/**\n * ScwSelect\n * @class\n * @tag scw-select\n *\n * @cssprop --scw-input-padding - controls the padding around text input\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 */\nexport default class ScwSelect 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.input;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /** override with options */\n  parseAndValidateLightDom() {\n    super.parseAndValidateLightDom();\n    const options = this.querySelectorAll(':scope > option');\n    const optionHtml = Array.from( options ).map(\n        (option) => {\n          const optionValue = option['value'];\n          return html`\n          <option\n            value=${optionValue}\n            ?selected=${optionValue === this.value}>\n            ${option.textContent}\n          </option>`;\n        },\n    );\n    this._options = [html`\n      <option\n        value=\"\"\n        ?selected=${'' === this.value}>\n      </option>`, ...optionHtml];\n  }\n\n  // ============== ScwSelect ==================================================\n  /** _options  */\n  @state()\n    _options: any[] = [];\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwSelectField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\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: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLSelectElement ).value;\n      emit(\n          ScwEvents.valueChange,\n          this,\n      );\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      emit(\n          ScwEvents.submitIntent,\n          this,\n      );\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          <select\n            ?readonly=${this.readOnly}\n            @keyup=${this.checkForSubmit}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @change=${this._valueChangeHandler}>\n            ${this._options}\n          </select>\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": "k2BACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;q6BCqBf,IAAqBC,EAArB,cAAuCC,CAAiB,CAYtD,aAAc,CACZ,MAAM,EAuCN,cAAkB,CAAC,EAOnB,iBA7CA,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,CACF,CAhBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAcA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAGA,0BAA2B,CACzB,MAAM,yBAAyB,EAC/B,IAAMC,EAAU,KAAK,iBAAiB,iBAAiB,EACjDC,EAAa,MAAM,KAAMD,CAAQ,EAAE,IACpCE,GAAW,CACV,IAAMC,EAAcD,EAAO,MAC3B,OAAOE;AAAA;AAAA,oBAEGD;AAAA,wBACIA,IAAgB,KAAK;AAAA,cAC/BD,EAAO;AAAA,oBAEb,CACJ,EACA,KAAK,SAAW,CAACE;AAAA;AAAA;AAAA,oBAGM,KAAK,QAAZ;AAAA,iBACF,GAAGH,CAAU,CAC7B,CAiBA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBI,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAAyC,MAC5DC,qBAEI,IACJ,EAEJ,CAMA,eAAeD,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEI,IACJ,CAEJ,CAOA,QAAiB,CACf,OAAOF;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,wBACD,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK;AAAA,qBACR,KAAK;AAAA,qBACL,KAAK;AAAA,oBACN,KAAK;AAAA,sBACH,KAAK;AAAA,cACb,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIK,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EApFIG,EAAA,CADDC,EAAM,GAnDYd,EAoDjB,wBAOAa,EAAA,CADDE,EAAS,CAAC,KAAMC,CAAU,CAAC,GA1DThB,EA2DjB",
+  "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  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  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 select {\n  text-align: LEFT;\n  font: var(--scw-type-text-04-font);\n  color: var(--scw-color-grey-02);\n  flex: 1;\n  padding: var(--scw-input-padding, calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5) calc(var(--scw-spacing-1) * 0.9) calc(var(--scw-spacing-1) * 1.5));\n  width: calc( 100% - calc(var(--scw-spacing-1) * 1.5) );\n  min-height: var(--scw-min-height, 32px);\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 select: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  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1zZWxlY3Qvc2NzcyIsInNvdXJjZXMiOlsic2N3LXNlbGVjdC5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19wbGFjZWhvbGRlci10ZXh0LW1peGlucy5zY3NzIiwiLi4vLi4vLi4vZGlzdC90b2tlbnMvc2VnbWVudHMvY29tcC1zY3ctaW5wdXQtdGV4dC1iYXNlL19kZWZhdWx0LXRleHQtbWl4aW5zLnNjc3MiLCIuLi8uLi8uLi9kaXN0L3Rva2Vucy9zZWdtZW50cy9jb21wLXNjdy1pbnB1dC10ZXh0LWJhc2UvX2Rpc2FibGVkLXRleHQtbWl4aW5zLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTUE7RUFDRTs7O0FBSUY7RUFDRTtFQUNBOztBQUVBO0VDVEE7RUFDQTtFQUlFO0VBRUY7RURLRTtFQVFBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFBUTs7QUFFUjtFQUNFOztBQUlKO0VFaENBO0VBQ0E7RUFJRTtFQUVGO0VGNEJFO0VBUUE7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUo7RUczREE7RUFDQTtFQUlFO0VBRUYifQ== */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property, state} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-select.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';\n\n/**\n * ScwSelect\n * @class\n * @tag scw-select\n *\n * @cssprop --scw-input-padding - controls the padding around text input\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 */\nexport default class ScwSelect 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.input;\n\n    const suffix = getSuffix();\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n    this.processOptions();\n  }\n\n  /** connectedCallback */\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  /** override with options */\n  domMutated() {\n    super.domMutated();\n    this.processOptions();\n  }\n\n  /**\n   * processOptions\n   */\n  processOptions() {\n    const options = this.querySelectorAll(':scope > option');\n    const optionHtml = Array.from( options ).map(\n        (option) => {\n          const optionValue = option['value'];\n          return html`\n          <option\n            value=${optionValue}\n            ?selected=${optionValue === this.value}>\n            ${option.textContent}\n          </option>`;\n        },\n    );\n    this._options = [html`\n      <option\n        value=\"\"\n        ?selected=${'' === this.value}>\n      </option>`, ...optionHtml];\n  }\n\n  // ============== ScwSelect ==================================================\n  /** _options  */\n  @state()\n    _options: any[] = [];\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwSelectField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\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: Event) {\n    if (evt.target ) {\n      this.value = ( evt.target as unknown as HTMLSelectElement ).value;\n      emit(\n          ScwEvents.valueChange,\n          this,\n      );\n    }\n  }\n\n  /**\n   * checkForSubmit\n   * @param {KeyboardEvent} evt\n   */\n  checkForSubmit(evt: KeyboardEvent) {\n    if (evt.key === 'Enter') {\n      emit(\n          ScwEvents.submitIntent,\n          this,\n      );\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          <select\n            ?readonly=${this.readOnly}\n            @keyup=${this.checkForSubmit}\n            @focus=${this._focusHandler}\n            @blur=${this._blurHandler}\n            @change=${this._valueChangeHandler}>\n            ${this._options}\n          </select>\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": "qoBACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;q6BCqBf,IAAqBC,EAArB,cAAuCC,CAAiB,CAYtD,aAAc,CACZ,MAAM,EA+CN,cAAkB,CAAC,EAOnB,iBArDA,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,eAAiBC,EAClB,wBAAgCF,GACpC,EACA,KAAK,eAAe,CACtB,CAjBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CAeA,mBAA0B,CACxB,MAAM,kBAAkB,CAC1B,CAGA,YAAa,CACX,MAAM,WAAW,EACjB,KAAK,eAAe,CACtB,CAKA,gBAAiB,CACf,IAAMC,EAAU,KAAK,iBAAiB,iBAAiB,EACjDC,EAAa,MAAM,KAAMD,CAAQ,EAAE,IACpCE,GAAW,CACV,IAAMC,EAAcD,EAAO,MAC3B,OAAOE;AAAA;AAAA,oBAEGD;AAAA,wBACIA,IAAgB,KAAK;AAAA,cAC/BD,EAAO;AAAA,oBAEb,CACJ,EACA,KAAK,SAAW,CAACE;AAAA;AAAA;AAAA,oBAGM,KAAK,QAAZ;AAAA,iBACF,GAAGH,CAAU,CAC7B,CAiBA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBI,EAAY,CAC1BA,EAAI,SACN,KAAK,MAAUA,EAAI,OAAyC,MAC5DC,qBAEI,IACJ,EAEJ,CAMA,eAAeD,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEI,IACJ,CAEJ,CAOA,QAAiB,CACf,OAAOF;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,wBACD,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC7C,KAAK;AAAA,mBACL,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIA,KAAK;AAAA,qBACR,KAAK;AAAA,qBACL,KAAK;AAAA,oBACN,KAAK;AAAA,sBACH,KAAK;AAAA,cACb,KAAK;AAAA;AAAA;AAAA;AAAA,wBAIK,OAAK;AAAA,cACf,KAAK;AAAA;AAAA;AAAA,UAGT,KAAK;AAAA;AAAA,KAGb,CACF,EApFIG,EAAA,CADDC,EAAM,GA3DYd,EA4DjB,wBAOAa,EAAA,CADDE,EAAS,CAAC,KAAMC,CAAU,CAAC,GAlEThB,EAmEjB",
   "names": ["scw_select_default", "i", "ScwSelect", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_select_default", "options", "optionHtml", "option", "optionValue", "n", "evt", "emit", "__decorateClass", "t", "e", "InputTypes"]
 }

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

@@ -0,0 +1,95 @@
+import ScwFormComponent from '../scw-form-component/scw-form-component';
+import { Ref } from 'lit/directives/ref.js';
+import ScwInputField from '../scw-input-field/scw-input-field';
+import { FormMethods } from '../utils/submitForm';
+declare enum SingleInputTypes {
+    search = "search",
+    email = "email"
+}
+/**
+ * ScwSingleInput
+ * @class
+ * @tag scw-single-input
+ *
+ * @event scw-submit - fires on valid or invalid submit (return or button).
+ * detail is {value: this.value, validation: []}
+ * @event scw-focus input recieved focus
+ * @event scw-blur input lost focus
+ * @event scw-value-change value has changed (not necessarily value displayed)
+ *
+ */
+export default class ScwSingleInput extends ScwFormComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** scw-input-field with versioning suffix */
+    scwInputField: any;
+    /** scw-single-input-layout with versioning suffix */
+    scwSingleInputLayout: any;
+    /** scw-form with versioning suffix */
+    scwForm: any;
+    /** constructor */
+    constructor();
+    /** scw-form reference */
+    scwInputRef: Ref<ScwInputField>;
+    /** (ScwSingleInput) the type of input, determines what types of icons and
+    * buttons show up on the input */
+    type: SingleInputTypes;
+    /** (ScwSingleInput) where to submit search, same as form */
+    action?: string;
+    /** (ScwSingleInput) how to submit search, same as form */
+    method: FormMethods;
+    /**
+    * Watching type to adjust validation rules
+    * @param {string} oldValue
+    * @param {string} newValue
+    */
+    typeWatcher(oldValue: string, newValue: string): void;
+    /**
+    * handle focus into input
+    */
+    _focusHandler(): void;
+    /**
+    * handle blurs from input
+    */
+    _blurHandler(): void;
+    /**
+    * handle changes from input
+    * @param {CustomEvent} evt
+    */
+    _valueChangeHandler(evt: CustomEvent): void;
+    /**
+    * handles actions from layout
+    * @param {CustomEvent} evt
+    */
+    _layoutActionHandler(evt: CustomEvent): void;
+    /**
+     * checkForSubmit
+     * @param {KeyboardEvent} evt
+     */
+    checkForSubmit(evt: KeyboardEvent): void;
+    /** submit */
+    submit(): void;
+    /**
+    * render core input filed
+    * @return {object} component DOM
+    */
+    renderInputField(): object;
+    /**
+    * render email type
+    * @return {object} component DOM
+    */
+    renderEmail(): object;
+    /**
+    * render search type
+    * @return {object} component DOM
+    */
+    renderSearch(): object;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}
+export {};

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

@@ -1,4 +1,4 @@
-import"../chunks/chunk.LXNREJI6.js";import{a as g}from"../chunks/chunk.7A7HJBKL.js";import{b as I}from"../chunks/chunk.QWNRWJUF.js";import{c as N}from"../chunks/chunk.YZL3IVQ4.js";import"../chunks/chunk.WXC634JO.js";import{a as w}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as l}from"../chunks/chunk.NBLIIWTN.js";import{a as F}from"../chunks/chunk.B7I2MIVA.js";import"../chunks/chunk.6W5KOQ2J.js";import{c as b}from"../chunks/chunk.UXIAMI3F.js";import{a as f,b as v,c as $}from"../chunks/chunk.RSR7WC4R.js";import{a as h}from"../chunks/chunk.MHJFJRA2.js";import"../chunks/chunk.36NSOQS5.js";import"../chunks/chunk.3H472TMQ.js";import"../chunks/chunk.NW6LQ3YZ.js";import"../chunks/chunk.EHRX5ZGN.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.I22BAQME.js";import"../chunks/chunk.F7EWVIRZ.js";import"../chunks/chunk.3DNJZ75B.js";import{a as A}from"../chunks/chunk.3IG37SCP.js";import{d as m}from"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var S=A`
+import"../chunks/chunk.GO5WDIBC.js";import{a as g}from"../chunks/chunk.7A7HJBKL.js";import{b as I}from"../chunks/chunk.QWNRWJUF.js";import{c as N}from"../chunks/chunk.MQP3LJ22.js";import"../chunks/chunk.WXC634JO.js";import{a as w}from"../chunks/chunk.2T4VPIKP.js";import{a as d,b as l}from"../chunks/chunk.NBLIIWTN.js";import{a as F}from"../chunks/chunk.BSXT6VJ5.js";import"../chunks/chunk.XO3UZUKH.js";import{c as b}from"../chunks/chunk.UXIAMI3F.js";import{a as f,b as v,c as $}from"../chunks/chunk.RSR7WC4R.js";import{a as h}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import{a as A}from"../chunks/chunk.3IG37SCP.js";import{d as m}from"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var S=A`
 :host {
   display: block;
 }