scu-web-components 0.0.42 → 0.0.44

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

@@ -1,2 +1,2 @@
-import{a,b,c}from"../chunks/chunk.YZL3IVQ4.js";import"../chunks/chunk.WXC634JO.js";import"../chunks/chunk.B7I2MIVA.js";import"../chunks/chunk.6W5KOQ2J.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.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{b as ScwFormComponentSubmitTypes,a as ScwFormComponentTypes,c as default};
+import{a,b,c}from"../chunks/chunk.MQP3LJ22.js";import"../chunks/chunk.WXC634JO.js";import"../chunks/chunk.BSXT6VJ5.js";import"../chunks/chunk.XO3UZUKH.js";import"../chunks/chunk.UXIAMI3F.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{b as ScwFormComponentSubmitTypes,a as ScwFormComponentTypes,c as default};
 //# sourceMappingURL=scw-form-component.js.map

package/dist/scw-heading/ScwHeading.d.ts

@@ -0,0 +1,32 @@
+import { ScwHeadingSizes } from './scw-heading-enums';
+import ScwComponent from 'scw-component/ScwComponent';
+/**
+ * ScwHeading
+ * @class
+ * @tag scw-heading
+ */
+export default class ScwHeading extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /**
+    * (ScwHeader) Size of heading (h1, h2, h3, h4, h5)
+    * @type {string}
+    */
+    size: ScwHeadingSizes;
+    /**
+    * Constructor
+    */
+    constructor();
+    /**
+    * renderHeading
+    * @return {object} component DOM
+    */
+    renderHeading(): object;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-heading/ScwHeading.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.SVM4PG7P.js";import"../chunks/chunk.OOCO42E3.js";import"../chunks/chunk.EJBBXIW3.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.3UEHBCHI.js";import"../chunks/chunk.EJBBXIW3.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=ScwHeading.js.map

package/dist/scw-heading/parseLightDomHeading.d.ts

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

package/dist/scw-heading/parseLightDomHeading.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.OOCO42E3.js";import"../chunks/chunk.EJBBXIW3.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.EJBBXIW3.js";import"../chunks/chunk.5YJY6NT6.js";function r(e){if(e.children.length===0)return;let n=e.querySelector("h1, h2, h3, h4, h5");if(!n)return;let t=Object.values(a),i=t.indexOf(n.nodeName);i!==-1&&(e.ariaLabel=n.textContent?n.textContent.trim():"",e.size=t[i])}export{r as default};
 //# sourceMappingURL=parseLightDomHeading.js.map

package/dist/scw-heading/parseLightDomHeading.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../src/scw-heading/parseLightDomHeading.ts"],
+  "sourcesContent": ["import ScwHeading from './ScwHeading';\nimport {\n  ScwHeadingSizes,\n} from './scw-heading-enums';\n\n/**\n * Parses light dom into variables to be used for rendering\n * @param {ScwHeading} scwHeading\n */\nexport default function parseLightDomHeading( scwHeading: ScwHeading ) {\n  if (scwHeading.children.length === 0) {\n    return;\n  }\n\n  const heading = scwHeading.querySelector('h1, h2, h3, h4, h5');\n  if (!heading) return;\n\n  const headingNames = Object.values(ScwHeadingSizes);\n  const headingIndex = headingNames.indexOf(\n    heading.nodeName as unknown as ScwHeadingSizes,\n  );\n  if (headingIndex === -1) return;\n\n  scwHeading.ariaLabel = heading.textContent ? heading.textContent.trim() : '';\n  scwHeading.size = headingNames[headingIndex] as unknown as ScwHeadingSizes;\n}\n"],
+  "mappings": "+EASe,SAARA,EAAuCC,EAAyB,CACrE,GAAIA,EAAW,SAAS,SAAW,EACjC,OAGF,IAAMC,EAAUD,EAAW,cAAc,oBAAoB,EAC7D,GAAI,CAACC,EAAS,OAEd,IAAMC,EAAe,OAAO,OAAOC,CAAe,EAC5CC,EAAeF,EAAa,QAChCD,EAAQ,QACV,EACIG,IAAiB,KAErBJ,EAAW,UAAYC,EAAQ,YAAcA,EAAQ,YAAY,KAAK,EAAI,GAC1ED,EAAW,KAAOE,EAAaE,GACjC",
+  "names": ["parseLightDomHeading", "scwHeading", "heading", "headingNames", "ScwHeadingSizes", "headingIndex"]
 }

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

@@ -0,0 +1,7 @@
+export declare enum ScwHeadingSizes {
+    H1 = "H1",
+    H2 = "H2",
+    H3 = "H3",
+    H4 = "H4",
+    H5 = "H5"
+}

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

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

package/dist/scw-heading/scw-heading.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.HSMQFTX3.js";import"../chunks/chunk.SVM4PG7P.js";import"../chunks/chunk.OOCO42E3.js";import"../chunks/chunk.EJBBXIW3.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.OE3AD43L.js";import"../chunks/chunk.3UEHBCHI.js";import"../chunks/chunk.EJBBXIW3.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-heading.js.map

package/dist/scw-icon/ScwIcon.d.ts

@@ -0,0 +1,46 @@
+import { ScwIconSizes } from './scw-icon-enums';
+import ScwComponent from 'scw-component/ScwComponent';
+/**
+ * ScwIcon
+ * @class
+ * @tag scw-icon
+ *
+ * @slot [default="<a href target />"]
+    (OPTIONAL) anchor (for SEO) will determine the label, href, and target.
+ */
+export default class ScwIcon extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /**
+     * (ScwIcon) Determines the icon to use with the text
+     * @param {string | undefined} icon
+     * */
+    set icon(icon: string | undefined);
+    /**
+     * icon getter
+     */
+    get icon(): string | undefined;
+    private _icon;
+    /** (ScwIcon) Determines the square size of the icon */
+    size: ScwIconSizes;
+    /** (ScwIcon) Background color (w/ accompanying state colors) */
+    colorBackground: boolean;
+    _svgInfo: string;
+    /** Constructor */
+    constructor();
+    /**
+     * connectedCallback()
+     */
+    connectedCallback(): void;
+    /**
+     * refreshIcon
+     */
+    refreshIcon(): void;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-icon/ScwIcon.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.XOE57FOV.js";import"../chunks/chunk.6YJJGD4O.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.J6QOERDS.js";import"../chunks/chunk.6YJJGD4O.js";import"../chunks/chunk.MKQHB2CE.js";import"../chunks/chunk.WJ7GGTRH.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=ScwIcon.js.map

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

@@ -0,0 +1,12 @@
+export declare enum ScwIconSizes {
+    size10 = "10",
+    size20 = "20",
+    size30 = "30",
+    size40 = "40",
+    size50 = "50",
+    size60 = "60",
+    size70 = "70",
+    size80 = "80",
+    size90 = "90",
+    size100 = "100"
+}

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

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

package/dist/scw-icon/scw-icon.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.NPQHDZZM.js";import"../chunks/chunk.XOE57FOV.js";import"../chunks/chunk.6YJJGD4O.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.SQW7MXRN.js";import"../chunks/chunk.J6QOERDS.js";import"../chunks/chunk.6YJJGD4O.js";import"../chunks/chunk.MKQHB2CE.js";import"../chunks/chunk.WJ7GGTRH.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-icon.js.map

package/dist/scw-icon/tests/checkIconADA.d.ts

@@ -0,0 +1,6 @@
+import type ScwIcon from '../ScwIcon';
+/**
+ * check icon accessibility
+ * @param {ScwIcon} iconEle
+ */
+export default function checkIconADA(iconEle: ScwIcon): Promise<void>;

package/dist/scw-icon/tests/checkIconADA.js

@@ -1,2 +1,2 @@
-import{a as n,c as s}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import{a}from"../../chunks/chunk.B5H2OMW3.js";import"../../chunks/chunk.WJ7GGTRH.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";async function l(o){n(await d(o)).to.be.true,await n(o).shadowDom.to.be.accessible()}async function d(o){if(!o.shadowRoot)return!1;await s(()=>o.shadowRoot.children.length>0,"did not find svg in child");let e=o.shadowRoot.querySelector("svg");if(!e)return!1;let r=getComputedStyle(e).fill;if(r==="none")return!1;let i=c(o);return a(r,i).didPass}function c(o){if(o.nodeName==="HTML")return"rgb(255, 255, 255)";let t=getComputedStyle(o).backgroundColor;return(t==="transparent"||t==="rgba(0, 0, 0, 0)"||t==="rgba(255,255,255,0)")&&o.parentNode!==null&&(t=c(o.parentNode)),t}export{l as default};
+import{a}from"../../chunks/chunk.B5H2OMW3.js";import{a as n,c as s}from"../../chunks/chunk.OZDISW2G.js";import"../../chunks/chunk.JAF2EZZL.js";import"../../chunks/chunk.WJ7GGTRH.js";import"../../chunks/chunk.NBLIIWTN.js";import"../../chunks/chunk.UXIAMI3F.js";import"../../chunks/chunk.RSR7WC4R.js";import"../../chunks/chunk.3IG37SCP.js";import"../../chunks/chunk.PKA6D7UK.js";import"../../chunks/chunk.5YJY6NT6.js";async function l(o){n(await d(o)).to.be.true,await n(o).shadowDom.to.be.accessible()}async function d(o){if(!o.shadowRoot)return!1;await s(()=>o.shadowRoot.children.length>0,"did not find svg in child");let e=o.shadowRoot.querySelector("svg");if(!e)return!1;let r=getComputedStyle(e).fill;if(r==="none")return!1;let i=c(o);return a(r,i).didPass}function c(o){if(o.nodeName==="HTML")return"rgb(255, 255, 255)";let t=getComputedStyle(o).backgroundColor;return(t==="transparent"||t==="rgba(0, 0, 0, 0)"||t==="rgba(255,255,255,0)")&&o.parentNode!==null&&(t=c(o.parentNode)),t}export{l as default};
 //# sourceMappingURL=checkIconADA.js.map

package/dist/scw-image/ScwImage.d.ts

@@ -0,0 +1,91 @@
+import ScwComponent from 'scw-component/ScwComponent';
+/**
+ * ScwImage
+ * @class
+ * @tag scw-image
+ *
+ * @slot [default="<img src alt />"]
+    Base image to display. This is generally a LQIP (Low Quality Image
+      Placeholder)
+ * @slot [default="<a href target><source /><img src alt /></a>"]
+    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in
+    addition to size and label.
+ */
+export default class ScwImage extends ScwComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** (ScwImage) Width:Height ratio */
+    aspectRatio: string | undefined;
+    /** (ScwImage) Object Fit CSS */
+    objectFit: string | undefined;
+    /** (ScwImage) Object Position CSS */
+    objectPosition: string | undefined;
+    /** (ScwImage) srcset of image */
+    srcset: string | undefined;
+    /** (ScwImage) src of image */
+    src: string | undefined;
+    /** (ScwImage) alt of image */
+    alt: string | undefined;
+    /** (ScwImage) whether to preload image or not */
+    preload: boolean;
+    /** (ScwImage) turn off lazy loading */
+    noLazyLoading: boolean;
+    /** (ScwImage) the image size derived from resize observer */
+    _imageSize: number | undefined;
+    /** (ScwImage) determines whether element is intersecting */
+    _isIntersecting: boolean;
+    /** (ScwImage) determines whether element has intersected once */
+    _hasIntersected: boolean;
+    /** Constructor */
+    constructor();
+    /**
+     * first updated
+     * @param {Map<string | number | symbol, unknown>} changedProps
+     */
+    firstUpdated(changedProps: Map<string | number | symbol, unknown>): void;
+    /**
+    * disconnect from dom
+    */
+    disconnectedCallback(): void;
+    /**
+     * domMutated
+     */
+    domMutated(): void;
+    /**
+    * handle resize events
+    */
+    _resizeHandler(): void;
+    /**
+    * handle resize events
+    * @param {boolean} intersecting
+    * @param {number} ratio
+    */
+    _intersectionHandler(intersecting: boolean): void;
+    /**
+    * Translate aspect ration string to a number (percent)
+    * @return {string}
+    */
+    renderContainerCss(): string;
+    /**
+    * Css for image
+    * @return {string}
+    */
+    renderImgCss(): string;
+    /**
+    * render preload link
+    * @return {object} component DOM
+    */
+    renderPreload(): object | undefined;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    renderContent(): object;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

package/dist/scw-image/ScwImage.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.PHUU6D3H.js";import"../chunks/chunk.FSF6MEVS.js";import"../chunks/chunk.A6Q2K43E.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.GAYXGND2.js";import"../chunks/chunk.FSF6MEVS.js";import"../chunks/chunk.A6Q2K43E.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=ScwImage.js.map

package/dist/scw-image/scw-image-src-parser.d.ts

@@ -0,0 +1,7 @@
+import ScwPicture from './ScwImage';
+/**
+ * parse attributes into an srcset
+ * @param {ScwPicture} scwPicture
+ * @return {string}
+ */
+export default function parseSrcAttributes(scwPicture: ScwPicture): string;

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

@@ -0,0 +1,6 @@
+import ScwImage from './ScwImage';
+/**
+ * Validates properties for correct colors, design, and side
+ * @param {ScwImage} image
+ */
+export default function validate(image: ScwImage): void;

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

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

package/dist/scw-image/scw-image.js

@@ -1,2 +1,2 @@
-import"../chunks/chunk.PMTGBID7.js";import"../chunks/chunk.PHUU6D3H.js";import"../chunks/chunk.FSF6MEVS.js";import"../chunks/chunk.A6Q2K43E.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.OWB3BEDE.js";import"../chunks/chunk.GAYXGND2.js";import"../chunks/chunk.FSF6MEVS.js";import"../chunks/chunk.A6Q2K43E.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-image.js.map

package/dist/scw-image/tests/imageExamples.d.ts

@@ -0,0 +1,3 @@
+export declare const square = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IiNDNEM0QzQiLz4KPC9zdmc+Cg==";
+export declare const triangle = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuNSAwTDI1IDI1SDBMMTIuNSAwWiIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K";
+export declare const circle = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjI2IiBmaWxsPSJ3aGl0ZSIvPgo8Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSIxMyIgZmlsbD0iI0M0QzRDNCIvPgo8L3N2Zz4K";

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

@@ -0,0 +1,59 @@
+import ScwFormComponent from '../scw-form-component/scw-form-component';
+import { InputTypes } from '../scw-input-field/inputTypes';
+import { AutoCaptializeValues, AutoCompleteValues, AutoCorrectValues } from '../utils/formEnums';
+/**
+ * ScwInput
+ * @class
+ * @tag scw-input
+ *
+ * @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 ScwInput extends ScwFormComponent {
+    /**
+    * styles
+    */
+    static get styles(): any[];
+    /** constructor */
+    constructor();
+    /** scw-input-field with versioning suffix */
+    scwInputField: any;
+    /** scw-single-input-layout with versioning suffix */
+    scwInputLayout: any;
+    /** (ScwInputField) type of input field */
+    type: InputTypes;
+    /** (ScwInput) automatically capitalize input */
+    autoCapitalize: AutoCaptializeValues;
+    /** (ScwInput) automatically completes input */
+    autoComplete: AutoCompleteValues;
+    /** (ScwInput) automatically correct input */
+    autoCorrect: AutoCorrectValues;
+    /** (ScwInput) automatically focus input */
+    autoFocus: boolean;
+    /**
+    * handle focus into input
+    */
+    _focusHandler(): void;
+    /**
+    * handle blurs from input
+    */
+    _blurHandler(): void;
+    /**
+    * handle changes from input
+    * @param {CustomEvent} evt
+    */
+    _valueChangeHandler(evt: CustomEvent): void;
+    /**
+     * checkForSubmit
+     * @param {KeyboardEvent} evt
+     */
+    checkForSubmit(evt: KeyboardEvent): void;
+    /**
+    * render
+    * @return {object} component DOM
+    */
+    render(): object;
+}

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

@@ -1,4 +1,4 @@
-import{a as c,b as p,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as r}from"../chunks/chunk.HD75M3T5.js";import{c as m}from"../chunks/chunk.YZL3IVQ4.js";import"../chunks/chunk.WXC634JO.js";import{a as l}from"../chunks/chunk.2T4VPIKP.js";import{a as i,b as u}from"../chunks/chunk.NBLIIWTN.js";import{a as n}from"../chunks/chunk.B7I2MIVA.js";import"../chunks/chunk.6W5KOQ2J.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a 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{a as s}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=s`
+import{a as c,b as p,c as d}from"../chunks/chunk.MNM5PCHW.js";import{a as r}from"../chunks/chunk.HD75M3T5.js";import{c as m}from"../chunks/chunk.MQP3LJ22.js";import"../chunks/chunk.WXC634JO.js";import{a as l}from"../chunks/chunk.2T4VPIKP.js";import{a as i,b as u}from"../chunks/chunk.NBLIIWTN.js";import{a as n}from"../chunks/chunk.BSXT6VJ5.js";import"../chunks/chunk.XO3UZUKH.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import{a as o}from"../chunks/chunk.XWFI56OY.js";import"../chunks/chunk.HMMADQ7Y.js";import"../chunks/chunk.3DNJZ75B.js";import{a as s}from"../chunks/chunk.3IG37SCP.js";import"../chunks/chunk.PKA6D7UK.js";import{g as a}from"../chunks/chunk.5YJY6NT6.js";var h=s`
 :host {
   display: block;
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/scw-input/scss/scw-input.scss", "../../src/scw-input/scw-input.ts"],
   "sourcesContent": ["import {css} from \"lit-element/lit-element.js\";\nexport default css`\n:host {\n  display: block;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3Njb3R0cm91c2UvV29ya3NwYWNlL3NjdS13ZWItY29tcG9uZW50cy13ZWJzaXRlcy9zY3Utd2ViLWNvbXBvbmVudHMtd2Vic2l0ZXMvc3JjL3Njdy1pbnB1dC9zY3NzIiwic291cmNlcyI6WyJzY3ctaW5wdXQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFIn0= */`;\n", "import {html} from 'lit/static-html.js';// import {html} from 'lit';\nimport {unsafeStatic} from 'lit/static-html.js';// USE DIFFERENT 'html'!!!!\nimport {property} from 'lit/decorators.js';\nimport ScwFormComponent from '../scw-form-component/scw-form-component';\nimport {Components} from '../utils/enums/Components';\nimport styles from './scss/scw-input.scss';\nimport {InputTypes} from '../scw-input-field/inputTypes';\nimport {emit} from '../utils/events/event';\nimport {ScwEvents} from '../utils/events/event';\nimport getSuffix from '../utils/suffix';\nimport {\n  AutoCaptializeValues,\n  AutoCompleteValues,\n  AutoCorrectValues,\n} from '../utils/formEnums';\n\n/**\n * ScwInput\n * @class\n * @tag scw-input\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 ScwInput 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.scwInputField = unsafeStatic(`scw-${Components.inputField}${suffix}`);\n    this.scwInputLayout = unsafeStatic(\n        `scw-${Components.inputLayout}${suffix}`,\n    );\n  }\n\n  // ============== ScwInput ===================================================\n  /** scw-input-field with versioning suffix */\n  scwInputField : any;\n\n  /** scw-single-input-layout with versioning suffix */\n  scwInputLayout : any;\n\n  /** (ScwInputField) type of input field */\n  @property({type: InputTypes})\n    type: InputTypes = InputTypes.text;\n\n  /** (ScwInput) automatically capitalize input */\n  @property({type: AutoCaptializeValues, attribute: 'autocapitalize'})\n    autoCapitalize: AutoCaptializeValues = AutoCaptializeValues.default;\n\n  /** (ScwInput) automatically completes input */\n  @property({type: AutoCompleteValues, attribute: 'autocomplete'})\n    autoComplete: AutoCompleteValues = AutoCompleteValues.default;\n\n  /** (ScwInput) automatically correct input */\n  @property({type: AutoCorrectValues, attribute: 'autocorrect'})\n    autoCorrect: AutoCorrectValues = AutoCorrectValues.default;\n\n  /** (ScwInput) automatically focus input */\n  @property({type: Boolean, attribute: 'autofocus'})\n    autoFocus = false;\n\n  /**\n  * handle focus into input\n  */\n  _focusHandler() {\n    this.focused = true;\n  }\n\n  /**\n  * handle blurs from input\n  */\n  _blurHandler() {\n    this.focused = false;\n    this.validate();\n  }\n\n  /**\n  * handle changes from input\n  * @param {CustomEvent} evt\n  */\n  _valueChangeHandler(evt: CustomEvent) {\n    this.value = evt.detail.value;\n  }\n\n  /**\n   * 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  * 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        <${this.scwInputField}\n          .value=${this.value}\n          .type=${this.type}\n          .placeholder=${this.placeholder}\n          aria-disabled=${this.ariaDisabled === 'true' ? 'true' : 'false'}\n          autocapitalize=${this.autoCapitalize}\n          autocomplete=${this.autoComplete}\n          autocorrect=${this.autoCorrect}\n          ?autofocus=${this.autoFocus}\n          ?readonly=\"${this.readOnly}\"\n          @keyup=${this.checkForSubmit}\n          @scw-focus=${this._focusHandler}\n          @scw-blur=${this._blurHandler}\n          @scw-value-change=${this._valueChangeHandler}>\n        </${this.scwInputField}>\n      </${this.scwInputLayout}>\n      <slot name=\"validation\"></slot>\n    `;\n  }\n}\n"],
-  "mappings": "y5BACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;yUC0Bf,IAAqBC,EAArB,cAAsCC,CAAiB,CAYrD,aAAc,CACZ,MAAM,EAmBN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GAlCZ,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,cAAgBC,EAAa,uBAA+BF,GAAQ,EACzE,KAAK,eAAiBE,EAClB,wBAAgCF,GACpC,CACF,CAjBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CA4CA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBC,EAAkB,CACpC,KAAK,MAAQA,EAAI,OAAO,KAC1B,CAMA,eAAeA,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEI,IACJ,CAEJ,CAMA,QAAiB,CACf,OAAOC;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,yBACA,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC9C,KAAK;AAAA,mBACL,KAAK;AAAA,WACb,KAAK;AAAA,mBACG,KAAK;AAAA,kBACN,KAAK;AAAA,yBACE,KAAK;AAAA,0BACJ,KAAK,eAAiB,OAAS,OAAS;AAAA,2BACvC,KAAK;AAAA,yBACP,KAAK;AAAA,wBACN,KAAK;AAAA,uBACN,KAAK;AAAA,uBACL,KAAK;AAAA,mBACT,KAAK;AAAA,uBACD,KAAK;AAAA,sBACN,KAAK;AAAA,8BACG,KAAK;AAAA,YACvB,KAAK;AAAA,UACP,KAAK;AAAA;AAAA,KAGb,CACF,EArFIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA/BTX,EAgCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GAnChDZ,EAoCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAvC5Cb,EAwCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GA3C1Cd,EA4CjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA/C9BV,EAgDjB",
+  "mappings": "isBACA,IAAOA,EAAQC;AAAA;AAAA;AAAA;yUC0Bf,IAAqBC,EAArB,cAAsCC,CAAiB,CAYrD,aAAc,CACZ,MAAM,EAmBN,iBAIA,2BAIA,uBAIA,uBAIA,eAAY,GAlCZ,KAAK,gBAEL,IAAMC,EAASC,EAAU,EACzB,KAAK,cAAgBC,EAAa,uBAA+BF,GAAQ,EACzE,KAAK,eAAiBE,EAClB,wBAAgCF,GACpC,CACF,CAjBA,WAAW,QAAS,CAClB,MAAO,CACL,MAAM,OACNG,CACF,CACF,CA4CA,eAAgB,CACd,KAAK,QAAU,EACjB,CAKA,cAAe,CACb,KAAK,QAAU,GACf,KAAK,SAAS,CAChB,CAMA,oBAAoBC,EAAkB,CACpC,KAAK,MAAQA,EAAI,OAAO,KAC1B,CAMA,eAAeA,EAAoB,CAC7BA,EAAI,MAAQ,SACdC,sBAEI,IACJ,CAEJ,CAMA,QAAiB,CACf,OAAOC;AAAA,SACF,KAAK;AAAA,iBACG,KAAK;AAAA,oBACF,KAAK;AAAA,yBACA,KAAK,eAAiB,OAAS,OAAS;AAAA,mBAC9C,KAAK;AAAA,mBACL,KAAK;AAAA,WACb,KAAK;AAAA,mBACG,KAAK;AAAA,kBACN,KAAK;AAAA,yBACE,KAAK;AAAA,0BACJ,KAAK,eAAiB,OAAS,OAAS;AAAA,2BACvC,KAAK;AAAA,yBACP,KAAK;AAAA,wBACN,KAAK;AAAA,uBACN,KAAK;AAAA,uBACL,KAAK;AAAA,mBACT,KAAK;AAAA,uBACD,KAAK;AAAA,sBACN,KAAK;AAAA,8BACG,KAAK;AAAA,YACvB,KAAK;AAAA,UACP,KAAK;AAAA;AAAA,KAGb,CACF,EArFIC,EAAA,CADDC,EAAS,CAAC,KAAMC,CAAU,CAAC,GA/BTX,EAgCjB,oBAIAS,EAAA,CADDC,EAAS,CAAC,KAAME,EAAsB,UAAW,gBAAgB,CAAC,GAnChDZ,EAoCjB,8BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMG,EAAoB,UAAW,cAAc,CAAC,GAvC5Cb,EAwCjB,4BAIAS,EAAA,CADDC,EAAS,CAAC,KAAMI,EAAmB,UAAW,aAAa,CAAC,GA3C1Cd,EA4CjB,2BAIAS,EAAA,CADDC,EAAS,CAAC,KAAM,QAAS,UAAW,WAAW,CAAC,GA/C9BV,EAgDjB",
   "names": ["scw_input_default", "i", "ScwInput", "ScwFormComponent", "suffix", "getSuffix", "o", "scw_input_default", "evt", "emit", "n", "__decorateClass", "e", "InputTypes", "AutoCaptializeValues", "AutoCompleteValues", "AutoCorrectValues"]
 }

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

@@ -0,0 +1,52 @@
+import ScwInputField from '../scw-input-field';
+import { InputTypes } from '../inputTypes';
+export interface FormatResult {
+    value: string;
+    display: string;
+    selectionIndex: number;
+}
+/**
+ * AutoFormatter
+ */
+export default class AutoFormatter {
+    lastSelectionStart: number;
+    inputBase: ScwInputField;
+    /**
+     * constructor
+     * @param {ScwInputField} inputBase
+     */
+    constructor(inputBase: ScwInputField);
+    /**
+     * autoFormat
+     * // KEEP IN SYNC WITH autoFormatResult BELOW!!!!
+     * @param {string} newValue
+     */
+    autoFormat(newValue: string): void;
+    /**
+     *
+     * @param {string} newValue
+     */
+    autoFormatFinish(newValue: string): void;
+    /**
+     * Apply Values
+     * @param {string} newValues
+     * @param {string} useDisplayAsValue
+     * @param {number} doSetSelectionRange
+     */
+    applyValues(newValues: {
+        display: string;
+        value: string;
+        selectionIndex: number;
+    }, useDisplayAsValue?: boolean, doSetSelectionRange?: boolean): void;
+    /**
+     * updateSelection
+     */
+    updateSelection(): void;
+}
+/**
+ * Auto Forrmat Result
+ * @param {InputTypes} type
+ * @param {string} newValue
+ * @return {string}
+ */
+export declare function autoFormatResult(type: InputTypes, newValue: string): string;

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

@@ -0,0 +1,10 @@
+import { FormatResult } from './autoFormat';
+/**
+ * currencyAutoFormatter
+ * @param {string} newValue
+ * @param {number} selectionStart
+ * @param {boolean} finishDigits
+ * @param {number} lastSelectionStart
+ * @return {FormatResult}
+ */
+export declare function currencyAutoFormatter(newValue: string, selectionStart: number, finishDigits: boolean | undefined, lastSelectionStart: number | undefined): FormatResult;

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

@@ -0,0 +1,39 @@
+import { FormatResult } from './autoFormat';
+/**
+ * isValidDate
+ * @param {Date} date
+ * @return {boolean}
+ */
+export declare function isValidDate(date: Date): boolean;
+/**
+ * dateAutoFormatter
+ * @param {string} valueDisplayed
+ * @param {string} prevValueDisplayed
+ * @param {number} selectionStart
+ * @return {FormatResult}
+ */
+export declare function dateAutoFormatter(valueDisplayed: string, prevValueDisplayed: string, selectionStart: number): FormatResult;
+/**
+ * Date or Date String To Formatted String
+ * @param {Date | string} dateStr
+ * @return {string}
+ */
+export declare function dateStrToFormattedStr(dateStr: Date | string): string;
+/**
+ * Formatted String To Date
+ * @param {string} formattedStr
+ * @return {Date | null}
+ */
+export declare function formattedStringToDate(formattedStr: string): Date | null;
+/**
+ * Formatted String To Date String
+ * @param {string} formattedStr
+ * @return {string}
+ */
+export declare function formattedStringToDateStr(formattedStr: string): string;
+/**
+ * Date To Formatted String
+ * @param {Date} date
+ * @return {string}
+ */
+export declare function dateToFormattedStr(date: Date): string;

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

@@ -0,0 +1,8 @@
+import { FormatResult } from './autoFormat';
+/**
+ * numberFormatter
+ * @param {string} newValue
+ * @param {number} selectionStart
+ * @return {FormatResult}
+ */
+export declare function numberFormatter(newValue: string, selectionStart: number): FormatResult;

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

@@ -0,0 +1,9 @@
+import { FormatResult } from './autoFormat';
+/**
+ *
+ * @param {string} valueDisplayed
+ * @param {string} prevValueDisplayed
+ * @param {number} selectionStart
+ * @return {FormatResult}
+ */
+export declare function phoneNumberAutoFormatter(valueDisplayed: string, prevValueDisplayed: string, selectionStart: number): FormatResult;

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

@@ -0,0 +1,28 @@
+export declare enum InputTypes {
+    button = "button",
+    color = "color",
+    datetimeLocal = "datetimeLocal",
+    file = "file",
+    hidden = "hidden",
+    image = "image",
+    month = "month",
+    number = "number",
+    range = "range",
+    reset = "reset",
+    search = "search",
+    select = "select",
+    submit = "submit",
+    tel = "tel",
+    time = "time",
+    url = "url",
+    week = "week",
+    fieldset = "fieldset",
+    date = "date",
+    checkbox = "checkbox",
+    email = "email",
+    password = "password",
+    radio = "radio",
+    text = "text",
+    telephone = "telephone",
+    currency = "currency"
+}