scu-web-components 0.0.41 → 0.0.43

package/dist/scw-flex-v-component/scw-flex-v-component.d.ts

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

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

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

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

@@ -1,56 +0,0 @@
-import ScwComponent from '../scw-component/ScwComponent';
-import ScwFormComponent from '../scw-form-component/scw-form-component';
-import { ValidationResult } from '../scw-validate/validationTypes';
-import { FormMethods } from '../utils/submitForm';
-/**
- * ScwForm
- * @class
- * @tag scw-form
- *
- * @slot [default="<scw-input..."]
-    The contents of the form
- */
-export default class ScwForm extends ScwComponent {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /** Constructor */
-    constructor();
-    /** connectedCallback */
-    connectedCallback(): void;
-    /** (ScwForm) where to submit search, same as form */
-    action?: string;
-    /** (ScwForm) how to submit search, same as form */
-    method: FormMethods;
-    /**
-    * find and return list of all form elements within this form
-    * @return {ScwFormComponent[]}
-    */
-    findFormElements(): ScwFormComponent[];
-    /**
-    * process all the form elements' data
-    * @param {ScwFormComponent[]} formElementsArg
-    * @return {Object}
-    */
-    processData(formElementsArg?: ScwFormComponent[]): {};
-    /**
-     * validate
-     * @param {ScwFormComponent[]} formElementsArg
-     * @return {ValidationResult[]}
-     */
-    validate(formElementsArg?: ScwFormComponent[]): ValidationResult[];
-    /**
-     * findInvalidElements
-     * @param {ScwFormComponent[]} formElementsArg
-     * @return {ValidationResult[]}
-     */
-    findInvalidElements(formElementsArg?: ScwFormComponent[]): ScwFormComponent[];
-    /** submit form */
-    submit(): void;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

@@ -1,92 +0,0 @@
-import ScwComponent from '../scw-component/ScwComponent';
-import ScwValidate from '../scw-validate/scw-validate';
-import ScwValidation from '../scw-validation/scw-validation';
-import { ValidationResult, ValidationTypes } from '../scw-validate/validationTypes';
-export declare enum ScwFormComponentTypes {
-    text = "text",
-    boolean = "boolean",
-    submit = "submit"
-}
-export declare enum ScwFormComponentSubmitTypes {
-    submit = "submit",
-    cancel = "cancel"
-}
-/**
- * ScwFormComponent
- * @class
- * @tag scw-form-component
- */
-export default class ScwFormComponent extends ScwComponent {
-    /** (ScwFormComponent) the usage in a form (& scw-form a query target) */
-    formType: ScwFormComponentTypes;
-    /** (ScwFormComponent) name to identify form element and attach data */
-    name: string | undefined;
-    /** (ScwFormComponent) name to identify form element and attach data */
-    value: string;
-    /** (ScwFormComponent) text showing when there is no value */
-    placeholder: string;
-    /** (ScwFormComponent) name to identify form element and attach data */
-    selected: boolean;
-    /** (ScwFormComponent) read-only state management */
-    readOnly: boolean;
-    /** (ScwFormComponent) required state management */
-    required: boolean;
-    /** (ScwFormComponent) label indicator for required */
-    requiredLabel: string;
-    /** (ScwFormComponent) label indicator for required */
-    requiredFeedback?: string;
-    /** the text to use for feedback */
-    feedback: string | undefined;
-    /** determines whether the input is focused or not */
-    focused: boolean;
-    /** whether this form element is valid, passed validation */
-    invalid: boolean;
-    /** connectedCallback */
-    connectedCallback(): void;
-    /** (ScwFormComponent) each form element to decorates the final data object
-    * @param {Object} formData
-    */
-    decorateValues(formData: {}): void;
-    /**
-    * Check to see if form element is required w/o knowing if there is validation
-    * @return {boolean}
-    */
-    findIfRequired(): boolean;
-    /**
-    * Find validation child if there...
-    * @return {ScwValidation | undefined}
-    */
-    findValidationRules(): ScwValidation | undefined;
-    /**
-    *  run the validation rules if there...
-    * @param {string} value
-    * @return {ValidationResult[]}
-    */
-    validate(): ValidationResult[];
-    /**
-    * create a validation rule from scratch
-    * @return {ScwValidate}
-    */
-    createValidateRule(): ScwValidate;
-    /**
-    * add validation to to child validation (create if not there)
-    * @param {ScwValidate} rule
-    */
-    addValidationRule(rule: ScwValidate): void;
-    /**
-    * create a validation of a certain type...
-    * @param {ValidationTypes} type
-    * @param {string} feedbackOverride
-    */
-    createAndAddValidationRule(type: ValidationTypes, feedbackOverride?: string): void;
-    /**
-    *
-    * @param {ValidationTypes} type
-    */
-    removeValidationRule(type: ValidationTypes): void;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

@@ -1,40 +0,0 @@
-import { ScwHeadingSizes } from './scw-heading-enums';
-import ScwLinkBase from '../scw-link-base/ScwLinkBase';
-/**
- * ScwHeading
- * @class
- * @tag scw-heading
- *
- * @slot [default="<h1, h2, h3, h4, h5 />"]
-    heading html (for SEO) will determine the size and label.
- * @slot [default="<a href target><h1, h2, h3, h4, h5 /></a>"]
-    (OPTIONAL) anchor (for SEO) will determine the label, href, and target in
-    addition to size and label.
- */
-export default class ScwHeading extends ScwLinkBase {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /**
-    * (ScwHeader) Size of heading (h1, h2, h3, h4, h5)
-    * @type {string}
-    */
-    size: ScwHeadingSizes;
-    /**
-    * Constructor
-    */
-    constructor();
-    /** parseAndValidateLightDom, just adding local parsing and validation */
-    parseAndValidateLightDom(): void;
-    /**
-    * renderHeading
-    * @return {object} component DOM
-    */
-    renderHeading(): object;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

@@ -1,6 +0,0 @@
-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/scw-heading-enums.d.ts

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

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

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

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

@@ -1,32 +0,0 @@
-import { ScwIconSizes } from './scw-icon-enums';
-import ScwLinkBase from '../scw-link-base/ScwLinkBase';
-/**
- * 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 ScwLinkBase {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /** (ScwIcon) Determines the icon to use with the text */
-    icon: string | undefined;
-    /** (ScwIcon) Determines the square size of the icon */
-    size: ScwIconSizes;
-    /** (ScwIcon) Background color (w/ accompanying state colors) */
-    colorBackground: boolean;
-    _svgInfo: string;
-    /** Constructor */
-    constructor();
-    /** parseAndValidateLightDom, just adding local parsing and validation */
-    parseAndValidateLightDom(): void;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

@@ -1,12 +0,0 @@
-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

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

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

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

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

@@ -1,98 +0,0 @@
-import ScwLinkBase from '../scw-link-base/ScwLinkBase';
-import { Breakpoint } from '../utils/responsive/BreakpointTypes';
-/**
- * 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 ScwLinkBase {
-    /**
-    * 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) establishes when (via the name of the breakpoint)
-     * the image figures out it's sizing for srcset */
-    resizeBreakpoints: string;
-    /** (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;
-    _resizeBreakpoints: Breakpoint[];
-    /** Constructor */
-    constructor();
-    /**
-     * first updated
-     * @param {Map<string | number | symbol, unknown>} changedProps
-     */
-    firstUpdated(changedProps: Map<string | number | symbol, unknown>): void;
-    /** parseAndValidateLightDom, just adding local parsing and validation */
-    parseAndValidateLightDom(): void;
-    /**
-    * disconnect from dom
-    */
-    disconnectedCallback(): void;
-    /**
-     * Establish Resize Breakpoints
-     */
-    establishResizeBreakpoints(): 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/scw-image-src-parser.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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

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

@@ -1,3 +0,0 @@
-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

@@ -1,59 +0,0 @@
-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-field/autoformatters/autoFormat.d.ts

@@ -1,52 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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"
-}