scu-web-components 0.0.75 → 0.0.76

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,32 +0,0 @@
-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/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,44 +0,0 @@
-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;
-    _svgInfo: string;
-    /** Constructor */
-    constructor();
-    /**
-     * connectedCallback()
-     */
-    connectedCallback(): void;
-    /**
-     * refreshIcon
-     */
-    refreshIcon(): 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-icon-feature/ScwIconFeature.d.ts

@@ -1,21 +0,0 @@
-import ScwComponent from 'scw-component/ScwComponent';
-/**
- * ScwSlider
- */
-export default class ScwIconFeature extends ScwComponent {
-    /**
-     * styles
-     */
-    static get styles(): any[];
-    center: boolean;
-    href: string;
-    size: 'small' | 'medium' | 'large' | undefined;
-    icon: string;
-    /** Constructor */
-    constructor();
-    /**
-     * render
-     * @return {string}
-     */
-    render(): import("lit-html").TemplateResult<1>;
-}

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

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

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

@@ -1,66 +0,0 @@
-import ScwComponent from 'scw-component/ScwComponent';
-/**
- * ScwImage
- * @class
- * @tag scw-image
- *
- */
-export default class ScwImage extends ScwComponent {
-    /**
-     * styles
-     */
-    static get styles(): any[];
-    /** (ScwImage) Object Fit CSS */
-    objectFit: string | undefined;
-    /** (ScwImage) Object Position CSS */
-    objectPosition: 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 */
-    eager: boolean;
-    /** (ScwImage) src for the xsm image */
-    srcXsm: String | undefined;
-    /** (ScwImage) src for the sm image */
-    srcSm: String | undefined;
-    /** (ScwImage) src for the md image */
-    srcMd: String | undefined;
-    /** (ScwImage) src for the lg image */
-    srcLg: String | undefined;
-    /** (ScwImage) src for the xlg image */
-    srcXlg: String | undefined;
-    /** (ScwImage) breakpoint fro the xsm image */
-    breakpointXsm: Number | undefined;
-    /** (ScwImage) breakpoint fro the sm image */
-    breakpointSm: Number | undefined;
-    /** (ScwImage) breakpoint fro the md image */
-    breakpointMd: Number | undefined;
-    /** (ScwImage) breakpoint fro the lg image */
-    breakpointLg: Number | undefined;
-    /** (ScwImage) breakpoint fro the xlg image */
-    breakpointXlg: Number | undefined;
-    /** (ScwImage) Width of the image */
-    width: String | undefined;
-    /** (ScwImage) height of the image */
-    height: String | undefined;
-    /** Constructor */
-    constructor();
-    /**
-     * 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.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"
-}

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

@@ -1,94 +0,0 @@
-import ScwComponent from '../scw-component/ScwComponent';
-import AutoFormatter from './autoformatters/autoFormat';
-import { InputTypes } from './inputTypes';
-import { AutoCaptializeValues, AutoCompleteValues, AutoCorrectValues } from '../utils/formEnums';
-/**
- * ScwInputField
- * @class
- * @tag scw-input-field
- * @status new
- * @since 0.0.4
- *
- * @cssprop --scw-input-padding Adding padding this way will grow the input's
- * hit area.
- * @cssprop --min-height Makes sure that the input fits within your default
- * size
- *
- * @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 ScwInputField extends ScwComponent {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /** (ScwInputField) name to identify form element and attach data */
-    name: string;
-    /** (ScwInputField) name to identify form element and attach data */
-    value: string;
-    /** (ScwInputField) type of input field */
-    type: InputTypes;
-    /** (ScwInputField) read-only status */
-    readOnly: boolean;
-    /** (ScwInputField) More of a state, element is focused */
-    focused: boolean;
-    /** (ScwInputField) entire input string will be selected on focus */
-    selectAllOnFocus: boolean;
-    /** Tells browser what keyboard to use */
-    inputmode: string;
-    /** (ScwInputField) automatically capitalize input */
-    autoCapitalize: AutoCaptializeValues;
-    /** (ScwInputField) automatically completes input */
-    autoComplete: AutoCompleteValues;
-    /** (ScwInputField) automatically correct input */
-    autoCorrect: AutoCorrectValues;
-    /** (ScwInputField) automatically focus input */
-    autoFocus: boolean;
-    /** placeholder text */
-    placeholder: string | undefined;
-    input: HTMLInputElement;
-    /** valueDisplayed */
-    valueDisplayed: string;
-    /** autoFormatter */
-    autoFormatter: AutoFormatter;
-    lastFormattedValue: string | undefined;
-    /**
-    * watch value
-    * @param {string} oldValue
-    * @param {string} newValue
-    */
-    valueHandler(): void;
-    /**
-    * Formats value
-    */
-    _formatValue(): void;
-    /**
-    * handleChange
-    * @param {Event} evt
-    */
-    handleChange(): void;
-    /** handleInteraction */
-    handleInteraction(): void;
-    /** constructor */
-    constructor();
-    /** connectedCallback */
-    connectedCallback(): void;
-    /** focusHandler */
-    focusHandler(): void;
-    /** blurHandler */
-    blurHandler(): void;
-    /** valueChangeHandler */
-    valueChangeHandler(): void;
-    /**
-    * invalidHandler
-    * @param {Event} e
-    */
-    invalidHandler(e: Event): void;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}