scu-web-components 0.0.75 → 0.0.77

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,68 +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
- */
-export default class ScwLink extends ScwLinkBase {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /**
-     * (ScwLink) 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;
-    /**
-    * (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();
-    /**
-     * refreshIcon
-     */
-    refreshIcon(): 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,53 +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)
-    */
-    href: string | undefined;
-    /**
-    * (ScwLinkBase)
-    */
-    target: '_blank' | '_parent' | '_self' | '_top' | undefined;
-    linkAnchor: HTMLAnchorElement | undefined;
-    /**
-    * Constructor
-    */
-    constructor();
-    /**
-     * request update
-     */
-    updated(): void;
-    /**
-     * cancel event
-     * @param {Event} evt
-     */
-    cancelEvent(evt: Event): void;
-    /**
-     * focus
-     */
-    focus(): void;
-    /**
-    * renderLink
-    * @param {object} children
-    * @param {string} styles
-    * @return {object} component DOM
-    */
-    renderLink(children: object, styles?: string): object;
-    /**
-    * 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 {};

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

@@ -1,59 +0,0 @@
-import ScwComponent from '../scw-component/ScwComponent';
-import ScwMenuKeyboard from './keyboard/scw-menu-keyboard';
-import ScwMenuItem from '../scw-menu-item/ScwMenuItem';
-import { ScwMenuDirections } from './scw-menu-enums';
-/**
- * ScwMenu
- * @class
- * @tag scw-menu
- *
- * @slot [default="<scw-menu-item />..."]
-    List of scw-menu-items
- */
-export default class ScwMenu extends ScwComponent {
-    /**
-    * styles
-    */
-    static get styles(): any[];
-    /**
-    * (<ScwMenu>) Turns menu visible and invisible (ADA friendly)
-    * @type {string}
-    */
-    ariaHidden: string;
-    /**
-    * (<ScwMenu>) determines some arrow key differences
-    * (either, horizontal, vertical)
-    * @type {ScwMenuDirections}
-    */
-    keyboardDirection: ScwMenuDirections;
-    /** Manages all keyboard events */
-    _keyboardManager: ScwMenuKeyboard | undefined;
-    /** keeps track of the menu item controling this menu */
-    _menuItem: ScwMenuItem | undefined;
-    /**
-    * Constructor
-    */
-    constructor();
-    /**
-    * get defaults after initialization...light dom trumps attributes
-    * @param {Map<string | number | symbol, unknown>} changedProps
-    */
-    firstUpdated(changedProps: Map<string | number | symbol, unknown>): void;
-    /** connectedCallback */
-    connectedCallback(): void;
-    /**
-     * determines if this menu item has a sub menu
-     * @return {ScwMenuItem | undefined}
-     */
-    findMenuItem(): ScwMenuItem | undefined;
-    /**
-    * Is this a nested menu or not...
-    * @return {boolean}
-    */
-    isSubMenu(): boolean;
-    /**
-    * render
-    * @return {object} component DOM
-    */
-    render(): object;
-}

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

@@ -1,42 +0,0 @@
-import ScwMenu from '../ScwMenu';
-/**
-  * walk through children from a starting point
-  * @param {ScwMenu} menu
-  * @param {HTMLElement} ele
-  * @param {'forwards' | 'backwards'} direction
-  */
-export default function focusOnTabbableElement(menu: ScwMenu, ele: HTMLElement | undefined, direction: 'forwards' | 'backwards'): void;
-/**
-  * walk through children from a starting point
-  * @param {ScwMenu} menu
-  * @return {HTMLElement | undefined}
-  */
-export declare function findActiveMenuElement(menu: ScwMenu): HTMLElement | undefined;
-/**
- * get the next tabbable element
- * @param {ScwMenu} menu
- * @return {void}
- */
-export declare function findNextTabbableEle(menu: ScwMenu): false | HTMLElement | undefined;
-/**
- * get the previous tabble element
- * @param {ScwMenu} menu
- * @return {void}
- */
-export declare function findPrevTabbableEle(menu: ScwMenu): false | HTMLElement | undefined;
-/**
- * walk through children from a starting point
- * @param {ScwMenu} menu
- * @param {HTMLElement} ele
- * @param {'forwards' | 'backwards'} direction
- * @param {Boolean} checkEle
- * @param {Boolean} checkChildren
- * @return {HTMLElement | false}
- */
-export declare function findTabbableElement(menu: ScwMenu, ele: HTMLElement, direction?: 'forwards' | 'backwards', checkEle?: boolean, checkChildren?: boolean): HTMLElement | false;
-/**
-* last checks
-* @param {HTMLElement} ele
-* @return {HTMLElement | false}
-*/
-export declare function isTabbleable(ele: HTMLElement | false): HTMLElement | false;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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