scu-web-components 0.0.41 → 0.0.43

package/dist/utils/getComputedStyleValue.d.ts

@@ -1,7 +0,0 @@
-/**
- * Find the computed style value for element (versus locally defined style)
- * @param {HTMLElement} ele
- * @param {string} propName
- * @return {string | false}
- */
-export default function getComputedStyleValue(ele: HTMLElement, propName: string): string | false;

package/dist/utils/getIconSvg.d.ts

@@ -1,6 +0,0 @@
-/**
- * Find and return svg for icon
- * @param {string | undefined} iconName
- * @param {Function} callback
- */
-export default function getIconSvg(iconName: string | undefined, callback: (svgInfo: string | false) => void): void;

package/dist/utils/lightCss.d.ts

@@ -1,6 +0,0 @@
-/**
- * add css to the light dom per id
- * @param {string} id
- * @param {string} css
- */
-export default function addLightCss(id: string, css: string): void;

package/dist/utils/lightDomMutationObserver.d.ts

@@ -1,32 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * Class to manage changes to the light dom
- */
-export default class LightDomMutationObserver {
-    /**
-    * the mutation observer used
-    */
-    _mutationObserver: MutationObserver | undefined;
-    /**
-    * LitElement to watch...no children here..
-    */
-    _element: LitElement;
-    /**
-    * callback for change event
-    */
-    _callback: () => void | undefined;
-    /**
-    * constructor
-    * @param {string} element LitElement to observe
-    * @param {function} callback
-    */
-    constructor(element: LitElement, callback: () => void);
-    /**
-    * Connect LitElement to mutation observer (sans attributes)
-    */
-    observe(): void;
-    /**
-    * disconnect mutation observer
-    */
-    disconnect(): void;
-}

package/dist/utils/observers/intersectionObserverSingleton.d.ts

@@ -1,34 +0,0 @@
-/**
- * Singleton for IntersectionObserver
- */
-declare class IntersectionObserverSingleton {
-    /** reference to single resize observer */
-    intersectionObserver: IntersectionObserver | undefined;
-    /** Internal Lookups (object => [callback, callback]) */
-    callbacks: WeakMap<object, any>;
-    /** total targets watched */
-    _totalWatched: number;
-    /**
-    * constructor
-    */
-    constructor();
-    /**
-    * Internal callback for resize observer
-    * @param {ResizeRecord[]} entries
-    */
-    _intersectionCallback(entries: IntersectionObserverEntry[]): void;
-    /**
-    * register callback
-    * @param {HTMLElement} sizeTarget
-    * @param {Function} callback
-    */
-    registerCallback(sizeTarget: HTMLElement, callback: (intersecting: boolean, ratio: number) => void): void;
-    /**
-    * unregister callback
-    * @param {HTMLElement} sizeTarget
-    * @param {Function} callback
-    */
-    unregisterCallback(sizeTarget: HTMLElement, callback: (intersecting: boolean, ratio: number) => void): void;
-}
-declare const _default: IntersectionObserverSingleton;
-export default _default;

package/dist/utils/observers/mediaQueryListSingleton.d.ts

@@ -1,46 +0,0 @@
-import { Breakpoint } from '../responsive/BreakpointTypes';
-interface MediaQueryListContainer {
-    listeners: ((evt: MediaQueryListEvent) => void)[];
-    mediaQueryList: MediaQueryList;
-}
-/**
- * Singleton for MediaQueryListSingleton (instance exported below)
- */
-declare class MediaQueryListSingleton {
-    /** media query lookup */
-    _mediaQueries: {
-        [key: string]: MediaQueryListContainer;
-    };
-    /**
-    * add via a list of breakpoints
-    * @param {Breakpoint[]} breakpoints
-    * @param {Function} listener
-    */
-    addBreakpointListener(breakpoints: Breakpoint[], listener: (evt: MediaQueryListEvent) => void): void;
-    /**
-    * remove via a list of breakpoints
-    * @param {Breakpoint[]} breakpoints
-    * @param {Function} listener
-    */
-    removeBreakpointListener(breakpoints: Breakpoint[], listener: (evt: MediaQueryListEvent) => void): void;
-    /**
-    * centralize serializng breakpoint
-    * @param {Breakpoint} breakpoint
-    * @return {string}
-    */
-    breakpointToQuery(breakpoint: Breakpoint): string;
-    /**
-    * add a query string to listen to...
-    * @param {string} query
-    * @param {Function} listener
-    */
-    addListener(query: string, listener: (evt: MediaQueryListEvent) => void): void;
-    /**
-    * remove query string from listener
-    * @param {string} query
-    * @param {Function} listener
-    */
-    removeListener(query: string, listener: (evt: MediaQueryListEvent) => void): void;
-}
-declare const _default: MediaQueryListSingleton;
-export default _default;

package/dist/utils/observers/mutationObserverSingleton.d.ts

@@ -1,18 +0,0 @@
-/**
- * Singleton for MutationObserver
- */
-declare class MutationObserverSingleton {
-    /** reference to single mutation observer */
-    mutationObserver: MutationObserver;
-    /**
-    * constructor
-    */
-    constructor();
-    /**
-    * Internal callback for mutation observer
-    * @param {MutationRecord[]} entries
-    */
-    _mutationCallback(entries: MutationRecord[]): void;
-}
-export declare const mutationObserverSingleton: MutationObserverSingleton;
-export {};

package/dist/utils/observers/resizeObserverSingleton.d.ts

@@ -1,34 +0,0 @@
-/**
- * Singleton for ResizeObserver
- */
-declare class ResizeObserverSingleton {
-    /** reference to single resize observer */
-    resizeObserver: ResizeObserver | undefined;
-    /** Internal Lookups (object => [callback, callback]) */
-    callbacks: WeakMap<object, any>;
-    /** total targets watched */
-    _totalWatched: number;
-    /**
-    * constructor
-    */
-    constructor();
-    /**
-    * Internal callback for resize observer
-    * @param {ResizeRecord[]} entries
-    */
-    _resizeCallback(entries: ResizeObserverEntry[]): void;
-    /**
-     * register callback
-     * @param {HTMLElement} sizeTarget
-     * @param {Function} callback
-     */
-    registerCallback(sizeTarget: HTMLElement, callback: (w: number, h: number) => void): void;
-    /**
-     * unregister callback
-     * @param {HTMLElement} sizeTarget
-     * @param {Function} callback
-     */
-    unregisterCallback(sizeTarget: HTMLElement, callback: (w: number, h: number) => void): void;
-}
-declare const _default: ResizeObserverSingleton;
-export default _default;

package/dist/utils/responsive/BreakpointTypes.d.ts

@@ -1,28 +0,0 @@
-export interface Breakpoint {
-    name: string;
-    minWidth: number;
-    maxWidth: number;
-    priority: number;
-    attribute?: string;
-    value?: string;
-}
-export declare enum BreakpointNames {
-    breakpoint01 = "01",
-    breakpoint02 = "02",
-    breakpoint03 = "03",
-    breakpointSM = "sm",
-    breakpoint04 = "04",
-    breakpoint05 = "05",
-    breakpointMD = "md",
-    breakpoint06 = "06",
-    breakpoint07 = "07",
-    breakpointLG = "lg",
-    breakpoint08 = "08",
-    breakpoint09 = "09",
-    breakpoint10 = "10"
-}
-export declare enum ResponsiveTypes {
-    viewport = "viewport",
-    element = "element",
-    none = "none"
-}

package/dist/utils/responsive/BreakpointTypes.js

@@ -1,2 +0,0 @@
-import{a,b}from"../../chunks/chunk.XDWCNUEB.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as BreakpointNames,b as ResponsiveTypes};
-//# sourceMappingURL=BreakpointTypes.js.map

package/dist/utils/responsive/BreakpointTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/utils/responsive/ResponsiveElement.d.ts

@@ -1,51 +0,0 @@
-import ScwComponent from '../../scw-component/ScwComponent';
-import { Breakpoint, ResponsiveTypes } from './BreakpointTypes';
-/**
- * Handles Responsive Functionality for any ScwComponent
- */
-export default class ResponsiveElement {
-    static instanceIndex: number;
-    /**
-    * constructor
-    * @param {ScwComponent} responsiveInfo
-    * @param {HTMLElement} responsiveClient
-    * @param {HTMLElement} responsiveObserved
-    * @param {string} responsiveClientSelector
-    */
-    constructor(responsiveInfo: ScwComponent, responsiveClient?: HTMLElement | ScwComponent, responsiveObserved?: HTMLElement | ScwComponent, responsiveClientSelector?: string);
-    /**
-     * run
-     */
-    run(): void;
-    /** contains the resize information */
-    responsiveInfo: ScwComponent;
-    /** gets manipulated */
-    responsiveClient: HTMLElement | ScwComponent;
-    /** querySelector to find client  */
-    responsiveClientSelector: string | undefined;
-    /** the observed */
-    responsiveObserved: HTMLElement | ScwComponent | Document;
-    /** viewport or element level responsivness */
-    responsiveType: ResponsiveTypes;
-    /** list of breakpoints to watch */
-    breakpoints: Breakpoint[];
-    /** list of breakpoints to watch */
-    attrBreakpoints: {
-        [key: string]: Breakpoint[];
-    };
-    /** all styles pulled into a single string */
-    stylesCompiled: string;
-    /** unique (enough) identifier for connecting classes/style */
-    uuid: string;
-    /**
-    * Register base element to deal with responsiveness
-    */
-    connect(): void;
-    /** clean up any connections */
-    disconnect(): void;
-    /**
-    * route media query handler back to connect attributes
-    * @param {MediaQueryListEvent} evt
-    */
-    mediaQueryHandler(): void;
-}

package/dist/utils/responsive/ResponsiveElement.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunks/chunk.2GGC3YVW.js";import"../../chunks/chunk.NW6LQ3YZ.js";import"../../chunks/chunk.U37TEBY2.js";import"../../chunks/chunk.I22BAQME.js";import"../../chunks/chunk.KBIUGQUO.js";import"../../chunks/chunk.XDWCNUEB.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as default};
-//# sourceMappingURL=ResponsiveElement.js.map

package/dist/utils/responsive/ResponsiveElement.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/utils/responsive/breakpoints.d.ts

@@ -1,9 +0,0 @@
-import { Breakpoint } from './BreakpointTypes';
-export declare const breakpoints: Breakpoint[];
-/**
- * breakpoint lookup
- * @return {object}
- */
-export declare function breakpointLookup(): {
-    [key: string]: Breakpoint;
-};

package/dist/utils/responsive/connectAttributes.d.ts

@@ -1,11 +0,0 @@
-import ResponsiveElement from './ResponsiveElement';
-/**
- * connect attributes (class right now) to the responsiveEle via resizing
- * @param {ResponsiveElement} responsiveEle
- */
-export declare function connectAttributes(responsiveEle: ResponsiveElement): void;
-/**
- * handle media query events
- * @param {ResponsiveElement} responsiveEle
- */
-export declare function mediaQueryHandler(responsiveEle: ResponsiveElement): void;

package/dist/utils/responsive/connectAttributes.js

@@ -1,2 +0,0 @@
-import{a,b}from"../../chunks/chunk.NW6LQ3YZ.js";import"../../chunks/chunk.I22BAQME.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as connectAttributes,b as mediaQueryHandler};
-//# sourceMappingURL=connectAttributes.js.map

package/dist/utils/responsive/connectAttributes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/utils/responsive/connectStyles.d.ts

@@ -1,6 +0,0 @@
-import ResponsiveElement from './ResponsiveElement';
-/**
- * connect styles to the responsiveEle
- * @param {ResponsiveElement} responsiveEle
- */
-export declare function connectStyles(responsiveEle: ResponsiveElement): void;

package/dist/utils/responsive/connectStyles.js

@@ -1,15 +0,0 @@
-import{b as u}from"../../chunks/chunk.KBIUGQUO.js";import"../../chunks/chunk.XDWCNUEB.js";import"../../chunks/chunk.5YJY6NT6.js";function f(t){let r=t.responsiveInfo.attributes,o=[],m=0;for(let s=0;s<r.length;s++){let e=r[s],n=e.name,i=e.value;if(n.indexOf("style")===0)if(n==="style")o.push([`
-          .${t.uuid} { 
-            ${i}
-          }`,0]);else{m++;let c=n.split("-")[2],a=u()[c];if(a){let d=e.value;o.push([`
-            @media only screen and
-              (min-width: ${a.minWidth}px) and 
-              (max-width: ${a.maxWidth}px)
-            {
-              .${t.uuid} { 
-                ${d}
-              }
-            }`,a.priority])}}}if(m>0){t.responsiveInfo.removeAttribute("style"),t.responsiveInfo.classList.add(t.uuid),o.sort((n,i)=>n[1]>i[1]?1:-1);let s=o.map(n=>n[0]),e=document.createElement("style");e.innerHTML=s.join(`
-
-`),e.setAttribute("id",t.uuid),t.responsiveInfo.prepend(e)}}export{f as connectStyles};
-//# sourceMappingURL=connectStyles.js.map

package/dist/utils/responsive/connectStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/responsive/connectStyles.ts"],
-  "sourcesContent": ["import ResponsiveElement from './ResponsiveElement';\nimport {breakpointLookup} from './breakpoints';\n\n/**\n * connect styles to the responsiveEle\n * @param {ResponsiveElement} responsiveEle\n */\nexport function connectStyles(responsiveEle : ResponsiveElement) {\n  const attrs = responsiveEle.responsiveInfo.attributes;\n  const styleCss = [];\n  let totalBPStyleAttrs = 0;\n  for (let i = 0; i < attrs.length; i++) {\n    const attr = attrs[i];\n    const attrName = attr.name;\n    const attrValue = attr.value;\n\n    // checking for class only right now......\n    if (attrName.indexOf('style') === 0) {\n      if (attrName === 'style') {\n        styleCss.push([`\n          .${responsiveEle.uuid} { \n            ${attrValue}\n          }`, 0]);\n      } else {\n        totalBPStyleAttrs++;\n        const attrNameParts = attrName.split('-');\n        const bpName = attrNameParts[2];\n        const breakpoint = breakpointLookup()[bpName];\n        if (breakpoint) {\n          const attrValue = attr.value;\n          styleCss.push([`\n            @media only screen and\n              (min-width: ${breakpoint.minWidth}px) and \n              (max-width: ${breakpoint.maxWidth}px)\n            {\n              .${responsiveEle.uuid} { \n                ${attrValue}\n              }\n            }`, breakpoint.priority]);\n        }\n      }\n    }\n  }\n\n  if (totalBPStyleAttrs > 0) {\n    // made it through...now get rid of style so it doesn't override breakpoints\n    responsiveEle.responsiveInfo.removeAttribute('style');\n    // uuid may not be in classList\n    responsiveEle.responsiveInfo.classList.add(responsiveEle.uuid);\n    // sort by priority\n    styleCss.sort((a, b) => a[1] > b[1] ? 1 : -1);\n    const finalStyleCss = styleCss.map((css) => css[0]);\n\n    const sheet = document.createElement('style');\n    sheet.innerHTML = finalStyleCss.join('\\n\\n');\n    sheet.setAttribute('id', responsiveEle.uuid );\n    responsiveEle.responsiveInfo.prepend(sheet);\n  }\n}\n"],
-  "mappings": "iIAOO,SAASA,EAAcC,EAAmC,CAC/D,IAAMC,EAAQD,EAAc,eAAe,WACrCE,EAAW,CAAC,EACdC,EAAoB,EACxB,QAASC,EAAI,EAAGA,EAAIH,EAAM,OAAQG,IAAK,CACrC,IAAMC,EAAOJ,EAAMG,GACbE,EAAWD,EAAK,KAChBE,EAAYF,EAAK,MAGvB,GAAIC,EAAS,QAAQ,OAAO,IAAM,EAChC,GAAIA,IAAa,QACfJ,EAAS,KAAK,CAAC;AAAA,aACVF,EAAc;AAAA,cACbO;AAAA,aACA,CAAC,CAAC,MACH,CACLJ,IAEA,IAAMK,EADgBF,EAAS,MAAM,GAAG,EACX,GACvBG,EAAaC,EAAiB,EAAEF,GACtC,GAAIC,EAAY,CACd,IAAMF,EAAYF,EAAK,MACvBH,EAAS,KAAK,CAAC;AAAA;AAAA,4BAEGO,EAAW;AAAA,4BACXA,EAAW;AAAA;AAAA,iBAEtBT,EAAc;AAAA,kBACbO;AAAA;AAAA,eAEFE,EAAW,QAAQ,CAAC,CAC5B,CACF,CAEJ,CAEA,GAAIN,EAAoB,EAAG,CAEzBH,EAAc,eAAe,gBAAgB,OAAO,EAEpDA,EAAc,eAAe,UAAU,IAAIA,EAAc,IAAI,EAE7DE,EAAS,KAAK,CAACS,EAAGC,IAAMD,EAAE,GAAKC,EAAE,GAAK,EAAI,EAAE,EAC5C,IAAMC,EAAgBX,EAAS,IAAKY,GAAQA,EAAI,EAAE,EAE5CC,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,UAAYF,EAAc,KAAK;AAAA;AAAA,CAAM,EAC3CE,EAAM,aAAa,KAAMf,EAAc,IAAK,EAC5CA,EAAc,eAAe,QAAQe,CAAK,CAC5C,CACF",
-  "names": ["connectStyles", "responsiveEle", "attrs", "styleCss", "totalBPStyleAttrs", "i", "attr", "attrName", "attrValue", "bpName", "breakpoint", "breakpointLookup", "a", "b", "finalStyleCss", "css", "sheet"]
-}

package/dist/utils/responsive/processAttributes.d.ts

@@ -1,6 +0,0 @@
-import ResponsiveElement from './ResponsiveElement';
-/**
- * connect attributes (class right now) to the responsiveEle via resizing
- * @param {ResponsiveElement} responsiveEle
- */
-export declare function processAttributes(responsiveEle: ResponsiveElement): void;

package/dist/utils/responsive/processAttributes.js

@@ -1,2 +0,0 @@
-import{a}from"../../chunks/chunk.U37TEBY2.js";import"../../chunks/chunk.KBIUGQUO.js";import"../../chunks/chunk.XDWCNUEB.js";import"../../chunks/chunk.5YJY6NT6.js";export{a as processAttributes};
-//# sourceMappingURL=processAttributes.js.map

package/dist/utils/responsive/processAttributes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/utils/submitForm.d.ts

@@ -1,14 +0,0 @@
-/** possible methods for form */
-export declare enum FormMethods {
-    get = "get",
-    post = "post",
-    put = "put",
-    delete = "delete"
-}
-/**
- *
- * @param {string} path
- * @param {object} params
- * @param {'get' | 'post'} method
- */
-export declare function submitForm(path: string, params: {}, method: FormMethods): void;

package/dist/utils/suffix.d.ts

@@ -1,6 +0,0 @@
-/**
- * Pulls suffix from global design system config with some formatting options
- * @param {string} connector
- * @return {string}
- */
-export default function getSuffix(connector?: string): string;

package/dist/utils/testing/colorContrast.d.ts

@@ -1,10 +0,0 @@
-/**
- * Check colors
- * @param {string} color1
- * @param {string} color2
- * @return {object}
- */
-export default function checkColors(color1: string, color2: string): {
-    didPass: boolean;
-    maxLevel: string | number | null;
-};

package/dist/utils/testing/expectLink.d.ts

@@ -1,10 +0,0 @@
-import type ScwComponent from '../../scw-component/ScwComponent';
-export declare const scwLinkBaseElementQuery = ".scw-link-base";
-/**
- * expect a link
- * @param {ScwComponent} ele
- * @param {string} textContent
- * @param {string} href
- * @param {string} target
- */
-export default function expectLink(ele: ScwComponent, textContent?: string | false, href?: string, target?: string): void;

package/dist/utils/testing/getActiveElement.d.ts

@@ -1,6 +0,0 @@
-/**
- * Get Active Element
- * @param {Document | ShadowRoot} root
- * @return {Element | null}
- */
-export default function getActiveElement(root?: Document | ShadowRoot): Element | null;

package/dist/utils/testing/ssrTesting.d.ts

@@ -1,15 +0,0 @@
-export interface SSRResults {
-    source: string;
-    ssr: string;
-}
-/**
- * expect SSR Template
- * @param {string} ssrResults
- */
-export declare function expectSSRTemplate(ssrResults: SSRResults): void;
-/**
- * expect SSR Anchor
- * @param {string} ssrResults
- * @param {string} href
- */
-export declare function expectSSRAnchor(ssrResults: SSRResults, href?: string): void;

package/dist/utils/testing/testButtonADA.d.ts

@@ -1,6 +0,0 @@
-/**
- * test button ada and tabbability
- * @param {HTMLElement} el
- * @param {HTMLElement} tabTarget
- */
-export default function testButtonADAandTabbable(el: HTMLElement, tabTarget?: HTMLElement): Promise<void>;

package/dist/utils/themes/enums.d.ts

@@ -1,21 +0,0 @@
-export declare enum ScwThemeColors {
-    default = "default",
-    primary = "primary",
-    grey = "grey",
-    checking = "checking",
-    redShoes = "red-shoes",
-    business = "business",
-    personal = "personal",
-    heloc = "heloc",
-    mortgage = "mortgage",
-    investments = "investments",
-    creditCards = "credit-cards",
-    student = "student",
-    savings = "savings"
-}
-export declare enum ScwFeedbackColors {
-    information = "information",
-    warning = "warning",
-    error = "error",
-    success = "success"
-}

package/dist/utils/uuid.d.ts

@@ -1,5 +0,0 @@
-/**
- * create unique id
- * @return {string}
- */
-export declare function uuidv4(): string;

package/dist/utils/watch.d.ts

@@ -1,14 +0,0 @@
-/**
- * WatchOptions
- */
-interface WatchOptions {
-    waitUntilFirstUpdate?: boolean;
-}
-/**
- * watch
- * @param {string} propName
- * @param {WatchOptions} options
- * @return {Function}
- */
-export declare function watch(propName: string, options?: WatchOptions): (protoOrDescriptor: any, name: string) => any;
-export {};

package/src/utils/responsive/breakpointsData.mjs

@@ -1,22 +0,0 @@
-// TODO: get a single version to work in both javascript and typescript....
-export default [
-  {name: '01', minWidth: 0, maxWidth: 320, priority: 1000},
-  {name: '02', minWidth: 0, maxWidth: 450, priority: 900},
-
-  {name: 'sm', minWidth: 0, maxWidth: 450, priority: 900}, // SM
-
-  {name: '03', minWidth: 0, maxWidth: 600, priority: 800},
-  {name: '04', minWidth: 0, maxWidth: 750, priority: 700},
-  {name: '05', minWidth: 0, maxWidth: 900, priority: 600},
-  {name: '06', minWidth: 0, maxWidth: 1024, priority: 500},
-
-  {name: 'md', minWidth: 0, maxWidth: 1024, priority: 500}, // MD
-
-  {name: '07', minWidth: 0, maxWidth: 1150, priority: 400},
-  {name: '08', minWidth: 0, maxWidth: 1300, priority: 300},
-
-  {name: 'lg', minWidth: 0, maxWidth: 1300, priority: 300}, // LG
-
-  {name: '09', minWidth: 0, maxWidth: 1450, priority: 200},
-  {name: '10', minWidth: 0, maxWidth: 1600, priority: 100},
-];