scu-web-components 0.0.41 → 0.0.42

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"
-}

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;
-}

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

@@ -1,34 +0,0 @@
-import ScwComponent from '../scw-component/ScwComponent';
-/**
- * ScwInputLayout
- * @class
- * @tag scw-input-layout
- * @status new
- * @since 0.0.4
- *
- */
-export default class ScwInputLayout extends ScwComponent {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /** constructor */
-    constructor();
-    /** (ScwInputLayout) the text to use for the label */
-    label: string | undefined;
-    /** (ScwInputLayout) the text to use for feedback */
-    feedback: string | undefined;
-    /** (ScwInputLayout) hides the main label */
-    hideLabel: boolean;
-    /** (ScwInputLayout) hides the feedback label */
-    hideFeedback: boolean;
-    /** (ScwInputLayout) shows first right icon and determines the icon svg. */
-    rightIcon: string | undefined;
-    /** (ScwInputLayout) shows second right icon and determines the icon svg. */
-    right2Icon: string | undefined;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

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

package/dist/scw-link/ScwLink.d.ts

@@ -1,67 +0,0 @@
-import { ScwLinkSide, ScwLinkDesigns } from './scw-link-enums';
-import { ScwMenuItemDesigns } from '../scw-menu-item/scw-menu-item-enums';
-import ScwLinkBase from '../scw-link-base/ScwLinkBase';
-/**
- * ScwLink
- * @class
- * @tag scw-link
- *
- * @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 ScwLink extends ScwLinkBase {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /**
-    * (ScwLink) Determines the icon to use with the text
-    * @type {string}
-    */
-    icon: string | undefined;
-    /**
-    * (ScwLink) Determines which side the icon should show up on
-    * @type {string}
-    */
-    iconSide: ScwLinkSide;
-    /**
-    * (ScwLink) The design style of the link.
-    * @type {string}
-    */
-    design: ScwLinkDesigns | ScwMenuItemDesigns;
-    _svgInfo: string;
-    /**
-    * Constructor
-    */
-    constructor();
-    /** parseAndValidateLightDom, just adding local parsing and validation */
-    parseAndValidateLightDom(): void;
-    /**
-    * Way to extend valid design types...
-    * @return {object} object of valid designs relative to this object
-    */
-    validDesigns(): object;
-    /**
-    * Way to extend valid design icon types...
-    * @return {boolean}
-    */
-    doShowIcon(): boolean;
-    /**
-    * renderContent
-    * @return {object} component DOM
-    */
-    renderContent(): object;
-    /**
-     * find the style per design
-     * @return {object}
-     */
-    findStyle(): any;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

@@ -1,10 +0,0 @@
-export declare enum ScwLinkSide {
-    left = "left",
-    right = "right"
-}
-export declare enum ScwLinkDesigns {
-    solid = "solid",
-    outlined = "outlined",
-    text = "text",
-    plain = "plain"
-}

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

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

package/dist/scw-link-base/ScwLinkBase.d.ts

@@ -1,64 +0,0 @@
-import ScwComponent from '../scw-component/ScwComponent';
-/**
- * ScwLinkBase
- * @class
- * @tag scw-link-base
- *
- * @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 ScwLinkBase extends ScwComponent {
-    static get styles(): any[];
-    /**
-    * (ScwLinkBase) link location - private
-    * ...should not be able to be set directly b/c scu-link should use this
-    */
-    href: string | undefined;
-    /**
-    * (ScwLinkBase) link target - private
-    * ...should not be able to be set directly b/c scu-link should use this
-    */
-    target: '_blank' | '_parent' | '_self' | '_top' | undefined;
-    linkAnchor: HTMLAnchorElement | undefined;
-    /**
-    * Constructor
-    */
-    constructor();
-    /**
-     * request update
-     */
-    updated(): void;
-    /**
-     * cancel event
-     * @param {Event} evt
-     */
-    cancelEvent(evt: Event): void;
-    /**
-     * override with anchor info
-     */
-    parseAndValidateLightDom(): void;
-    /**
-     * Should this element be rendered as a link...
-     * @return {boolean}
-     */
-    isLink(): boolean;
-    /**
-    * renderLink
-    * @param {object} children
-    * @param {string} styles
-    * @return {object} component DOM
-    */
-    renderLink(children: object, styles?: string): object;
-    /**
-     * focus
-     */
-    focus(): void;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

package/dist/scw-link-base/parseLightDomAnchor.d.ts

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

package/dist/scw-link-base/scw-link-base.d.ts

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