@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2

package/dist/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export type ListenTargetOptions = 'body' | 'document' | 'window';
+export declare type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,16 +214,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * `getMode()` is used for libraries which provide multiple "modes" for styles.
- * @param ref a reference to the node to get styles for
- * @returns the current mode or undefined, if not found
+ * getMode
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -236,9 +234,6 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
- * @param path the path to use in calculating the asset path. this value will be
- * used in conjunction with the base asset path
- * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -251,38 +246,22 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * bunding, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
- * @param path the asset path to set
- * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * Used to specify a nonce value that corresponds with an application's
- * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
- * @param nonce The value to be used for the nonce attribute.
- */
-export declare function setNonce(nonce: string): void;
-/**
- * Retrieve a Stencil element for a given reference
- * @param ref the ref to get the Stencil element for
- * @returns a reference to the element
+ * getElement
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
- *
- * @param ref the node/element to force the re-render of
+ * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
- * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -293,8 +272,6 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
- *
- * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -302,8 +279,6 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
- *
- * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -442,57 +417,13 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
-/**
- * Utilities for working with functional Stencil components. An object
- * conforming to this interface is passed by the Stencil runtime as the third
- * argument to a functional component, allowing component authors to work with
- * features like children.
- *
- * The children of a functional component will be passed as the second
- * argument, so a functional component which uses these utils to transform its
- * children might look like the following:
- *
- * ```ts
- * export const AddClass: FunctionalComponent = (_, children, utils) => (
- *  utils.map(children, child => ({
- *    ...child,
- *    vattrs: {
- *      ...child.vattrs,
- *      class: `${child.vattrs.class} add-class`
- *    }
- *  }))
- * );
- * ```
- *
- * For more see the Stencil documentation, here:
- * https://stenciljs.com/docs/functional-components
- */
 export interface FunctionalUtilities {
-    /**
-     * Utility for reading the children of a functional component at runtime.
-     * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
-     * this utility to, for instance, perform a side effect for each child.
-     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
-    /**
-     * Utility for transforming the children of a functional component. Given an
-     * array of children and a callback this will return a list of the results of
-     * passing each child to the supplied callback.
-     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
-/**
- * A Child VDOM node
- *
- * This has most of the same properties as {@link VNode} but friendlier names
- * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
- * order to provide a friendlier public interface for users of the
- * {@link FunctionalUtilities}).
- */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -539,9 +470,6 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
-/**
- * A virtual DOM node
- */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -738,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes extends JSXAttributes {
+    interface SlotAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -892,8 +820,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: string;
-        autocapitalize?: string;
+        autoCapitalize?: any;
+        autocapitalize?: any;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1217,8 +1145,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: string;
-        autocapitalize?: string;
+        autoCapitalize?: any;
+        autocapitalize?: any;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1499,7 +1427,9 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T> extends JSXAttributes<T> {
+    interface DOMAttributes<T = Element> {
+        key?: string | number;
+        ref?: (elm?: T) => void;
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1509,12 +1439,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionend?: (event: CompositionEvent) => void;
-        onCompositionendCapture?: (event: CompositionEvent) => void;
-        onCompositionstart?: (event: CompositionEvent) => void;
-        onCompositionstartCapture?: (event: CompositionEvent) => void;
-        onCompositionupdate?: (event: CompositionEvent) => void;
-        onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onCompositionEnd?: (event: CompositionEvent) => void;
+        onCompositionEndCapture?: (event: CompositionEvent) => void;
+        onCompositionStart?: (event: CompositionEvent) => void;
+        onCompositionStartCapture?: (event: CompositionEvent) => void;
+        onCompositionUpdate?: (event: CompositionEvent) => void;
+        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1525,8 +1455,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: InputEvent) => void;
-        onInputCapture?: (event: InputEvent) => void;
+        onInput?: (event: Event) => void;
+        onInputCapture?: (event: Event) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;
@@ -1620,10 +1550,6 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
-export interface JSXAttributes<T = Element> {
-    key?: string | number;
-    ref?: (elm?: T) => void;
-}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/loader/index.d.ts

@@ -1,3 +1,4 @@
+
 export * from '../dist/types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];
@@ -10,12 +11,3 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
-
-/** 
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare function setNonce(nonce: string): void;

package/loader/package.json

@@ -1,6 +1,5 @@
 {
   "name": "apollo-core-loader",
-  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "1.0.0-beta.18",
+  "version": "1.0.0-beta.2",
   "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "types": "dist/types/components.d.ts",
+  "module": "dist/custom-elements/index.js",
+  "types": "dist/custom-elements/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "scripts": {
@@ -30,7 +30,7 @@
     "generate": "stencil generate"
   },
   "engines": {
-    "node": "14.x||16.x"
+    "node": "14.x"
   },
   "files": [
     "build",
@@ -38,45 +38,52 @@
     "loader"
   ],
   "devDependencies": {
+    "@babel/core": "^7.14.5",
     "@fortawesome/fontawesome-free": "^5.15.3",
-    "@stencil/core": "^3.1.0",
-    "@stencil/eslint-plugin": "^0.4.0",
-    "@stencil/react-output-target": "0.4.0",
+    "@stencil/core": "^2.6.0",
+    "@stencil/eslint-plugin": "^0.3.1",
+    "@stencil/react-output-target": "0.0.9",
     "@storybook/addon-a11y": "^6.3.4",
     "@storybook/addon-actions": "^6.3.4",
-    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-essentials": "^6.3.4",
+    "@storybook/addon-info": "^5.3.21",
     "@storybook/addon-links": "^6.3.4",
-    "@storybook/html": "^6.5.16",
+    "@storybook/html": "^6.3.4",
     "@types/jest": "^26.0.21",
+    "@types/puppeteer": "^5.4.3",
     "@typescript-eslint/eslint-plugin": "^4.30.0",
     "@typescript-eslint/parser": "^4.30.0",
+    "@whitespace/storybook-addon-html": "^5.0.0",
     "@xplortech/apollo-foundation": "0.0.3",
-    "@xplortech/apollo-icons": "^1.0.0-beta.1",
     "auto-changelog": "^2.3.0",
-    "autoprefixer": "^10.4.14",
-    "concurrently": "8.0.1",
+    "autoprefixer": "^10.2.6",
+    "babel-loader": "^8.2.2",
+    "concurrently": "5.3.0",
     "doctoc": "^2.1.0",
     "dotenv": "^10.0.0",
     "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.25.1",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.23",
+    "parcel": "^2.0.0-beta.2",
+    "postcss": "^8.3.8",
     "postcss-cli": "^8.3.1",
     "postcss-import": "^14.0.2",
+    "postcss-nested": "^5.0.6",
     "postcss-pxtorem": "^6.0.0",
     "pre-commit": "^1.2.2",
-    "prettier": "^2.8.8",
-    "puppeteer": "^19.11.1",
-    "release-it": "^15.10.3",
+    "prettier": "^2.3.1",
+    "puppeteer": "^10.1.0",
+    "release-it": "^14.11.6",
+    "storybook-addon-html-document": "^1.0.1",
     "storybook-dark-mode": "^1.0.8",
-    "stylelint": "^15.6.1",
-    "stylelint-config-standard": "^33.0.0",
-    "stylelint-order": "^6.0.3",
-    "tailwindcss": "^3.3.2",
+    "stylelint": "^13.13.1",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-order": "^4.1.0",
+    "tailwindcss": "2.1.4",
     "typescript": "^4.4.2",
     "uuid": "^8.3.2"
   },

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2023, Xplor XT1, LLC
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/apollo-core/apollo-core.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","choices","description","disabled","error","label","mode","name","placeholder","truncate","selectedValues","active","id","keepFocus","selected","value","displayValue","visibleChoices","withSubnav","withUtility","navWidth","isNavOpenAtStartup","navOpen","link","stat","shortStat","variant","icon","navControl","open","size","columns","data","freeze","multiselect","striped","areAllSelected","rowData","hasScrolled","color","src","status","target","dot","iconOnly","fullWidth","type","state","checked","indeterminate","required","styled","backgroundColor","items","heading","multi","primary","secondary","tertiary","_id","autocomplete","dateFormat","max","maxCharacterCount","min","multiline","post","pre","readonly","step","characterCount","passwordVisible","tier","xs","sm","md","lg","width","total","perPage","waitForCallback","current","goto","relative","groupName","isDisabled","isSelected","isOpen","closeOnSelect","selectOnFocus","triggerId","update","handleSelect"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.1.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BL,IAAeU,MAAKC,GAEXC,EAAc,gCAA8B,CAAAC,QAAS,KAAAC,YAAA,IAAAC,SAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,KAAA,IAAAC,KAAA,IAAAC,YAAA,IAAAC,SAAA,IAAAC,eAAA,sBAAAC,OAAA,KAAAC,GAAA,KAAAC,UAAA,KAAAC,SAAA,KAAAC,MAAA,KAAAC,aAAA,KAAAC,eAAA,oDAAAC,WAAA,kBAAAC,YAAA,mBAAAC,SAAA,gBAAAC,mBAAA,6BAAAC,QAAA,6IAAAC,KAAA,IAAAhB,KAAA,IAAAiB,KAAA,IAAAC,UAAA,iBAAAC,QAAA,IAAAC,KAAA,4BAAAC,WAAA,kBAAAP,mBAAA,6BAAAQ,KAAA,8EAAAC,KAAA,6CAAAF,WAAA,4DAAAG,QAAA,KAAAC,KAAA,KAAAC,OAAA,IAAAC,YAAA,IAAAC,QAAA,IAAAzB,eAAA,KAAA0B,eAAA,KAAAC,QAAA,KAAAC,YAAA,KAAAxB,SAAA,wBAAAyB,MAAA,IAAApC,SAAA,IAAAP,KAAA,IAAAW,KAAA,IAAAuB,KAAA,IAAAU,IAAA,IAAAC,OAAA,IAAAC,OAAA,sBAAAC,IAAA,IAAAjB,QAAA,uBAAAvB,SAAA,IAAAoB,KAAA,IAAAqB,SAAA,gBAAAC,UAAA,iBAAAtC,KAAA,IAAAuB,KAAA,IAAAgB,KAAA,IAAA/B,MAAA,IAAAW,QAAA,IAAAqB,MAAA,yBAAAC,QAAA,IAAA9C,YAAA,IAAAC,SAAA,IAAA8C,cAAA,IAAA1C,KAAA,IAAA2C,SAAA,IAAAC,OAAA,IAAApC,MAAA,IAAAH,GAAA,uBAAAoC,QAAA,IAAA9C,YAAA,IAAAC,SAAA,IAAAI,KAAA,IAAA2C,SAAA,IAAAC,OAAA,IAAApC,MAAA,IAAAH,GAAA,sBAAAe,KAAA,IAAAG,KAAA,IAAAsB,gBAAA,yDAAAC,MAAA,6CAAApD,QAAA,KAAAC,YAAA,IAAAoD,QAAA,IAAAC,MAAA,IAAAhD,KAAA,IAAA4C,OAAA,IAAArC,SAAA,6CAAA0C,QAAA,IAAAC,UAAA,IAAAC,SAAA,uCAAAC,IAAA,IAAAC,aAAA,IAAAC,WAAA,kBAAA3D,YAAA,IAAAC,SAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAyD,IAAA,IAAAC,kBAAA,0BAAAC,IAAA,IAAA1D,KAAA,IAAA2D,UAAA,IAAA1D,KAAA,IAAAC,YAAA,IAAA0D,KAAA,IAAAC,IAAA,IAAAC,SAAA,IAAAlB,SAAA,IAAAmB,KAAA,IAAAvB,KAAA,IAAA/B,MAAA,IAAAuD,eAAA,KAAAC,gBAAA,0CAAAC,KAAA,2EAAAC,GAAA,IAAAC,GAAA,IAAAC,GAAA,IAAAC,GAAA,0CAAAC,MAAA,4CAAAC,MAAA,IAAAC,QAAA,eAAAC,gBAAA,wBAAAC,QAAA,KAAAC,KAAA,yCAAAlC,QAAA,IAAA9C,YAAA,IAAAC,SAAA,IAAAmD,QAAA,IAAAjD,MAAA,IAAAE,KAAA,IAAAmB,QAAA,IAAAd,GAAA,2CAAAuE,SAAA,gDAAAC,UAAA,YAAArF,QAAA,kCAAAM,MAAA,gCAAAgF,WAAA,iBAAAhF,MAAA,IAAAU,MAAA,IAAAuE,WAAA,qDAAAC,OAAA,cAAAC,cAAA,sBAAAlF,KAAA,IAAAP,QAAA,KAAA0F,cAAA,sBAAAC,UAAA,iBAAAC,OAAA,KAAAC,aAAA,wBAAA7F"}

package/dist/apollo-core/index.esm.js.map

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

package/dist/apollo-core/p-1fa46bc3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as s}from"./p-e8953b60.js";const r=class{constructor(i){t(this,i);this.xs=6;this.sm=6;this.md=6;this.lg=6}render(){let t="xpl-grid-item";t+=` xpl-grid-item-xs-${this.xs}`;t+=` xpl-grid-item-sm-${this.sm}`;t+=` xpl-grid-item-md-${this.md}`;t+=` xpl-grid-item-lg-${this.lg}`;return i(s,{class:t},i("slot",null))}};export{r as xpl_grid_item};
-//# sourceMappingURL=p-1fa46bc3.entry.js.map

package/dist/apollo-core/p-1fa46bc3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["XplGridItem","render","className","this","xs","sm","md","lg","h","Host","class"],"sources":["./src/components/components/xpl-grid-item/xpl-grid-item.tsx"],"sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-grid-item',\n})\nexport class XplGridItem {\n    @Prop() xs: number = 6;\n    @Prop() sm: number = 6;\n    @Prop() md: number = 6;\n    @Prop() lg: number = 6;\n\n    render() {\n        let className = 'xpl-grid-item';\n        className += ` xpl-grid-item-xs-${this.xs}`;\n        className += ` xpl-grid-item-sm-${this.sm}`;\n        className += ` xpl-grid-item-md-${this.md}`;\n        className += ` xpl-grid-item-lg-${this.lg}`;\n\n        return (\n            <Host class={className}>\n                <slot></slot>\n            </Host>\n        );\n    }\n}\n"],"mappings":"wDAKaA,EAAW,M,iCACC,E,QACA,E,QACA,E,QACA,C,CAErBC,SACI,IAAIC,EAAY,gBAChBA,GAAa,qBAAqBC,KAAKC,KACvCF,GAAa,qBAAqBC,KAAKE,KACvCH,GAAa,qBAAqBC,KAAKG,KACvCJ,GAAa,qBAAqBC,KAAKI,KAEvC,OACIC,EAACC,EAAI,CAACC,MAAOR,GACTM,EAAA,a"}

package/dist/apollo-core/p-29f4679d.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as s,H as t}from"./p-e8953b60.js";const e=class{constructor(s){i(this,s);this.choices=undefined;this.description=undefined;this.heading=undefined;this.multi=undefined;this.name=undefined;this.styled=undefined;this.selected=undefined}componentWillLoad(){this.selected=this.choices!==undefined&&this.choices!==null&&this.choices.length>0?this.choices.map((()=>false)):[]}render(){let i="xpl-choicelist";if(this.styled)i+=" xpl-choicelist--styled";return s(t,{class:"xpl-choicelist-container"},this.heading!==undefined||this.description!==undefined?s("div",{class:"xpl-choicelist-heading"},this.heading&&s("h3",null,this.heading),this.description&&s("p",null,this.description)):null,this.choices&&s("ul",{class:i},this.choices.map((({children:i,description:t,label:e},n)=>{const l=this.multi?s("xpl-checkbox",{description:t,name:this.name,onCheckboxChange:i=>{const{detail:s}=i;this.selected=this.selected.map(((i,t)=>n===t?s:i))}},e):s("xpl-radio",{description:t,name:this.name,onRadioChange:()=>{this.selected=this.selected.map(((i,s)=>n===s))}},e);let h=this.styled&&this.selected[n]?"selected":"";return s("li",{class:h},l,i&&s("ul",null,i.map((i=>{const t=this.multi?s("xpl-checkbox",{description:i.description},i.label):s("xpl-radio",{description:i.description},i.label);return s("li",null,t)}))))}))))}};export{e as xpl_choicelist};
-//# sourceMappingURL=p-29f4679d.entry.js.map

package/dist/apollo-core/p-29f4679d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["XplChoicelist","componentWillLoad","this","selected","choices","undefined","length","map","render","className","styled","h","Host","class","heading","description","children","label","i","inner","multi","name","onCheckboxChange","e","detail","v","j","onRadioChange","_","child","childInner"],"sources":["./src/components/components/xpl-choicelist/xpl-choicelist.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { Choice } from './choice';\n\n@Component({\n    tag: 'xpl-choicelist',\n})\nexport class XplChoicelist {\n    /**\n     * An array of choices to be displayed in the list.\n     * Each choice should be an object with keys:\n     * - `checked` [boolean] - whether to pre-check or not\n     * - `children` [Choice[]] - an array of child choices (recursive)\n     * - `description` [string]\n     * - `label` [string]\n     */\n    @Prop() choices: Choice[];\n    /**\n     * Descriptive text to be displayed above the choicelist.\n     */\n    @Prop() description?: string;\n    /**\n     * The title text to be displayed above the choicelist.\n     */\n    @Prop() heading?: string;\n    /**\n     * Whether the user can select more than one choice (true) or only a single choice (false). Corresponds to checkboxes vs. radio buttons.\n     */\n    @Prop() multi?: boolean;\n    /**\n     * The `name` to be associated with form data.\n     */\n    @Prop() name?: string;\n    /**\n     * If `true`, will include borders around the list and between individual choices.\n     */\n    @Prop() styled?: boolean;\n\n    @State() selected: boolean[];\n\n    componentWillLoad() {\n        this.selected =\n            this.choices !== undefined &&\n            this.choices !== null &&\n            this.choices.length > 0\n                ? this.choices.map(() => false)\n                : [];\n    }\n\n    render() {\n        let className = 'xpl-choicelist';\n        if (this.styled) className += ' xpl-choicelist--styled';\n\n        return (\n            <Host class=\"xpl-choicelist-container\">\n                {this.heading !== undefined ||\n                this.description !== undefined ? (\n                    <div class=\"xpl-choicelist-heading\">\n                        {this.heading && <h3>{this.heading}</h3>}\n                        {this.description && <p>{this.description}</p>}\n                    </div>\n                ) : null}\n                {this.choices && (\n                    <ul class={className}>\n                        {this.choices.map(\n                            ({ children, description, label }, i) => {\n                                const inner = this.multi ? (\n                                    <xpl-checkbox\n                                        description={description}\n                                        name={this.name}\n                                        onCheckboxChange={(e: {\n                                            detail: boolean;\n                                        }) => {\n                                            const { detail } = e;\n                                            this.selected = this.selected.map(\n                                                (v, j) => (i === j ? detail : v)\n                                            );\n                                        }}\n                                    >\n                                        {label}\n                                    </xpl-checkbox>\n                                ) : (\n                                    <xpl-radio\n                                        description={description}\n                                        name={this.name}\n                                        onRadioChange={() => {\n                                            this.selected = this.selected.map(\n                                                (_, j) => i === j\n                                            );\n                                        }}\n                                    >\n                                        {label}\n                                    </xpl-radio>\n                                );\n\n                                let className =\n                                    this.styled && this.selected[i]\n                                        ? 'selected'\n                                        : '';\n\n                                return (\n                                    <li class={className}>\n                                        {inner}\n                                        {children && (\n                                            <ul>\n                                                {children.map((child) => {\n                                                    const childInner = this\n                                                        .multi ? (\n                                                        <xpl-checkbox\n                                                            description={\n                                                                child.description\n                                                            }\n                                                        >\n                                                            {child.label}\n                                                        </xpl-checkbox>\n                                                    ) : (\n                                                        <xpl-radio\n                                                            description={\n                                                                child.description\n                                                            }\n                                                        >\n                                                            {child.label}\n                                                        </xpl-radio>\n                                                    );\n                                                    return (\n                                                        <li>{childInner}</li>\n                                                    );\n                                                })}\n                                            </ul>\n                                        )}\n                                    </li>\n                                );\n                            }\n                        )}\n                    </ul>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"wDAMaA,EAAa,M,yLAiCtBC,oBACIC,KAAKC,SACDD,KAAKE,UAAYC,WACjBH,KAAKE,UAAY,MACjBF,KAAKE,QAAQE,OAAS,EAChBJ,KAAKE,QAAQG,KAAI,IAAM,QACvB,E,CAGdC,SACI,IAAIC,EAAY,iBAChB,GAAIP,KAAKQ,OAAQD,GAAa,0BAE9B,OACIE,EAACC,EAAI,CAACC,MAAM,4BACPX,KAAKY,UAAYT,WAClBH,KAAKa,cAAgBV,UACjBM,EAAA,OAAKE,MAAM,0BACNX,KAAKY,SAAWH,EAAA,UAAKT,KAAKY,SAC1BZ,KAAKa,aAAeJ,EAAA,SAAIT,KAAKa,cAElC,KACHb,KAAKE,SACFO,EAAA,MAAIE,MAAOJ,GACNP,KAAKE,QAAQG,KACV,EAAGS,WAAUD,cAAaE,SAASC,KAC/B,MAAMC,EAAQjB,KAAKkB,MACfT,EAAA,gBACII,YAAaA,EACbM,KAAMnB,KAAKmB,KACXC,iBAAmBC,IAGf,MAAMC,OAAEA,GAAWD,EACnBrB,KAAKC,SAAWD,KAAKC,SAASI,KAC1B,CAACkB,EAAGC,IAAOR,IAAMQ,EAAIF,EAASC,GACjC,GAGJR,GAGLN,EAAA,aACII,YAAaA,EACbM,KAAMnB,KAAKmB,KACXM,cAAe,KACXzB,KAAKC,SAAWD,KAAKC,SAASI,KAC1B,CAACqB,EAAGF,IAAMR,IAAMQ,GACnB,GAGJT,GAIT,IAAIR,EACAP,KAAKQ,QAAUR,KAAKC,SAASe,GACvB,WACA,GAEV,OACIP,EAAA,MAAIE,MAAOJ,GACNU,EACAH,GACGL,EAAA,UACKK,EAAST,KAAKsB,IACX,MAAMC,EAAa5B,KACdkB,MACDT,EAAA,gBACII,YACIc,EAAMd,aAGTc,EAAMZ,OAGXN,EAAA,aACII,YACIc,EAAMd,aAGTc,EAAMZ,OAGf,OACIN,EAAA,UAAKmB,EAAgB,KAKpC,K"}

package/dist/apollo-core/p-3f3cc34e.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as n,h as e,H as t}from"./p-e8953b60.js";const i=class{constructor(e){a(this,e);this.navWidth=n(this,"navWidth",7);this.width="default"}navWidthHandler(){this.navWidth.emit(this.width)}connectedCallback(){this.navWidthHandler()}componentDidUpdate(){this.navWidthHandler()}render(){return e(t,{class:`xpl-main-nav xpl-main-nav--${this.width}`,"aria-label":"Sidebar"},e("nav",null,e("header",{"aria-label":"Sidebar Header"},e("slot",{name:"logo"}),e("slot",{name:"brand-name"})),e("div",{class:"xpl-main-nav__main_section"},e("slot",{name:"navigation"})),e("footer",{class:"xpl-main-nav__footer","aria-label":"Sidebar Footer"},e("slot",{name:"footer"}))))}};export{i as xpl_main_nav};
-//# sourceMappingURL=p-3f3cc34e.entry.js.map

package/dist/apollo-core/p-3f3cc34e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["XplMainNav","navWidthHandler","this","navWidth","emit","width","connectedCallback","componentDidUpdate","render","h","Host","class","name"],"sources":["./src/components/components/xpl-main-nav/xpl-main-nav.tsx"],"sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-main-nav',\n})\nexport class XplMainNav {\n    /**\n     * @property {string}  width  - The width of the Main Nav.\n     */\n    @Prop() width: 'default' | 'md' | 'sm' = 'default';\n\n    /**\n     * @event {string} navWidth - Emits the `nav-width` prop set by the user\n     * when the component is attached to the DOM and when the component is updated.\n     */\n    @Event() navWidth: EventEmitter<string>;\n    private navWidthHandler() {\n        this.navWidth.emit(this.width);\n    }\n\n    connectedCallback() {\n        this.navWidthHandler();\n    }\n\n    componentDidUpdate() {\n        this.navWidthHandler();\n    }\n\n    render() {\n        return (\n            <Host\n                class={`xpl-main-nav xpl-main-nav--${this.width}`}\n                aria-label=\"Sidebar\"\n            >\n                <nav>\n                    <header aria-label=\"Sidebar Header\">\n                        <slot name=\"logo\"></slot>\n                        <slot name=\"brand-name\"></slot>\n                    </header>\n                    <div class=\"xpl-main-nav__main_section\">\n                        <slot name=\"navigation\"></slot>\n                    </div>\n                    <footer\n                        class=\"xpl-main-nav__footer\"\n                        aria-label=\"Sidebar Footer\"\n                    >\n                        <slot name=\"footer\"></slot>\n                    </footer>\n                </nav>\n            </Host>\n        );\n    }\n}\n"],"mappings":"+DAKaA,EAAU,M,uEAIsB,S,CAOjCC,kBACJC,KAAKC,SAASC,KAAKF,KAAKG,M,CAG5BC,oBACIJ,KAAKD,iB,CAGTM,qBACIL,KAAKD,iB,CAGTO,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,8BAA8BT,KAAKG,QAAO,aACtC,WAEXI,EAAA,WACIA,EAAA,uBAAmB,kBACfA,EAAA,QAAMG,KAAK,SACXH,EAAA,QAAMG,KAAK,gBAEfH,EAAA,OAAKE,MAAM,8BACPF,EAAA,QAAMG,KAAK,gBAEfH,EAAA,UACIE,MAAM,uBAAsB,aACjB,kBAEXF,EAAA,QAAMG,KAAK,a"}

package/dist/apollo-core/p-5372bf3e.entry.js

@@ -1,2 +0,0 @@
-import{r as l,h as i,H as t}from"./p-e8953b60.js";const s=class{constructor(i){l(this,i);this.withSubnav=false;this.withUtility=true;this.navWidth="default";this.isNavOpenAtStartup=undefined;this.navOpen=true}closeNavOnMobile(){if(window.innerWidth<=640){this.navOpen=false}}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(l){this.navWidth=l.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=this.isNavOpenAtStartup!==undefined?this.isNavOpenAtStartup:this.navOpen}render(){let l="xpl-application-shell";if(this.withUtility)l+=" xpl-application-shell--with_utility";let s="xpl-application-shell__nav";s+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`;return i(t,{class:l},i("div",{class:s},i("slot",{name:"nav"})),i("div",{class:"xpl-application-shell__subnav"},i("slot",{name:"subnav"})),i("div",{class:"xpl-application-shell__utility"},i("slot",{name:"utility"})),i("div",{class:"xpl-application-shell__content"},i("slot",{name:"content"})),i("xpl-backdrop",{onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:true}))}};export{s as xpl_application_shell};
-//# sourceMappingURL=p-5372bf3e.entry.js.map

package/dist/apollo-core/p-5372bf3e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["XplApplicationShell","closeNavOnMobile","window","innerWidth","this","navOpen","navToggleHandler","navWithHandler","event","navWidth","detail","onWindowResize","connectedCallback","componentWillLoad","isNavOpenAtStartup","undefined","render","applicationShellClasses","withUtility","navClasses","h","Host","class","name","onClick","relative"],"sources":["./src/components/components/xpl-application-shell/xpl-application-shell.tsx"],"sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'xpl-application-shell',\n})\nexport class XplApplicationShell {\n    private closeNavOnMobile() {\n        if (window.innerWidth <= 640) {\n            this.navOpen = false;\n        }\n    }\n\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a secondary (sub) navigation bar\n     */\n    @Prop() withSubnav: boolean = false;\n    /**\n     * @property {boolean} - Whether or not the Grid should have space for a utility bar\n     */\n    @Prop() withUtility: boolean = true;\n\n    /**\n     * @property {string} - The width of the main navigation bar, can be passed or updated when nav-width event is emitted.\n     */\n    @Prop() navWidth: string = 'default';\n\n    /**\n     * @property {boolean} - * @property {boolean} - Optional property that defines whether or not the main nav is open at startup.\n     */\n    @Prop() isNavOpenAtStartup: boolean;\n\n    /**\n     * @state {boolean} - Whether or not the main nav is open, updates when the nav-open event is emitted.\n     */\n    @State() navOpen: boolean = true;\n\n    @Listen('navOpen')\n    navToggleHandler() {\n        this.navOpen = !this.navOpen;\n    }\n\n    @Listen('navWidth')\n    navWithHandler(event) {\n        this.navWidth = event.detail;\n    }\n\n    @Listen('resize', { target: 'window' })\n    onWindowResize() {\n        this.closeNavOnMobile();\n    }\n\n    connectedCallback() {\n        this.closeNavOnMobile();\n    }\n\n    componentWillLoad() {\n        this.navOpen =\n            this.isNavOpenAtStartup !== undefined\n                ? this.isNavOpenAtStartup\n                : this.navOpen;\n    }\n\n    render() {\n        let applicationShellClasses = 'xpl-application-shell';\n        if (this.withUtility)\n            applicationShellClasses += ' xpl-application-shell--with_utility';\n\n        let navClasses = 'xpl-application-shell__nav';\n        navClasses += this.navOpen\n            ? ` xpl-application-shell__nav--${this.navWidth}--open`\n            : ` xpl-application-shell__nav--${this.navWidth}`;\n\n        return (\n            <Host class={applicationShellClasses}>\n                <div class={navClasses}>\n                    <slot name=\"nav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__subnav\">\n                    <slot name=\"subnav\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__utility\">\n                    <slot name=\"utility\"></slot>\n                </div>\n                <div class=\"xpl-application-shell__content\">\n                    <slot name=\"content\"></slot>\n                </div>\n                <xpl-backdrop\n                    onClick={() => this.navToggleHandler()}\n                    class={{\n                        'xpl-application-shell__backdrop--open': this.navOpen,\n                    }}\n                    relative\n                ></xpl-backdrop>\n            </Host>\n        );\n    }\n}\n"],"mappings":"wDAKaA,EAAmB,M,yCAUE,M,iBAIC,K,cAKJ,U,+CAUC,I,CA5BpBC,mBACJ,GAAIC,OAAOC,YAAc,IAAK,CAC1BC,KAAKC,QAAU,K,EA6BvBC,mBACIF,KAAKC,SAAWD,KAAKC,O,CAIzBE,eAAeC,GACXJ,KAAKK,SAAWD,EAAME,M,CAI1BC,iBACIP,KAAKH,kB,CAGTW,oBACIR,KAAKH,kB,CAGTY,oBACIT,KAAKC,QACDD,KAAKU,qBAAuBC,UACtBX,KAAKU,mBACLV,KAAKC,O,CAGnBW,SACI,IAAIC,EAA0B,wBAC9B,GAAIb,KAAKc,YACLD,GAA2B,uCAE/B,IAAIE,EAAa,6BACjBA,GAAcf,KAAKC,QACb,gCAAgCD,KAAKK,iBACrC,gCAAgCL,KAAKK,WAE3C,OACIW,EAACC,EAAI,CAACC,MAAOL,GACTG,EAAA,OAAKE,MAAOH,GACRC,EAAA,QAAMG,KAAK,SAEfH,EAAA,OAAKE,MAAM,iCACPF,EAAA,QAAMG,KAAK,YAEfH,EAAA,OAAKE,MAAM,kCACPF,EAAA,QAAMG,KAAK,aAEfH,EAAA,OAAKE,MAAM,kCACPF,EAAA,QAAMG,KAAK,aAEfH,EAAA,gBACII,QAAS,IAAMpB,KAAKE,mBACpBgB,MAAO,CACH,wCAAyClB,KAAKC,SAElDoB,SAAQ,O"}

package/dist/apollo-core/p-5ceaec87.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,H as i}from"./p-e8953b60.js";import{v as e}from"./p-ad90fe4d.js";const l=class{constructor(t){s(this,t);this.checked=undefined;this.description=undefined;this.disabled=undefined;this.heading=undefined;this.label=undefined;this.name=undefined;this.variant="default";this.id=e()}render(){let s="xpl-toggle-container";if(this.disabled)s+=" xpl-toggle-container--disabled";let e="xpl-toggle";if(this.variant==="small")e+=" xpl-toggle--small";return t(i,{class:s},(this.heading||this.description)&&t("label",{class:{"xpl-label":true,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&t("small",{class:{"xpl-description":true,"xpl-description--disabled":this.disabled}},this.description)),t("input",{class:e,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name}),this.label&&t("label",{htmlFor:this.id},this.label))}};export{l as xpl_toggle};
-//# sourceMappingURL=p-5ceaec87.entry.js.map

package/dist/apollo-core/p-5ceaec87.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["XplToggle","uuid","render","containerClassName","this","disabled","className","variant","h","Host","class","heading","description","htmlFor","id","type","checked","name","label"],"sources":["./src/components/components/xpl-toggle/xpl-toggle.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n    tag: 'xpl-toggle',\n})\nexport class XplToggle {\n    @Prop() checked?: boolean;\n    /**\n     * The toggle's description appears *above* the toggle.\n     */\n    @Prop() description?: string;\n    @Prop() disabled?: boolean;\n    /**\n     * The toggle's heading appears *above* the toggle.\n     */\n    @Prop() heading?: string;\n    /**\n     * The toggle's label appears *to the right of* the toggle.\n     */\n    @Prop() label?: string;\n    @Prop() name?: string;\n    /**\n     * The size of the toggle -- `default` or `small`\n     */\n    @Prop() variant?: 'default' | 'small' = 'default';\n\n    @State() id: string = uuid();\n\n    render() {\n        let containerClassName = 'xpl-toggle-container';\n        if (this.disabled)\n            containerClassName += ' xpl-toggle-container--disabled';\n\n        let className = 'xpl-toggle';\n        if (this.variant === 'small') className += ' xpl-toggle--small';\n\n        return (\n            <Host class={containerClassName}>\n                {(this.heading || this.description) && (\n                    <label\n                        class={{\n                            'xpl-label': true,\n                            'xpl-label--disabled': this.disabled,\n                        }}\n                        htmlFor={this.id}\n                    >\n                        {this.heading}\n                        {this.description && (\n                            <small\n                                class={{\n                                    'xpl-description': true,\n                                    'xpl-description--disabled': this.disabled,\n                                }}\n                            >\n                                {this.description}\n                            </small>\n                        )}\n                    </label>\n                )}\n                <input\n                    class={className}\n                    type=\"checkbox\"\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    id={this.id}\n                    name={this.name}\n                ></input>\n                {this.label && <label htmlFor={this.id}>{this.label}</label>}\n            </Host>\n        );\n    }\n}\n"],"mappings":"4FAMaA,EAAS,M,gLAmBsB,U,QAElBC,G,CAEtBC,SACI,IAAIC,EAAqB,uBACzB,GAAIC,KAAKC,SACLF,GAAsB,kCAE1B,IAAIG,EAAY,aAChB,GAAIF,KAAKG,UAAY,QAASD,GAAa,qBAE3C,OACIE,EAACC,EAAI,CAACC,MAAOP,IACPC,KAAKO,SAAWP,KAAKQ,cACnBJ,EAAA,SACIE,MAAO,CACH,YAAa,KACb,sBAAuBN,KAAKC,UAEhCQ,QAAST,KAAKU,IAEbV,KAAKO,QACLP,KAAKQ,aACFJ,EAAA,SACIE,MAAO,CACH,kBAAmB,KACnB,4BAA6BN,KAAKC,WAGrCD,KAAKQ,cAKtBJ,EAAA,SACIE,MAAOJ,EACPS,KAAK,WACLC,QAASZ,KAAKY,QACdX,SAAUD,KAAKC,SACfS,GAAIV,KAAKU,GACTG,KAAMb,KAAKa,OAEdb,KAAKc,OAASV,EAAA,SAAOK,QAAST,KAAKU,IAAKV,KAAKc,O"}

package/dist/apollo-core/p-60d4d252.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as l,H as s,F as a}from"./p-e8953b60.js";const e=({avatar:t,avatars:s,badges:e,href:i,title:r,subtext:n,metadata:p})=>{const c=s||e||n;const u=l(a,null,t&&(t.slice(0,1)==="/"||t.slice(0,4)==="http"?l("xpl-avatar",{src:t,name:r}):l("xpl-avatar",{name:r},t)),l("div",{class:"xpl-list-item-content"},l("div",{class:"xpl-list-left"},l("div",null,l("h4",null,r),p&&l("ul",{class:"xpl-list-item-metadata"},p.map((t=>{if(typeof t==="string"){return l("li",null,t)}else{return l("li",null,l("xpl-icon",{icon:t.icon})," ",t.text)}}))))),c&&l("div",{class:"xpl-list-right"},n&&l("div",{class:"xpl-list-item-subtext"},n),s&&l("div",{class:"xpl-avatar-group xpl-avatar-group--s"},s.map((t=>l("img",{src:t,alt:""})))),e&&e.map((t=>{if(typeof t==="string"){return l("xpl-badge",null,t)}else{return l("xpl-badge",{dot:t.dot,variant:t.variant},t.text)}})))));return i?l("a",{class:"xpl-list-item",href:i},u):l("div",{class:"xpl-list-item"},u)};const i=class{constructor(l){t(this,l);this.items=[]}render(){return l(s,null,this.items.map((t=>l(e,Object.assign({},t)))))}};export{i as xpl_list};
-//# sourceMappingURL=p-60d4d252.entry.js.map

package/dist/apollo-core/p-60d4d252.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ListItemCpt","avatar","avatars","badges","href","title","subtext","metadata","hasRight","inner","h","Fragment","slice","src","name","class","map","d","icon","text","a","alt","b","dot","variant","XplList","render","Host","this","items","item","Object","assign"],"sources":["./src/components/components/xpl-list/xpl-list.tsx"],"sourcesContent":["import {\n    Component,\n    Host,\n    h,\n    Prop,\n    FunctionalComponent,\n    Fragment,\n} from '@stencil/core';\nimport type { ListItem } from './listitem';\n\nconst ListItemCpt: FunctionalComponent<ListItem> = ({\n    avatar,\n    avatars,\n    badges,\n    href,\n    title,\n    subtext,\n    metadata,\n}) => {\n    const hasRight = avatars || badges || subtext;\n    const inner = (\n        <Fragment>\n            {avatar &&\n                (avatar.slice(0, 1) === '/' || avatar.slice(0, 4) === 'http' ? (\n                    <xpl-avatar src={avatar} name={title}></xpl-avatar>\n                ) : (\n                    <xpl-avatar name={title}>{avatar}</xpl-avatar>\n                ))}\n            <div class=\"xpl-list-item-content\">\n                <div class=\"xpl-list-left\">\n                    <div>\n                        <h4>{title}</h4>\n                        {metadata && (\n                            <ul class=\"xpl-list-item-metadata\">\n                                {metadata.map((d) => {\n                                    if (typeof d === 'string') {\n                                        return <li>{d}</li>;\n                                    } else {\n                                        return (\n                                            <li>\n                                                <xpl-icon\n                                                    icon={d.icon}\n                                                ></xpl-icon>{' '}\n                                                {d.text}\n                                            </li>\n                                        );\n                                    }\n                                })}\n                            </ul>\n                        )}\n                    </div>\n                </div>\n                {hasRight && (\n                    <div class=\"xpl-list-right\">\n                        {subtext && (\n                            <div class=\"xpl-list-item-subtext\">{subtext}</div>\n                        )}\n                        {avatars && (\n                            <div class=\"xpl-avatar-group xpl-avatar-group--s\">\n                                {avatars.map((a) => (\n                                    <img src={a} alt=\"\" />\n                                ))}\n                            </div>\n                        )}\n                        {badges &&\n                            badges.map((b) => {\n                                if (typeof b === 'string') {\n                                    return <xpl-badge>{b}</xpl-badge>;\n                                } else {\n                                    return (\n                                        <xpl-badge\n                                            dot={b.dot}\n                                            variant={b.variant}\n                                        >\n                                            {b.text}\n                                        </xpl-badge>\n                                    );\n                                }\n                            })}\n                    </div>\n                )}\n            </div>\n        </Fragment>\n    );\n    return href ? (\n        <a class=\"xpl-list-item\" href={href}>\n            {inner}\n        </a>\n    ) : (\n        <div class=\"xpl-list-item\">{inner}</div>\n    );\n};\n\n@Component({\n    tag: 'xpl-list',\n})\nexport class XplList {\n    /**\n     * `items` should be an array of objects with the following signature:\n     * {\n     *   avatar?: string;        // The URL of the avatar, or the placeholder initials (ex. \"SPD\").\n     *   avatars?: string[];     // The URLs of multiple avatars to be displayed in a group on the right.\n     *   badges?: string[] | {   // An array of strings or badge-like objects to be displayed as badges\n     *     dot?: boolean;        // in a group on the right. See <xpl-badge> for more details.\n     *     text: string;\n     *     variant?: string;\n     *   }[];\n     *   href?: string;          // A URL, if this list item is meant to link somewhere.\n     *   title: string;          // The text to be displayed for the list item.\n     *   metadata?: string[] | { // An array of strings or strings with icons (reference the allowed\n     *     icon: string;         // Apollo icons) to be displayed as metadata below the title.\n     *     text: string;\n     *   }[];\n     *   subtext?: string;       // Subtext to be displayed on the right.\n     * }\n     *\n     * - Note that you should *only use one of* `avatars`, `badges`, or `subtext`, to avoid cluttering\n     *   the right-hand side of the list item.\n     */\n    @Prop() items?: ListItem[] = [];\n\n    render() {\n        return (\n            <Host>\n                {this.items.map((item) => (\n                    <ListItemCpt {...item} />\n                ))}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAUA,MAAMA,EAA6C,EAC/CC,SACAC,UACAC,SACAC,OACAC,QACAC,UACAC,eAEA,MAAMC,EAAWN,GAAWC,GAAUG,EACtC,MAAMG,EACFC,EAACC,EAAQ,KACJV,IACIA,EAAOW,MAAM,EAAG,KAAO,KAAOX,EAAOW,MAAM,EAAG,KAAO,OAClDF,EAAA,cAAYG,IAAKZ,EAAQa,KAAMT,IAE/BK,EAAA,cAAYI,KAAMT,GAAQJ,IAElCS,EAAA,OAAKK,MAAM,yBACPL,EAAA,OAAKK,MAAM,iBACPL,EAAA,WACIA,EAAA,UAAKL,GACJE,GACGG,EAAA,MAAIK,MAAM,0BACLR,EAASS,KAAKC,IACX,UAAWA,IAAM,SAAU,CACvB,OAAOP,EAAA,UAAKO,E,KACT,CACH,OACIP,EAAA,UACIA,EAAA,YACIQ,KAAMD,EAAEC,OACC,IACZD,EAAEE,K,QASlCX,GACGE,EAAA,OAAKK,MAAM,kBACNT,GACGI,EAAA,OAAKK,MAAM,yBAAyBT,GAEvCJ,GACGQ,EAAA,OAAKK,MAAM,wCACNb,EAAQc,KAAKI,GACVV,EAAA,OAAKG,IAAKO,EAAGC,IAAI,QAI5BlB,GACGA,EAAOa,KAAKM,IACR,UAAWA,IAAM,SAAU,CACvB,OAAOZ,EAAA,iBAAYY,E,KAChB,CACH,OACIZ,EAAA,aACIa,IAAKD,EAAEC,IACPC,QAASF,EAAEE,SAEVF,EAAEH,K,QAU3C,OAAOf,EACHM,EAAA,KAAGK,MAAM,gBAAgBX,KAAMA,GAC1BK,GAGLC,EAAA,OAAKK,MAAM,iBAAiBN,EAC/B,E,MAMQgB,EAAO,M,oCAuBa,E,CAE7BC,SACI,OACIhB,EAACiB,EAAI,KACAC,KAAKC,MAAMb,KAAKc,GACbpB,EAACV,EAAW+B,OAAAC,OAAA,GAAKF,M"}