jebamo 0.0.1 → 0.0.2

package/dist/collection/components/tabs/je-tab/je-tab.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class JeTab {
+    render() {
+        return (h(Host, { key: '8762022920e907b328a6e432e98d5d38054317d9' }, h("slot", { key: '62fcd1082bd27c0dc86d80f417f4659227a78b97' })));
+    }
+    static get is() { return "je-tab"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["je-tab.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["je-tab.css"]
+        };
+    }
+}
+//# sourceMappingURL=je-tab.js.map

package/dist/collection/components/tabs/je-tab/je-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"je-tab.js","sourceRoot":"","sources":["../../../../src/components/tabs/je-tab/je-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,KAAK;IAChB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-tab',\n  styleUrl: 'je-tab.scss',\n  shadow: true,\n})\nexport class JeTab {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tabs/je-tabs/je-tabs.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/tabs/je-tabs/je-tabs.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class JeTabs {
+    render() {
+        return (h(Host, { key: 'a3721ce12a8494cc3ee7516a91ef68d003a66028' }, h("slot", { key: 'daa76b66e084b122270d23f64be73d042b50115b' })));
+    }
+    static get is() { return "je-tabs"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["je-tabs.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["je-tabs.css"]
+        };
+    }
+}
+//# sourceMappingURL=je-tabs.js.map

package/dist/collection/components/tabs/je-tabs/je-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"je-tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/je-tabs/je-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,MAAM;IACjB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-tabs',\n  styleUrl: 'je-tabs.scss',\n  shadow: true,\n})\nexport class JeTabs {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tree/je-branch/je-branch.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/tree/je-branch/je-branch.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class JeBranch {
+    render() {
+        return (h(Host, { key: '293ab19a650ed7d60b644e2f386ae8d47edfc110' }, h("slot", { key: '7b654eff10bbffb2f2e12d675b9e2e7f76cd6420' })));
+    }
+    static get is() { return "je-branch"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["je-branch.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["je-branch.css"]
+        };
+    }
+}
+//# sourceMappingURL=je-branch.js.map

package/dist/collection/components/tree/je-branch/je-branch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"je-branch.js","sourceRoot":"","sources":["../../../../src/components/tree/je-branch/je-branch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-branch',\n  styleUrl: 'je-branch.scss',\n  shadow: true,\n})\nexport class JeBranch {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/tree/je-tree/je-tree.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/tree/je-tree/je-tree.js

@@ -0,0 +1,19 @@
+import { Host, h } from "@stencil/core";
+export class JeTree {
+    render() {
+        return (h(Host, { key: '1372b18a5994380e0d3645f2f47b4d539aa826ad' }, h("slot", { key: '729aec5534b2ec9caae7a27da5187cabcfaa71c4' })));
+    }
+    static get is() { return "je-tree"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["je-tree.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["je-tree.css"]
+        };
+    }
+}
+//# sourceMappingURL=je-tree.js.map

package/dist/collection/components/tree/je-tree/je-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"je-tree.js","sourceRoot":"","sources":["../../../../src/components/tree/je-tree/je-tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,MAAM;IACjB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-tree',\n  styleUrl: 'je-tree.scss',\n  shadow: true,\n})\nexport class JeTree {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from './components.d.ts';\n"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,18 @@
+export const animationUpdate = () => {
+    return new Promise(resolve => requestAnimationFrame(() => resolve()));
+};
+const debounce = (func, wait = 0) => {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(func, wait, ...args);
+    };
+};
+export const debounceEvent = (event, wait) => {
+    const original = event._original || event;
+    return {
+        _original: event,
+        emit: debounce(original.emit.bind(original), wait),
+    };
+};
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,IAAI,OAAO,CAAO,OAAO,CAAC,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAA8B,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE;IAC5D,IAAI,KAAU,CAAC;IACf,OAAO,CAAC,GAAG,IAAW,EAAO,EAAE;QAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;IAC1C,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,IAAY,EAAgB,EAAE;IAC/E,MAAM,QAAQ,GAAI,KAAa,CAAC,SAAS,IAAI,KAAK,CAAC;IACnD,OAAO;QACL,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC;KACnC,CAAC;AACpB,CAAC,CAAC","sourcesContent":["import { EventEmitter } from \"@stencil/core\";\n\nexport type Color = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'medium' | 'light' | 'dark';\n\nexport const animationUpdate = () => {\n  return new Promise<void>(resolve => requestAnimationFrame(() => resolve()));\n}\n\nconst debounce = (func: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\nexport const debounceEvent = (event: EventEmitter, wait: number): EventEmitter => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "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
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => 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 const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-41492a72.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/je-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JeAlert extends Components.JeAlert, HTMLElement {}
+export const JeAlert: {
+    prototype: JeAlert;
+    new (): JeAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/je-alert.js

@@ -0,0 +1,146 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
+import { d as defineCustomElement$6 } from './p-aa4caa39.js';
+import { d as defineCustomElement$5 } from './p-243cc91b.js';
+import { d as defineCustomElement$4 } from './p-4b8ae8ef.js';
+import { d as defineCustomElement$3 } from './p-2df369c4.js';
+import { d as defineCustomElement$2 } from './p-5dee004d.js';
+
+const jeAlertCss = ":host{display:block;--je-width:35%}@media (width < 1200px){:host{--je-width:75%}}.modal{display:flex;flex-direction:column;position:fixed;border-radius:var(--je-border-radius, 2px);overflow:hidden;top:20%;left:50%;transform:translate(-50%, -20%);z-index:910;width:var(--je-width);background-color:var(--je-background-color);color:var(--je-text-color);box-shadow:0px 0px 15px 5px rgba(77, 77, 77, 0.4509803922)}.content-container{display:flex;flex-direction:column;padding:24px}.content-container .header{display:flex;width:100%;align-items:center}.content-container .header .close{margin-left:auto;--je-background:var(--je-medium-850)}.content-container .controls{margin-top:16px}.content-container .buttons{margin-top:24px;display:flex;gap:var(--je-spacing);justify-content:flex-end}.modal-transition{opacity:0;transition:opacity 250ms ease-in-out}.modal.open{opacity:1}.backdrop{position:fixed;top:0;width:100%;height:100%;background:var(--je-backdrop-color);z-index:909}.backdrop-transition{opacity:0;transition:opacity 250ms ease-in-out}.backdrop.fade{opacity:1}.clear{background:rgba(0, 0, 0, 0)}";
+const JeAlertStyle0 = jeAlertCss;
+
+const JeAlert$1 = /*@__PURE__*/ proxyCustomElement(class JeAlert extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.didPresent = createEvent(this, "didPresent", 3);
+        this.didDismiss = createEvent(this, "didDismiss", 3);
+        this.didSubmit = createEvent(this, "didSubmit", 3);
+        this.handleBackdropClick = () => {
+            if (this.isOpen && this.backdropClose) {
+                this.dismiss('backdropClose');
+            }
+        };
+        this.isOpen = false;
+        this.header = undefined;
+        this.message = undefined;
+        this.icon = undefined;
+        this.buttons = undefined;
+        this.controls = undefined;
+        this.trigger = undefined;
+        this.showBackdrop = true;
+        this.backdropClose = true;
+    }
+    componentDidLoad() {
+        this.pageEl = this.el.closest('je-page');
+        this.parentEl = this.el.parentElement;
+        if (this.trigger) {
+            this.triggerElement = document.getElementById(this.trigger);
+            if (this.triggerElement) {
+                this.triggerElement.addEventListener('click', () => this.present());
+            }
+            else {
+                console.error('USS Core: Failed to find modal trigger element!');
+            }
+        }
+    }
+    async present() {
+        if (!this.isOpen) {
+            this.el.remove();
+            if (this.pageEl) {
+                this.pageEl.append(this.el);
+            }
+            else {
+                document.body.append(this.el);
+            }
+            this.isOpen = true;
+            return new Promise(resolve => {
+                this.contentEl.addEventListener('transitionend', () => {
+                    this.didPresent.emit();
+                    resolve();
+                }, { once: true });
+                this.backdropEl.classList.add('fade');
+                this.contentEl.classList.add('open');
+            });
+        }
+    }
+    async dismiss(role = 'manualClose', data) {
+        if (this.isOpen) {
+            return new Promise(resolve => {
+                this.contentEl.addEventListener('transitionend', () => {
+                    this.el.remove();
+                    this.parentEl.append(this.el);
+                    this.isOpen = false;
+                    this.didDismiss.emit({ role: role, data: data });
+                    resolve();
+                }, { once: true });
+                this.backdropEl.classList.remove('fade');
+                this.contentEl.classList.remove('open');
+            });
+        }
+    }
+    render() {
+        const content = h("je-form", { key: 'b7046e7fa228538a683ec0d0611ad030b4fba1cb', onSubmit: (ev) => this.didSubmit.emit(ev) }, h("div", { key: '3880885a9dd3c61fc3eb1d0329ee8def64a2935e', class: "content-container" }, this.header && h("div", { key: 'a399b5ac5e3ccd7bea29826e8ffe92ff7969e701', class: "header" }, this.icon && h("je-icon", { key: '8e6226b9d40d1136c5ba164fb91dc56ec854d6dd', icon: this.icon }), h("h1", { key: '9b0865e01e3e0d527affb53e11754312f40c4dc7' }, this.header), h("je-button", { key: 'be0c3cdd9761f3a54c4f3f82339b16d9f22c4678', fill: 'clear', "icon-only": true, class: "close", onClick: () => this.dismiss() }, h("je-icon", { key: 'ff5ece6eb0678c017fe0474e8da58a19219baf71', icon: "close" }))), this.message && h("div", { key: '40b3a196ccbbc0e533f5054ded0989a27d5023a7', class: "message" }, this.message), this.controls && h("div", { key: 'fe9f0530966919f995fc7d90b22f408c2a16f09a', class: "controls" }, this.controls.map(control => (h("je-input", { type: control.type, required: control.required, label: control.label, placeholder: control.placeholder, validators: control.validators })))), this.buttons && h("div", { key: 'fa19ebc95e36955d4a2323d99d2856429203114b', class: "buttons" }, this.buttons.map(button => (h("je-button", { fill: button.fill, type: button.type, color: button.color, onClick: () => button.handler(this.el) }, button.text))))));
+        return (h(Host, { key: 'bf6df0e328fbe2785353b02e72dc85f18534be45', slot: 'overlay' }, h("div", { key: 'accdd9fc3059b7348fa342a166606fc2dfbe51f7', ref: el => this.contentEl = el, class: { 'modal-transition': true, 'modal': this.isOpen } }, this.isOpen && content), h("div", { key: 'bf2c4115d133199138d47520e6e12bec3bc76657', ref: el => this.backdropEl = el, onClick: this.handleBackdropClick, class: { 'backdrop-transition': true, 'backdrop': this.isOpen, 'clear': !this.showBackdrop && this.isOpen } })));
+    }
+    get el() { return this; }
+    static get style() { return JeAlertStyle0; }
+}, [1, "je-alert", {
+        "header": [1],
+        "message": [1],
+        "icon": [1],
+        "buttons": [16],
+        "controls": [16],
+        "trigger": [1],
+        "showBackdrop": [4, "show-backdrop"],
+        "backdropClose": [4, "backdrop-close"],
+        "isOpen": [32],
+        "present": [64],
+        "dismiss": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-alert", "je-button", "je-form", "je-icon", "je-input", "je-popover"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-alert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeAlert$1);
+            }
+            break;
+        case "je-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "je-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "je-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "je-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "je-popover":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeAlert = JeAlert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeAlert, defineCustomElement };
+
+//# sourceMappingURL=je-alert.js.map

package/dist/components/je-alert.js.map

@@ -0,0 +1 @@
+{"file":"je-alert.js","mappings":"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","names":["JeAlert"],"sources":["src/components/je-alert/je-alert.scss?tag=je-alert&encapsulation=shadow","src/components/je-alert/je-alert.tsx"],"sourcesContent":[":host {\n  display: block;\n  --je-width: 35%;\n}\n\n@media (width < 1200px) {\n  :host {\n    --je-width: 75%;\n  }\n}\n\n.modal {\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  border-radius: var(--je-border-radius, 2px);\n  overflow: hidden;\n  top: 20%;\n  left: 50%;\n  transform: translate(-50%, -20%);\n  z-index: 910;\n  width: var(--je-width);\n  background-color: var(--je-background-color);\n  color: var(--je-text-color);\n  box-shadow: 0px 0px 15px 5px #4d4d4d73;\n}\n\n.content-container {\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n}\n\n.content-container .header {\n  display: flex;\n  width: 100%;\n  align-items: center;\n}\n\n.content-container .header .close {\n  margin-left: auto;\n  --je-background: var(--je-medium-850);\n}\n\n.content-container .controls {\n  margin-top: 16px;\n}\n\n.content-container .buttons {\n  margin-top: 24px;\n  display: flex;\n  gap: var(--je-spacing);\n  justify-content: flex-end;\n}\n\n.modal-transition {\n  opacity: 0;\n  transition: opacity 250ms ease-in-out;\n}\n\n.modal.open {\n  opacity: 1;\n}\n\n.backdrop {\n  position: fixed;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--je-backdrop-color);\n  z-index: 909;\n}\n\n.backdrop-transition {\n  opacity: 0;\n  transition: opacity 250ms ease-in-out;\n}\n\n.backdrop.fade {\n  opacity: 1;\n}\n\n.clear {\n  background: rgba(0, 0, 0, 0);\n}\n","import { Component, Host, h, Element, EventEmitter, Event, Method, Prop, State } from '@stencil/core';\nimport { AsyncValidationFn, ValidationFn } from '../je-input/je-input';\n\nexport type DialogButton = {\n  text: string,\n  color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'light' | 'dark',\n  fill: 'solid' | 'outline' | 'clear',\n  handler: (dialog: HTMLJeAlertElement) => void | Promise<void>,\n  type?: string\n}\n\nexport type DialogControl = {\n  label?: string,\n  placeholder?: string,\n  validators?: (ValidationFn | AsyncValidationFn)[],\n  required?: boolean,\n  type?: string\n}\n\n@Component({\n  tag: 'je-alert',\n  styleUrl: 'je-alert.scss',\n  shadow: true,\n})\nexport class JeAlert {\n  @Element() el!: HTMLJeAlertElement;\n  @State() isOpen = false;\n  protected parentEl!: HTMLElement;\n  protected triggerElement!: HTMLElement;\n  protected contentEl!: HTMLElement;\n  protected backdropEl!: HTMLElement;\n  protected pageEl!: HTMLElement;\n\n  /**\n   * Emitted when the dialog is presented\n   */\n  @Event({ bubbles: false }) didPresent: EventEmitter;\n\n  /**\n   * Emitted when the dialog is dismissed\n   */\n  @Event({ bubbles: false }) didDismiss: EventEmitter<{ role: string, data: any }>;\n\n  /**\n   * Emitted when the inner form submission is triggered\n   */\n  @Event({ bubbles: false }) didSubmit: EventEmitter<SubmitEvent>;\n\n  /**\n   * Title of the dialog\n   */\n  @Prop() header?: string;\n\n  /**\n   * Message text below the title\n   */\n  @Prop() message?: string;\n\n  /**\n   * Icon that goes to the left of the header\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Buttons for user interaction\n   */\n  @Prop() buttons?: DialogButton[];\n\n  /**\n   * Controls that are wrapped in a form\n   */\n  @Prop() controls?: DialogControl[];\n\n  /**\n   * Trigger element id\n   */\n  @Prop() trigger?: string;\n\n  /**\n   * Whether or not to render the backdrop\n   */\n  @Prop() showBackdrop = true;\n\n  /**\n   * Whether or not the user can close the dialog by clicking the backdrop\n   */\n  @Prop() backdropClose = true;\n\n  componentDidLoad() {\n    this.pageEl = this.el.closest('je-page');\n    this.parentEl = this.el.parentElement;\n    if (this.trigger) {\n      this.triggerElement = document.getElementById(this.trigger);\n      if (this.triggerElement) {\n        this.triggerElement.addEventListener('click', () => this.present());\n      } else {\n        console.error('USS Core: Failed to find modal trigger element!');\n      }\n    }\n  }\n\n  @Method()\n  async present() {\n    if (!this.isOpen) {\n      this.el.remove();\n      if (this.pageEl) {\n        this.pageEl.append(this.el);\n      } else {\n        document.body.append(this.el);\n      }\n      this.isOpen = true;\n\n      return new Promise<void>(resolve => {\n        this.contentEl.addEventListener('transitionend', () => {\n          this.didPresent.emit();\n          resolve();\n        }, { once: true });\n        this.backdropEl.classList.add('fade');\n        this.contentEl.classList.add('open');\n      });\n    }\n  }\n\n  @Method()\n  async dismiss(role = 'manualClose', data?: any) {\n    if (this.isOpen) {\n      return new Promise<void>(resolve => {\n        this.contentEl.addEventListener('transitionend', () => {\n          this.el.remove();\n          this.parentEl.append(this.el);\n          this.isOpen = false;\n          this.didDismiss.emit({ role: role, data: data });\n          resolve();\n        }, { once: true });\n        this.backdropEl.classList.remove('fade');\n        this.contentEl.classList.remove('open');\n      });\n    }\n  }\n\n  private handleBackdropClick = () => {\n    if (this.isOpen && this.backdropClose) {\n      this.dismiss('backdropClose');\n    }\n  }\n\n  render() {\n    const content = <je-form onSubmit={(ev: SubmitEvent) => this.didSubmit.emit(ev)}><div class=\"content-container\">\n      {this.header && <div class=\"header\">\n        {this.icon && <je-icon icon={this.icon}></je-icon>}\n        <h1>{this.header}</h1>\n        <je-button fill='clear' icon-only class=\"close\" onClick={() => this.dismiss()}>\n          <je-icon icon=\"close\"></je-icon>\n        </je-button>\n      </div>}\n      {this.message && <div class=\"message\">{this.message}</div>}\n      {this.controls && <div class=\"controls\">{this.controls.map(control => (\n        <je-input type={control.type} required={control.required} label={control.label} placeholder={control.placeholder} validators={control.validators}></je-input>\n      ))}</div>}\n      {this.buttons && <div class=\"buttons\">{this.buttons.map(button => (\n        <je-button fill={button.fill} type={button.type} color={button.color} onClick={() => button.handler(this.el)}>{button.text}</je-button>\n      ))}</div>}\n    </div></je-form>\n\n    return (\n      <Host slot='overlay'>\n        <div ref={el => this.contentEl = el} class={{ 'modal-transition': true, 'modal': this.isOpen }}>\n          {this.isOpen && content}\n        </div>\n\n        <div\n          ref={el => this.backdropEl = el}\n          onClick={this.handleBackdropClick}\n          class={{ 'backdrop-transition': true, 'backdrop': this.isOpen, 'clear': !this.showBackdrop && this.isOpen }}>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-branch.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JeBranch extends Components.JeBranch, HTMLElement {}
+export const JeBranch: {
+    prototype: JeBranch;
+    new (): JeBranch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/je-branch.js

@@ -0,0 +1,37 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jeBranchCss = ":host{display:block}";
+const JeBranchStyle0 = jeBranchCss;
+
+const JeBranch$1 = /*@__PURE__*/ proxyCustomElement(class JeBranch extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '293ab19a650ed7d60b644e2f386ae8d47edfc110' }, h("slot", { key: '7b654eff10bbffb2f2e12d675b9e2e7f76cd6420' })));
+    }
+    static get style() { return JeBranchStyle0; }
+}, [1, "je-branch"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-branch"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-branch":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeBranch$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeBranch = JeBranch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeBranch, defineCustomElement };
+
+//# sourceMappingURL=je-branch.js.map

package/dist/components/je-branch.js.map

@@ -0,0 +1 @@
+{"file":"je-branch.js","mappings":";;AAAA,MAAM,WAAW,GAAG,sBAAsB,CAAC;AAC3C,uBAAe,WAAW;;MCMbA,UAAQ;;;;;;IACnB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeBranch"],"sources":["src/components/tree/je-branch/je-branch.scss?tag=je-branch&encapsulation=shadow","src/components/tree/je-branch/je-branch.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-branch',\n  styleUrl: 'je-branch.scss',\n  shadow: true,\n})\nexport class JeBranch {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JeButton extends Components.JeButton, HTMLElement {}
+export const JeButton: {
+    prototype: JeButton;
+    new (): JeButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/je-button.js

@@ -0,0 +1,8 @@
+import { J as JeButton$1, d as defineCustomElement$1 } from './p-aa4caa39.js';
+
+const JeButton = JeButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeButton, defineCustomElement };
+
+//# sourceMappingURL=je-button.js.map

package/dist/components/je-button.js.map

@@ -0,0 +1 @@
+{"file":"je-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/je-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JeCard extends Components.JeCard, HTMLElement {}
+export const JeCard: {
+    prototype: JeCard;
+    new (): JeCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/je-card.js

@@ -0,0 +1,8 @@
+import { J as JeCard$1, d as defineCustomElement$1 } from './p-94327b0d.js';
+
+const JeCard = JeCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeCard, defineCustomElement };
+
+//# sourceMappingURL=je-card.js.map

package/dist/components/je-card.js.map

@@ -0,0 +1 @@
+{"file":"je-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/je-checkbox-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JeCheckboxGroup extends Components.JeCheckboxGroup, HTMLElement {}
+export const JeCheckboxGroup: {
+    prototype: JeCheckboxGroup;
+    new (): JeCheckboxGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/je-checkbox-group.js

@@ -0,0 +1,90 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
+
+const jeCheckboxGroupCss = ":host{display:block;width:fit-content}label{display:block;font-weight:var(--je-font-semi-bold);margin-bottom:var(--je-spacing-2xs)}";
+const JeCheckboxGroupStyle0 = jeCheckboxGroupCss;
+
+const JeCheckboxGroup$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckboxGroup extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.valueChange = createEvent(this, "valueChange", 3);
+        this.label = undefined;
+        this.value = [];
+    }
+    componentWillLoad() {
+        if (!Array.isArray(this.value)) {
+            this.value = [];
+        }
+        this.originalValue = this.value;
+        if (this.label) {
+            this.el.setAttribute('name', this.label);
+        }
+    }
+    componentDidLoad() {
+        if (this.value) {
+            const checkboxes = this.getChecks();
+            for (let item of checkboxes) {
+                item.checked = this.value.includes(item.value);
+            }
+        }
+    }
+    formResetCallback() {
+        this.value = this.originalValue;
+    }
+    getChecks() {
+        const elements = this.el.querySelectorAll('je-checkbox-option');
+        return Array.from(elements);
+    }
+    handleValueChange() {
+        this.valueChange.emit(this.value);
+        const checkboxes = this.getChecks();
+        for (let checkbox of checkboxes) {
+            const includes = this.value.includes(checkbox.value);
+            if (checkbox.checked != includes) {
+                checkbox.checked = includes;
+            }
+        }
+    }
+    handleCheck(ev) {
+        this.value = [ev.detail, ...this.value];
+    }
+    handleUncheck(ev) {
+        this.value = this.value.filter(t => t !== ev.detail);
+    }
+    render() {
+        return (h(Host, { key: '7d3112f65038d79a8ca5ebbba5bceb7b07ff401d' }, this.label && h("label", { key: '7f71075409ca98d45e18974ee1bda4a6afec859a' }, this.label), h("slot", { key: '2473328de9c142d0c972a32228edac8f51b66b38' })));
+    }
+    static get formAssociated() { return true; }
+    get el() { return this; }
+    static get watchers() { return {
+        "value": ["handleValueChange"]
+    }; }
+    static get style() { return JeCheckboxGroupStyle0; }
+}, [65, "je-checkbox-group", {
+        "label": [1],
+        "value": [1040]
+    }, [[0, "check", "handleCheck"], [0, "uncheck", "handleUncheck"]], {
+        "value": ["handleValueChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-checkbox-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-checkbox-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeCheckboxGroup$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeCheckboxGroup = JeCheckboxGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeCheckboxGroup, defineCustomElement };
+
+//# sourceMappingURL=je-checkbox-group.js.map

package/dist/components/je-checkbox-group.js.map

@@ -0,0 +1 @@
+{"file":"je-checkbox-group.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,qIAAqI,CAAC;AACjK,8BAAe,kBAAkB;;MCOpBA,iBAAe;;;;;;;qBAYiB,EAAE;;IAO7C,iBAAiB;QACf,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC9B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;SACjB;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhC,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1C;KACF;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,KAAK,IAAI,IAAI,IAAI,UAAU,EAAE;gBAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChD;SACF;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;KACjC;IAEO,SAAS;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QAChE,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC7B;IAGD,iBAAiB;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACpC,KAAK,IAAI,QAAQ,IAAI,UAAU,EAAE;YAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACrD,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,EAAE;gBAChC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;aAC7B;SACF;KACF;IAGD,WAAW,CAAC,EAAoB;QAC9B,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;KACzC;IAGD,aAAa,CAAC,EAAoB;QAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC;KACtD;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,KAAK,IAAI,gEAAQ,IAAI,CAAC,KAAK,CAAS,EAC1C,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeCheckboxGroup"],"sources":["src/components/checkbox-group/je-checkbox-group/je-checkbox-group.scss?tag=je-checkbox-group&encapsulation=shadow","src/components/checkbox-group/je-checkbox-group/je-checkbox-group.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n}\n\nlabel {\n  display: block;\n  font-weight: var(--je-font-semi-bold);\n  margin-bottom: var(--je-spacing-2xs);\n}\n","import { Component, Host, h, Element, Event, EventEmitter, Listen, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'je-checkbox-group',\n  styleUrl: 'je-checkbox-group.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class JeCheckboxGroup {\n  @Element() el!: HTMLJeCheckboxGroupElement;\n  private originalValue?: string[];\n\n  /**\n   * Label that shows above the controls\n   */\n  @Prop() label?: string;\n\n  /**\n   * Current selected values\n   */\n  @Prop({ mutable: true }) value: string[] = [];\n\n  /**\n   * Emits the current selected values whenever they change\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<string[]>;\n\n  componentWillLoad() {\n    if (!Array.isArray(this.value)) {\n      this.value = [];\n    }\n\n    this.originalValue = this.value;\n\n    if (this.label) {\n      this.el.setAttribute('name', this.label);\n    }\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      const checkboxes = this.getChecks();\n      for (let item of checkboxes) {\n        item.checked = this.value.includes(item.value);\n      }\n    }\n  }\n\n  formResetCallback() {\n    this.value = this.originalValue;\n  }\n\n  private getChecks() {\n    const elements = this.el.querySelectorAll('je-checkbox-option');\n    return Array.from(elements);\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.valueChange.emit(this.value);\n    const checkboxes = this.getChecks();\n    for (let checkbox of checkboxes) {\n      const includes = this.value.includes(checkbox.value);\n      if (checkbox.checked != includes) {\n        checkbox.checked = includes;\n      }\n    }\n  }\n\n  @Listen('check')\n  handleCheck(ev: CustomEvent<any>) {\n    this.value = [ev.detail, ...this.value];\n  }\n\n  @Listen('uncheck')\n  handleUncheck(ev: CustomEvent<any>) {\n    this.value = this.value.filter(t => t !== ev.detail);\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.label && <label>{this.label}</label>}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/je-checkbox-option.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JeCheckboxOption extends Components.JeCheckboxOption, HTMLElement {}
+export const JeCheckboxOption: {
+    prototype: JeCheckboxOption;
+    new (): JeCheckboxOption;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;