scu-web-components 0.0.42 → 0.0.44

package/dist/tokens/styles.css

@@ -9,7 +9,7 @@
 --scw-color-primary-07: rgba(158,201,101,1);
 --scw-color-primary-08: rgba(200,230,160,1);
 --scw-color-primary-09: rgba(232,247,212,1);
---scw-color-primary-092: rgba(204,218,222,1);
+--scw-color-primary-092: rgba(239,255,223,1);
 --scw-color-primary-095: rgba(246,255,237,1);
 --scw-color-grey-00: rgba(0,0,0,1);
 --scw-color-grey-01: rgba(29,30,32,1);

package/dist/tokens/stylesEmbedded.css

@@ -9,7 +9,7 @@
 --scw-color-primary-07: rgba(158,201,101,1);
 --scw-color-primary-08: rgba(200,230,160,1);
 --scw-color-primary-09: rgba(232,247,212,1);
---scw-color-primary-092: rgba(204,218,222,1);
+--scw-color-primary-092: rgba(239,255,223,1);
 --scw-color-primary-095: rgba(246,255,237,1);
 --scw-color-grey-00: rgba(0,0,0,1);
 --scw-color-grey-01: rgba(29,30,32,1);

package/dist/tokens/tokens.html

@@ -13,7 +13,7 @@
 
 		<script type="module">
 			import run from './apps/tokens/main.js';
-			run('.', import.meta, '0.7.34', '../example/dist/tokens' );
+			run('.', import.meta, '0.7.35', '../example/dist/tokens' );
 		</script>
 		<style>
 			body, html {
@@ -42,7 +42,7 @@
 		<div id="main"></div>
 
 		<div id="main-loading">
-			Loading Summit Tokenizer Style Guide 0.7.34
+			Loading Summit Tokenizer Style Guide 0.7.35
 		</div>
 
   </body>

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

@@ -0,0 +1,35 @@
+export declare enum Components {
+    button = "button",
+    card = "card",
+    component = "component",
+    formElement = "form-element",
+    inputField = "input-field",
+    inputLayout = "input-layout",
+    singleInputLayout = "single-input-layout",
+    input = "input",
+    singleInput = "single-input",
+    heading = "heading",
+    icon = "icon",
+    link = "link",
+    linkBase = "link-base",
+    menu = "menu",
+    menuItem = "menu-item",
+    nav = "nav",
+    image = "image",
+    responsive = "responsive",
+    validation = "validation",
+    validate = "validate",
+    elementComponent = "element-component",
+    centerComponent = "center-component",
+    flexHComponent = "flex-h-component",
+    flexVComponent = "flex-v-component",
+    floatComponent = "float-component",
+    paneComponent = "pane-component",
+    layoutComponent = "layout-component",
+    stackComponent = "stack-component",
+    form = "form",
+    alert = "alert",
+    pageAlert = "pageAlert",
+    textarea = "textarea",
+    test = "test"
+}

package/dist/utils/events/event.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Emits a custom event with web component friendly defaults.
+ * @param {string} name
+ * @param {HTMLElement} target
+ * @param {object} detail
+ * @param {CustomEventInit} options
+ * @return {object}
+ */
+export declare function emit(name: ScwEvents, target: HTMLElement, detail?: {}, options?: CustomEventInit): CustomEvent<any>;
+export declare enum ScwEvents {
+    focus = "scw-focus",
+    blur = "scw-blur",
+    valueChange = "scw-value-change",
+    appModeOn = "scw-app-mode-on",
+    appModeOff = "scw-app-mode-off",
+    action = "scw-action",
+    submit = "scw-submit",
+    submitIntent = "scw-submit-intent"
+}

package/dist/utils/findJsCss.d.ts

@@ -0,0 +1,24 @@
+/**
+ *
+ * @param {HTMLElement} host
+ * @param {string} elementName
+ * @param {string} prefix
+ * @return {string}
+ */
+/**
+ * Locate JsCss and respond to it when it is ready
+ * @param {HTMLElement} host
+ * @param {string} elementName
+ * @param {function} callback
+ * @return {Promise<any>}
+ */
+/**
+ *
+ * @param {string} version
+ * @return {object}
+ */
+/**
+ *
+ * @param {string} version
+ * @param {function} callback
+ */

package/dist/utils/formEnums.d.ts

@@ -0,0 +1,17 @@
+export declare enum AutoCaptializeValues {
+    none = "none",
+    sentences = "sentences",
+    words = "words",
+    characters = "characters",
+    default = "none"
+}
+export declare enum AutoCompleteValues {
+    off = "off",
+    on = "on",
+    default = "on"
+}
+export declare enum AutoCorrectValues {
+    off = "off",
+    on = "on",
+    default = "off"
+}

package/dist/utils/getComputedStyleValue.d.ts

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

@@ -0,0 +1,6 @@
+/**
+ * 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/getIconSvg.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.ERNX5BQF.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.MKQHB2CE.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=getIconSvg.js.map

package/dist/utils/lightCss.d.ts

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

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

@@ -0,0 +1,34 @@
+/**
+ * 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/mutationObserverSingleton.d.ts

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

@@ -0,0 +1,34 @@
+/**
+ * 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/breakpoints.d.ts

@@ -0,0 +1,5 @@
+export declare const breakpoints: {
+    name: string;
+    minWidth: number;
+    order: number;
+}[];

package/dist/utils/responsive/breakpoints.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunks/chunk.F7EWVIRZ.js";import"../../chunks/chunk.5YJY6NT6.js";export{b as breakpointLookup,a as breakpoints};
+import"../../chunks/chunk.5YJY6NT6.js";var e=[{name:"xlg",minWidth:1200,order:4},{name:"lg",minWidth:992,order:3},{name:"md",minWidth:768,order:2},{name:"sm",minWidth:576,order:1}];export{e as breakpoints};
 //# sourceMappingURL=breakpoints.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
+  "sources": ["../../../src/utils/responsive/breakpoints.ts"],
+  "sourcesContent": ["// import {Breakpoint} from './BreakpointTypes';\n\nexport const breakpoints = [\n  {name: 'xlg',\n    minWidth: 1200, order: 4},\n  {name: 'lg',\n    minWidth: 992, order: 3},\n  {name: 'md',\n    minWidth: 768, order: 2},\n  {name: 'sm',\n    minWidth: 576, order: 1},\n];\n\n/*\nlet _breakpointLookup: {[key: string] : Breakpoint} | undefined;\n\n/ **\n * breakpoint lookup\n * @return {object}\n * /\nexport function breakpointLookup() {\n  if (!_breakpointLookup) {\n    _breakpointLookup = {};\n    breakpoints.map((bp) => {\n      if (_breakpointLookup) {\n        _breakpointLookup[bp.name] = bp;\n      }\n    });\n  }\n  return _breakpointLookup;\n}\n*/\n"],
+  "mappings": "uCAEO,IAAMA,EAAc,CACzB,CAAC,KAAM,MACL,SAAU,KAAM,MAAO,CAAC,EAC1B,CAAC,KAAM,KACL,SAAU,IAAK,MAAO,CAAC,EACzB,CAAC,KAAM,KACL,SAAU,IAAK,MAAO,CAAC,EACzB,CAAC,KAAM,KACL,SAAU,IAAK,MAAO,CAAC,CAC3B",
+  "names": ["breakpoints"]
 }

package/dist/utils/submitForm.d.ts

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

@@ -0,0 +1,6 @@
+/**
+ * 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/suffix.js

@@ -1,2 +1,2 @@
-import{a}from"../chunks/chunk.B7I2MIVA.js";import"../chunks/chunk.6W5KOQ2J.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
+import{a}from"../chunks/chunk.BSXT6VJ5.js";import"../chunks/chunk.XO3UZUKH.js";import"../chunks/chunk.UXIAMI3F.js";import"../chunks/chunk.RSR7WC4R.js";import"../chunks/chunk.PKA6D7UK.js";import"../chunks/chunk.5YJY6NT6.js";export{a as default};
 //# sourceMappingURL=suffix.js.map

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

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

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

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

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

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

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

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

package/dist/utils/watch.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scu-web-components",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "description": "Summit Credit Union Design System components for use on member facing apps and websites",
   "author": "srouse",
   "license": "MIT",
@@ -44,7 +44,7 @@
   },
   "devDependencies": {
     "contentful-readme-generator": "^0.0.6",
-    "scu-web-components-core": "0.0.32",
+    "scu-web-components-core": "0.0.34",
     "validator": "^13.7.0",
     "csstype": "3.1.1"
   },

package/dist/chunks/chunk.36NSOQS5.js

@@ -1,2 +0,0 @@
-import{a as o,b as p}from"./chunk.NW6LQ3YZ.js";import{a as m}from"./chunk.EHRX5ZGN.js";import{a as r}from"./chunk.I22BAQME.js";var t=class{constructor(n,i,s,c){this.responsiveType="none";this.breakpoints=[];this.attrBreakpoints={};this.stylesCompiled="";this.uuid="";this.uuid=`res-${t.instanceIndex++}`,this.mediaQueryHandler=this.mediaQueryHandler.bind(this),this.responsiveInfo=n,this.responsiveClient=i||n,this.responsiveObserved=s||document,this.responsiveClientSelector=c,this.responsiveType=this.responsiveObserved===document?"viewport":"element",this.connect()}run(){this.mediaQueryHandler()}connect(){m(this),o(this)}disconnect(){r.removeBreakpointListener(this.breakpoints,this.mediaQueryHandler)}mediaQueryHandler(){p(this)}},e=t;e.instanceIndex=0;export{e as a};
-//# sourceMappingURL=chunk.36NSOQS5.js.map

package/dist/chunks/chunk.36NSOQS5.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/responsive/ResponsiveElement.ts"],
-  "sourcesContent": ["import ScwComponent from '../../scw-component/ScwComponent';\nimport {\n  Breakpoint,\n  ResponsiveTypes,\n} from './BreakpointTypes';\nimport {\n  connectAttributes,\n  mediaQueryHandler,\n} from './connectAttributes';\nimport mediaQueryListSingleton from '../observers/mediaQueryListSingleton';\nimport {processAttributes} from './processAttributes';\n\n/**\n * Handles Responsive Functionality for any ScwComponent\n */\nexport default class ResponsiveElement {\n  static instanceIndex = 0;\n\n  /**\n  * constructor\n  * @param {ScwComponent} responsiveInfo\n  * @param {HTMLElement} responsiveClient\n  * @param {HTMLElement} responsiveObserved\n  * @param {string} responsiveClientSelector\n  */\n  constructor(\n      responsiveInfo : ScwComponent,\n      responsiveClient? : HTMLElement | ScwComponent,\n      responsiveObserved? : HTMLElement | ScwComponent,\n      responsiveClientSelector? : string,\n  ) {\n    this.uuid = `res-${ResponsiveElement.instanceIndex++}`;\n    this.mediaQueryHandler = this.mediaQueryHandler.bind(this);\n\n    this.responsiveInfo = responsiveInfo;\n    // if client is not sent it is the same as the info element\n    this.responsiveClient =\n      responsiveClient ? responsiveClient : responsiveInfo;\n    this.responsiveObserved =\n      responsiveObserved ? responsiveObserved : document;\n\n    this.responsiveClientSelector = responsiveClientSelector;\n\n    this.responsiveType = ( this.responsiveObserved === document ) ?\n      ResponsiveTypes.viewport : ResponsiveTypes.element;\n\n    this.connect();\n  }\n\n  /**\n   * run\n   */\n  run() {\n    this.mediaQueryHandler();\n  }\n\n  /** contains the resize information */\n  responsiveInfo: ScwComponent;\n\n  /** gets manipulated */\n  responsiveClient: HTMLElement | ScwComponent;\n\n  /** querySelector to find client  */\n  responsiveClientSelector: string | undefined;\n\n  /** the observed */\n  responsiveObserved: HTMLElement | ScwComponent | Document;\n\n  /** viewport or element level responsivness */\n  responsiveType: ResponsiveTypes = ResponsiveTypes.none;\n\n  /** list of breakpoints to watch */\n  breakpoints : Breakpoint[] = [];\n\n  /** list of breakpoints to watch */\n  attrBreakpoints : {[key:string]:Breakpoint[]} = {};\n\n  /** all styles pulled into a single string */\n  stylesCompiled : string = '';\n\n  /** unique (enough) identifier for connecting classes/style */\n  uuid : string = '';\n\n  /**\n  * Register base element to deal with responsiveness\n  */\n  connect() {\n    processAttributes( this );\n    connectAttributes( this );\n  }\n\n  /** clean up any connections */\n  disconnect() {\n    mediaQueryListSingleton.removeBreakpointListener(\n        this.breakpoints,\n        this.mediaQueryHandler,\n    );\n  }\n\n  /**\n  * route media query handler back to connect attributes\n  * @param {MediaQueryListEvent} evt\n  */\n  mediaQueryHandler() {\n    mediaQueryHandler( this );\n  }\n}\n\n\n"],
-  "mappings": "+HAeA,IAAqBA,EAArB,KAAuC,CAUrC,YACIC,EACAC,EACAC,EACAC,EACF,CAuCF,2BAGA,iBAA6B,CAAC,EAG9B,qBAAgD,CAAC,EAGjD,oBAA0B,GAG1B,UAAgB,GAlDd,KAAK,KAAO,OAAOJ,EAAkB,kBACrC,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EAEzD,KAAK,eAAiBC,EAEtB,KAAK,iBACHC,GAAsCD,EACxC,KAAK,mBACHE,GAA0C,SAE5C,KAAK,yBAA2BC,EAEhC,KAAK,eAAmB,KAAK,qBAAuB,8BAGpD,KAAK,QAAQ,CACf,CAKA,KAAM,CACJ,KAAK,kBAAkB,CACzB,CAgCA,SAAU,CACRC,EAAmB,IAAK,EACxBC,EAAmB,IAAK,CAC1B,CAGA,YAAa,CACXC,EAAwB,yBACpB,KAAK,YACL,KAAK,iBACT,CACF,CAMA,mBAAoB,CAClBC,EAAmB,IAAK,CAC1B,CACF,EA3FqBC,EAArBT,EAAqBS,EACZ,cAAgB",
-  "names": ["_ResponsiveElement", "responsiveInfo", "responsiveClient", "responsiveObserved", "responsiveClientSelector", "processAttributes", "connectAttributes", "mediaQueryListSingleton_default", "mediaQueryHandler", "ResponsiveElement"]
-}

package/dist/chunks/chunk.3H472TMQ.js

@@ -1,2 +0,0 @@
-var r=(b=>(b.breakpoint01="01",b.breakpoint02="02",b.breakpoint03="03",b.breakpointSM="sm",b.breakpoint04="04",b.breakpoint05="05",b.breakpointMD="md",b.breakpoint06="06",b.breakpoint07="07",b.breakpointLG="lg",b.breakpoint08="08",b.breakpoint09="09",b.breakpoint10="10",b))(r||{}),n=(t=>(t.viewport="viewport",t.element="element",t.none="none",t))(n||{});export{r as a,n as b};
-//# sourceMappingURL=chunk.3H472TMQ.js.map

package/dist/chunks/chunk.3H472TMQ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/responsive/BreakpointTypes.ts"],
-  "sourcesContent": ["export interface Breakpoint {\n  // target: ScwComponent | Document;\n  name: string, // BreakpointNames;\n  minWidth?: number;\n  maxWidth?: number;\n  order: number;// relative priority of breakpoint...\n  attribute?: string;\n  value?: string;\n}\n\nexport enum BreakpointNames {\n  breakpoint01 = '01',\n  breakpoint02 = '02',\n  breakpoint03 = '03',\n  breakpointSM = 'sm',\n  breakpoint04 = '04',\n  breakpoint05 = '05',\n  breakpointMD = 'md',\n  breakpoint06 = '06',\n  breakpoint07 = '07',\n  breakpointLG = 'lg',\n  breakpoint08 = '08',\n  breakpoint09 = '09',\n  breakpoint10 = '10',\n}\n\nexport enum ResponsiveTypes {\n  viewport = 'viewport',\n  element = 'element',\n  none = 'none'\n}\n\n/*\nResponsive\n\nresponsiveConfigElement: htmlelement with responsive information\nresponsive-source\n\nresponsiveRecipient: htmlelement that is being manipulated\nresponsive-client\n\nresponsiveObservee: htmlelement that is being observed\nresponsive-trigger\n\n*/\n"],
-  "mappings": "AAUO,IAAKA,OACVA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KACfA,EAAA,aAAe,KAbLA,OAAA,IAgBAC,OACVA,EAAA,SAAW,WACXA,EAAA,QAAU,UACVA,EAAA,KAAO,OAHGA,OAAA",
-  "names": ["BreakpointNames", "ResponsiveTypes"]
-}

package/dist/chunks/chunk.5C6F5BNN.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.K4NR64KF.js";customElements.define("scw-menu",e);
-//# sourceMappingURL=chunk.5C6F5BNN.js.map

package/dist/chunks/chunk.7TSVDV7Z.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk.PD56CY37.js";customElements.define("scw-link",e);
-//# sourceMappingURL=chunk.7TSVDV7Z.js.map

package/dist/chunks/chunk.B7I2MIVA.js

@@ -1,2 +0,0 @@
-import{a as f}from"./chunk.6W5KOQ2J.js";function t(i="-"){return f&&f.suffix?`${i}${f.suffix}`:""}export{t as a};
-//# sourceMappingURL=chunk.B7I2MIVA.js.map

package/dist/chunks/chunk.CD4CYRRA.js

@@ -1,4 +0,0 @@
-import{d as r}from"./chunk.MHJFJRA2.js";import{a as e}from"./chunk.PKA6D7UK.js";var t=class extends r{constructor(){super(),this.element="center-component",this.setAttribute("scw-center-initial",""),this.responsive=!0}render(){return e`
-      <slot></slot>
-    `}};export{t as a};
-//# sourceMappingURL=chunk.CD4CYRRA.js.map

package/dist/chunks/chunk.EHRX5ZGN.js

@@ -1,2 +0,0 @@
-import{b}from"./chunk.F7EWVIRZ.js";var B=1e5;function l(t){t.attrBreakpoints={};let n={};t.breakpoints=[];let a={},i=t.responsiveInfo.attributes;for(let r=0;r<i.length;r++){let s=i[r],e=s.name,u=s.value;if(e.indexOf("-bp-")===-1)d(t,n,e,u);else{let c=e.split("-bp-"),o=c[0],p=c[1];t.attrBreakpoints[o]||(t.attrBreakpoints[o]=[{name:"empty",minWidth:0,maxWidth:B,attribute:o,value:"",order:-1}]);let m=t.attrBreakpoints[o],k=b()[p];if(k){a[p]||(a[p]=!0,t.breakpoints.push(k)),m.push({...k,attribute:o,value:u});let f=n[o];f&&(m.push(f),delete n[o])}}}Object.values(t.attrBreakpoints).map(r=>{r.sort((s,e)=>s.order>e.order?-1:1)})}function d(t,n,a,i){let r={name:"default",minWidth:0,maxWidth:B,attribute:a,value:i,order:0};t.attrBreakpoints[a]?t.attrBreakpoints[a].push(r):n[a]=r}export{l as a};
-//# sourceMappingURL=chunk.EHRX5ZGN.js.map

package/dist/chunks/chunk.EHRX5ZGN.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/responsive/processAttributes.ts"],
-  "sourcesContent": ["import ResponsiveElement from './ResponsiveElement';\nimport {Breakpoint} from './BreakpointTypes';\nimport {breakpointLookup} from './breakpoints';\n\nconst MAXIMUM_WIDTH = 100000;\n\n/**\n * connect attributes (class right now) to the responsiveEle via resizing\n * @param {ResponsiveElement} responsiveEle\n */\nexport function processAttributes(responsiveEle : ResponsiveElement) {\n  responsiveEle.attrBreakpoints = {};\n  const baseAttrBreakpoints: {[key:string]: Breakpoint} = {};\n\n  responsiveEle.breakpoints = [];\n  const breakpointsLookup : {[key:string]:true} = {};\n\n  const attrs = responsiveEle.responsiveInfo.attributes;\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    if ( attrName.indexOf('-bp-') === -1 ) {\n      processBaseBreakpoint(\n          responsiveEle,\n          baseAttrBreakpoints,\n          attrName,\n          attrValue,\n      );\n    } else {\n      const attrNameParts = attrName.split('-bp-');\n      const attrBaseName = attrNameParts[0];\n      const attrBreakpoint = attrNameParts[1];\n\n      if ( !responsiveEle.attrBreakpoints[attrBaseName] ) {\n        // empty one added by default to naturally clear out attribute w/o hit\n        responsiveEle.attrBreakpoints[attrBaseName] = [{\n          name: 'empty',\n          minWidth: 0,\n          maxWidth: MAXIMUM_WIDTH,\n          attribute: attrBaseName,\n          value: '',\n          order: -1,\n        }];\n      }\n      const attrBreakpoints = responsiveEle.attrBreakpoints[attrBaseName];\n      const breakpoint = breakpointLookup()[attrBreakpoint];\n      if (breakpoint) {\n        // add to the breakpoints to observe\n        if ( !breakpointsLookup[attrBreakpoint] ) {\n          breakpointsLookup[attrBreakpoint] = true;\n          responsiveEle.breakpoints.push(breakpoint);\n        }\n\n        // add to attr breakpoints\n        attrBreakpoints.push({\n          ...breakpoint,\n          attribute: attrBaseName,\n          value: attrValue,\n        });\n\n        // add the base breakpoint if not added already...\n        const baseAttrBreakpoint = baseAttrBreakpoints[attrBaseName];\n        if ( baseAttrBreakpoint ) {\n          attrBreakpoints.push(baseAttrBreakpoint);\n          // avoid duplicate default pushes...\n          delete baseAttrBreakpoints[attrBaseName];\n        }\n      }\n    }\n  }\n\n  Object.values( responsiveEle.attrBreakpoints ).map((breakpoints) => {\n    // reverse sort on order...first to hit wins\n    breakpoints.sort((a, b) => a.order > b.order ? -1 : 1);\n  });\n  // cons ole.log( 'responsiveEle.attrBreakpoints',\n  // responsiveEle.attrBreakpoints );\n  // cons ole.log( 'responsiveEle.breakpoints' , responsiveEle.breakpoints );\n}\n\n/**\n * centralize the creation of centr\n * @param {ResponsiveElement} responsiveEle\n * @param {object} baseAttrBreakpoints\n * @param {string} attrBaseName\n * @param {string} attrValue\n */\nfunction processBaseBreakpoint(\n    responsiveEle : ResponsiveElement,\n    baseAttrBreakpoints: {[key:string]: Breakpoint},\n    attrBaseName: string,\n    attrValue?: string,\n) {\n  const newDefaultBreakpoint = {\n    name: 'default',\n    minWidth: 0,\n    maxWidth: MAXIMUM_WIDTH,\n    attribute: attrBaseName,\n    value: attrValue,\n    order: 0,\n  };\n  if ( responsiveEle.attrBreakpoints[attrBaseName]) {\n    // just go ahead and add\n    responsiveEle.attrBreakpoints[attrBaseName].push( newDefaultBreakpoint );\n  } else {\n    // save for a possible later add\n    baseAttrBreakpoints[attrBaseName] = newDefaultBreakpoint;\n  }\n}\n\n/*\n    // checking for class only right now......\n    if (attrName.indexOf('class') === 0) {\n      if (attrName === 'class') {\n        const attrValue = attr.value;\n        responsiveEle.breakpoints.push({\n          name: 'default',\n          minWidth: 0,\n          maxWidth: 0,\n          attribute: 'class',\n          value: attrValue,\n          order: 0\n        });\n      }else{\n        const attrNameParts = attrName.split('-');\n        const bpName = attrNameParts[2];\n        const breakpoint = breakpointLookup()[bpName];\n        if (breakpoint) {\n          const attrValue = attr.value;\n          responsiveEle.breakpoints.push({\n            ...breakpoint,\n            attribute: 'class',\n            value: attrValue\n          });\n        }\n      }\n    }\n  */\n"],
-  "mappings": "mCAIA,IAAMA,EAAgB,IAMf,SAASC,EAAkBC,EAAmC,CACnEA,EAAc,gBAAkB,CAAC,EACjC,IAAMC,EAAkD,CAAC,EAEzDD,EAAc,YAAc,CAAC,EAC7B,IAAME,EAA0C,CAAC,EAE3CC,EAAQH,EAAc,eAAe,WAC3C,QAASI,EAAI,EAAGA,EAAID,EAAM,OAAQC,IAAK,CACrC,IAAMC,EAAOF,EAAMC,GACbE,EAAWD,EAAK,KAChBE,EAAYF,EAAK,MAEvB,GAAKC,EAAS,QAAQ,MAAM,IAAM,GAChCE,EACIR,EACAC,EACAK,EACAC,CACJ,MACK,CACL,IAAME,EAAgBH,EAAS,MAAM,MAAM,EACrCI,EAAeD,EAAc,GAC7BE,EAAiBF,EAAc,GAE/BT,EAAc,gBAAgBU,KAElCV,EAAc,gBAAgBU,GAAgB,CAAC,CAC7C,KAAM,QACN,SAAU,EACV,SAAUZ,EACV,UAAWY,EACX,MAAO,GACP,MAAO,EACT,CAAC,GAEH,IAAME,EAAkBZ,EAAc,gBAAgBU,GAChDG,EAAaC,EAAiB,EAAEH,GACtC,GAAIE,EAAY,CAERX,EAAkBS,KACtBT,EAAkBS,GAAkB,GACpCX,EAAc,YAAY,KAAKa,CAAU,GAI3CD,EAAgB,KAAK,CACnB,GAAGC,EACH,UAAWH,EACX,MAAOH,CACT,CAAC,EAGD,IAAMQ,EAAqBd,EAAoBS,GAC1CK,IACHH,EAAgB,KAAKG,CAAkB,EAEvC,OAAOd,EAAoBS,GAE/B,CACF,CACF,CAEA,OAAO,OAAQV,EAAc,eAAgB,EAAE,IAAKgB,GAAgB,CAElEA,EAAY,KAAK,CAACC,EAAGC,IAAMD,EAAE,MAAQC,EAAE,MAAQ,GAAK,CAAC,CACvD,CAAC,CAIH,CASA,SAASV,EACLR,EACAC,EACAS,EACAH,EACF,CACA,IAAMY,EAAuB,CAC3B,KAAM,UACN,SAAU,EACV,SAAUrB,EACV,UAAWY,EACX,MAAOH,EACP,MAAO,CACT,EACKP,EAAc,gBAAgBU,GAEjCV,EAAc,gBAAgBU,GAAc,KAAMS,CAAqB,EAGvElB,EAAoBS,GAAgBS,CAExC",
-  "names": ["MAXIMUM_WIDTH", "processAttributes", "responsiveEle", "baseAttrBreakpoints", "breakpointsLookup", "attrs", "i", "attr", "attrName", "attrValue", "processBaseBreakpoint", "attrNameParts", "attrBaseName", "attrBreakpoint", "attrBreakpoints", "breakpoint", "breakpointLookup", "baseAttrBreakpoint", "breakpoints", "a", "b", "newDefaultBreakpoint"]
-}