jebamo 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jebamo",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Jebamo core web component library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/index.d.ts

@@ -1,118 +0,0 @@
-/* jebamo custom elements */
-export { JeAlert as JeAlert } from '../types/components/je-alert/je-alert';
-export { defineCustomElement as defineCustomElementJeAlert } from './je-alert';
-export { JeBranch as JeBranch } from '../types/components/tree/je-branch/je-branch';
-export { defineCustomElement as defineCustomElementJeBranch } from './je-branch';
-export { JeButton as JeButton } from '../types/components/je-button/je-button';
-export { defineCustomElement as defineCustomElementJeButton } from './je-button';
-export { JeCard as JeCard } from '../types/components/je-card/je-card';
-export { defineCustomElement as defineCustomElementJeCard } from './je-card';
-export { JeCheckbox as JeCheckbox } from '../types/components/je-checkbox/je-checkbox';
-export { defineCustomElement as defineCustomElementJeCheckbox } from './je-checkbox';
-export { JeCheckboxGroup as JeCheckboxGroup } from '../types/components/checkbox-group/je-checkbox-group/je-checkbox-group';
-export { defineCustomElement as defineCustomElementJeCheckboxGroup } from './je-checkbox-group';
-export { JeCheckboxOption as JeCheckboxOption } from '../types/components/checkbox-group/je-checkbox-option/je-checkbox-option';
-export { defineCustomElement as defineCustomElementJeCheckboxOption } from './je-checkbox-option';
-export { JeColor as JeColor } from '../types/components/je-color/je-color';
-export { defineCustomElement as defineCustomElementJeColor } from './je-color';
-export { JeColumn as JeColumn } from '../types/components/column/je-column/je-column';
-export { defineCustomElement as defineCustomElementJeColumn } from './je-column';
-export { JeColumnGroup as JeColumnGroup } from '../types/components/column/je-column-group/je-column-group';
-export { defineCustomElement as defineCustomElementJeColumnGroup } from './je-column-group';
-export { JeDatepicker as JeDatepicker } from '../types/components/je-datepicker/je-datepicker';
-export { defineCustomElement as defineCustomElementJeDatepicker } from './je-datepicker';
-export { JeDetails as JeDetails } from '../types/components/je-details/je-details';
-export { defineCustomElement as defineCustomElementJeDetails } from './je-details';
-export { JeDivider as JeDivider } from '../types/components/je-divider/je-divider';
-export { defineCustomElement as defineCustomElementJeDivider } from './je-divider';
-export { JeDrawer as JeDrawer } from '../types/components/je-drawer/je-drawer';
-export { defineCustomElement as defineCustomElementJeDrawer } from './je-drawer';
-export { JeDropzone as JeDropzone } from '../types/components/je-dropzone/je-dropzone';
-export { defineCustomElement as defineCustomElementJeDropzone } from './je-dropzone';
-export { JeForm as JeForm } from '../types/components/je-form/je-form';
-export { defineCustomElement as defineCustomElementJeForm } from './je-form';
-export { JeIcon as JeIcon } from '../types/components/je-icon/je-icon';
-export { defineCustomElement as defineCustomElementJeIcon } from './je-icon';
-export { JeInfinite as JeInfinite } from '../types/components/je-infinite/je-infinite';
-export { defineCustomElement as defineCustomElementJeInfinite } from './je-infinite';
-export { JeInput as JeInput } from '../types/components/je-input/je-input';
-export { defineCustomElement as defineCustomElementJeInput } from './je-input';
-export { JeLink as JeLink } from '../types/components/je-link/je-link';
-export { defineCustomElement as defineCustomElementJeLink } from './je-link';
-export { JeLoading as JeLoading } from '../types/components/je-loading/je-loading';
-export { defineCustomElement as defineCustomElementJeLoading } from './je-loading';
-export { JeMenu as JeMenu } from '../types/components/menu/je-menu/je-menu';
-export { defineCustomElement as defineCustomElementJeMenu } from './je-menu';
-export { JeMenuOption as JeMenuOption } from '../types/components/menu/je-menu-option/je-menu-option';
-export { defineCustomElement as defineCustomElementJeMenuOption } from './je-menu-option';
-export { JeModal as JeModal } from '../types/components/je-modal/je-modal';
-export { defineCustomElement as defineCustomElementJeModal } from './je-modal';
-export { JeMultiselect as JeMultiselect } from '../types/components/multiselect/je-multiselect/je-multiselect';
-export { defineCustomElement as defineCustomElementJeMultiselect } from './je-multiselect';
-export { JeMultiselectOption as JeMultiselectOption } from '../types/components/multiselect/je-multiselect-option/je-multiselect-option';
-export { defineCustomElement as defineCustomElementJeMultiselectOption } from './je-multiselect-option';
-export { JePage as JePage } from '../types/components/je-page/je-page';
-export { defineCustomElement as defineCustomElementJePage } from './je-page';
-export { JePill as JePill } from '../types/components/je-pill/je-pill';
-export { defineCustomElement as defineCustomElementJePill } from './je-pill';
-export { JePlaceholder as JePlaceholder } from '../types/components/je-placeholder/je-placeholder';
-export { defineCustomElement as defineCustomElementJePlaceholder } from './je-placeholder';
-export { JePopover as JePopover } from '../types/components/je-popover/je-popover';
-export { defineCustomElement as defineCustomElementJePopover } from './je-popover';
-export { JeRadio as JeRadio } from '../types/components/radio/je-radio/je-radio';
-export { defineCustomElement as defineCustomElementJeRadio } from './je-radio';
-export { JeRadioGroup as JeRadioGroup } from '../types/components/radio/je-radio-group/je-radio-group';
-export { defineCustomElement as defineCustomElementJeRadioGroup } from './je-radio-group';
-export { JeSelect as JeSelect } from '../types/components/select/je-select/je-select';
-export { defineCustomElement as defineCustomElementJeSelect } from './je-select';
-export { JeSelectOption as JeSelectOption } from '../types/components/select/je-select-option/je-select-option';
-export { defineCustomElement as defineCustomElementJeSelectOption } from './je-select-option';
-export { JeTab as JeTab } from '../types/components/tabs/je-tab/je-tab';
-export { defineCustomElement as defineCustomElementJeTab } from './je-tab';
-export { JeTabs as JeTabs } from '../types/components/tabs/je-tabs/je-tabs';
-export { defineCustomElement as defineCustomElementJeTabs } from './je-tabs';
-export { JeTextarea as JeTextarea } from '../types/components/je-textarea/je-textarea';
-export { defineCustomElement as defineCustomElementJeTextarea } from './je-textarea';
-export { JeToast as JeToast } from '../types/components/je-toast/je-toast';
-export { defineCustomElement as defineCustomElementJeToast } from './je-toast';
-export { JeToggle as JeToggle } from '../types/components/je-toggle/je-toggle';
-export { defineCustomElement as defineCustomElementJeToggle } from './je-toggle';
-export { JeToolbar as JeToolbar } from '../types/components/je-toolbar/je-toolbar';
-export { defineCustomElement as defineCustomElementJeToolbar } from './je-toolbar';
-export { JeTree as JeTree } from '../types/components/tree/je-tree/je-tree';
-export { defineCustomElement as defineCustomElementJeTree } from './je-tree';
-
-/**
- * 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;
-export * from '../types';

package/dist/components/index.js

@@ -1,47 +0,0 @@
-import { setMode } from '@stencil/core/internal/client';
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { JeAlert, defineCustomElement as defineCustomElementJeAlert } from './je-alert.js';
-export { JeBranch, defineCustomElement as defineCustomElementJeBranch } from './je-branch.js';
-export { JeButton, defineCustomElement as defineCustomElementJeButton } from './je-button.js';
-export { JeCard, defineCustomElement as defineCustomElementJeCard } from './je-card.js';
-export { JeCheckbox, defineCustomElement as defineCustomElementJeCheckbox } from './je-checkbox.js';
-export { JeCheckboxGroup, defineCustomElement as defineCustomElementJeCheckboxGroup } from './je-checkbox-group.js';
-export { JeCheckboxOption, defineCustomElement as defineCustomElementJeCheckboxOption } from './je-checkbox-option.js';
-export { JeColor, defineCustomElement as defineCustomElementJeColor } from './je-color.js';
-export { JeColumn, defineCustomElement as defineCustomElementJeColumn } from './je-column.js';
-export { JeColumnGroup, defineCustomElement as defineCustomElementJeColumnGroup } from './je-column-group.js';
-export { JeDatepicker, defineCustomElement as defineCustomElementJeDatepicker } from './je-datepicker.js';
-export { JeDetails, defineCustomElement as defineCustomElementJeDetails } from './je-details.js';
-export { JeDivider, defineCustomElement as defineCustomElementJeDivider } from './je-divider.js';
-export { JeDrawer, defineCustomElement as defineCustomElementJeDrawer } from './je-drawer.js';
-export { JeDropzone, defineCustomElement as defineCustomElementJeDropzone } from './je-dropzone.js';
-export { JeForm, defineCustomElement as defineCustomElementJeForm } from './je-form.js';
-export { JeIcon, defineCustomElement as defineCustomElementJeIcon } from './je-icon.js';
-export { JeInfinite, defineCustomElement as defineCustomElementJeInfinite } from './je-infinite.js';
-export { JeInput, defineCustomElement as defineCustomElementJeInput } from './je-input.js';
-export { JeLink, defineCustomElement as defineCustomElementJeLink } from './je-link.js';
-export { JeLoading, defineCustomElement as defineCustomElementJeLoading } from './je-loading.js';
-export { JeMenu, defineCustomElement as defineCustomElementJeMenu } from './je-menu.js';
-export { JeMenuOption, defineCustomElement as defineCustomElementJeMenuOption } from './je-menu-option.js';
-export { JeModal, defineCustomElement as defineCustomElementJeModal } from './je-modal.js';
-export { JeMultiselect, defineCustomElement as defineCustomElementJeMultiselect } from './je-multiselect.js';
-export { JeMultiselectOption, defineCustomElement as defineCustomElementJeMultiselectOption } from './je-multiselect-option.js';
-export { JePage, defineCustomElement as defineCustomElementJePage } from './je-page.js';
-export { JePill, defineCustomElement as defineCustomElementJePill } from './je-pill.js';
-export { JePlaceholder, defineCustomElement as defineCustomElementJePlaceholder } from './je-placeholder.js';
-export { JePopover, defineCustomElement as defineCustomElementJePopover } from './je-popover.js';
-export { JeRadio, defineCustomElement as defineCustomElementJeRadio } from './je-radio.js';
-export { JeRadioGroup, defineCustomElement as defineCustomElementJeRadioGroup } from './je-radio-group.js';
-export { JeSelect, defineCustomElement as defineCustomElementJeSelect } from './je-select.js';
-export { JeSelectOption, defineCustomElement as defineCustomElementJeSelectOption } from './je-select-option.js';
-export { JeTab, defineCustomElement as defineCustomElementJeTab } from './je-tab.js';
-export { JeTabs, defineCustomElement as defineCustomElementJeTabs } from './je-tabs.js';
-export { JeTextarea, defineCustomElement as defineCustomElementJeTextarea } from './je-textarea.js';
-export { JeToast, defineCustomElement as defineCustomElementJeToast } from './je-toast.js';
-export { JeToggle, defineCustomElement as defineCustomElementJeToggle } from './je-toggle.js';
-export { JeToolbar, defineCustomElement as defineCustomElementJeToolbar } from './je-toolbar.js';
-export { JeTree, defineCustomElement as defineCustomElementJeTree } from './je-tree.js';
-
-setMode(el => el.getAttribute('mode') || 'default');
-
-//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC","names":[],"sources":["src/global.ts"],"sourcesContent":["import { setMode } from \"@stencil/core\";\n\nsetMode(el => el.getAttribute('mode') || 'default');\n"],"version":3}

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

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

@@ -1,145 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './je-button2.js';
-import { d as defineCustomElement$5 } from './je-form2.js';
-import { d as defineCustomElement$4 } from './je-icon2.js';
-import { d as defineCustomElement$3 } from './je-input2.js';
-import { d as defineCustomElement$2 } from './je-popover2.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 HTMLElement {
-    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;
-    } });
-}
-
-const JeAlert = JeAlert$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { JeAlert, defineCustomElement };
-
-//# sourceMappingURL=je-alert.js.map

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

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

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

@@ -1,88 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './je-icon2.js';
-
-const jeBranchCss = ":host{display:block;user-select:none;-webkit-user-select:none}[part=container]{display:flex;align-items:center;gap:var(--je-spacing-3xs)}::slotted(je-branch){margin-left:var(--je-spacing-lg)}";
-const JeBranchStyle0 = jeBranchCss;
-
-const JeBranch$1 = /*@__PURE__*/ proxyCustomElement(class JeBranch extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.branchSelect = createEvent(this, "branchSelect", 7);
-        this.open = false;
-        this.value = undefined;
-        this.label = undefined;
-        this.selected = false;
-        this.selection = null;
-        this.hasChildren = false;
-    }
-    ;
-    componentWillLoad() {
-        var _a, _b;
-        this.onSlotChange();
-        this.selection = (_b = (_a = this.element.closest('je-tree')) === null || _a === void 0 ? void 0 : _a.selection) !== null && _b !== void 0 ? _b : null;
-    }
-    async onClick(ev) {
-        ev.stopPropagation();
-        const value = this.value || this.element.textContent;
-        const isLeaf = await this.isLeaf();
-        if ((this.selection == 'leaf' && isLeaf) || this.selection != null) {
-            this.branchSelect.emit(value);
-        }
-    }
-    onSlotChange() {
-        this.hasChildren = this.element.querySelector('je-branch') !== null;
-    }
-    async isLeaf() {
-        return !this.hasChildren;
-    }
-    async getParentBranch() {
-        const parentElement = this.element.parentElement;
-        if (parentElement && parentElement.tagName === 'JE-BRANCH') {
-            return parentElement;
-        }
-        else {
-            return null;
-        }
-    }
-    render() {
-        return (h(Host, { key: 'f7542376cf90b9ddde645b27f32d2ae7ff67aff3' }, h("div", { key: '26052e5ce1eb67ccd93284c4ec7f2db3e462b1d7', part: "container" }, h("je-icon", { key: 'f6a8d0be65a3977df41f561041469311b679441f', icon: this.open ? 'expand_more' : 'chevron_right', style: { opacity: this.hasChildren ? '1' : '0' } }), this.selection === 'multiple' && h("je-icon", { key: '4f1af68a1a92d25e79f91772a2eb9e0bdeaa0f1d', icon: this.selected === true ? 'check_box' : this.selected === false ? 'check_box_outline_blank' : 'indeterminate_check_box' }), h("slot", { key: '652ae9e43b80400ed9a9cd45db2cd1dcd086ce06', name: "label" }, this.label && h("span", { key: 'e928abf06d90efb8d77047226193629675335e90' }, this.label))), h("slot", { key: '26db633786f32c071c3aaf42a46d3f4c5ab68394' })));
-    }
-    get element() { return this; }
-    static get style() { return JeBranchStyle0; }
-}, [1, "je-branch", {
-        "open": [4],
-        "value": [1],
-        "label": [1],
-        "selected": [4],
-        "selection": [32],
-        "hasChildren": [32],
-        "isLeaf": [64],
-        "getParentBranch": [64]
-    }, [[0, "click", "onClick"], [0, "slotChange", "onSlotChange"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["je-branch", "je-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "je-branch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, JeBranch$1);
-            }
-            break;
-        case "je-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const JeBranch = JeBranch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { JeBranch, defineCustomElement };
-
-//# sourceMappingURL=je-branch.js.map

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

@@ -1 +0,0 @@
-{"file":"je-branch.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,iMAAiM,CAAC;AACtN,uBAAe,WAAW;;MCMbA,UAAQ;;;;;;oBAEJ,KAAK;;;wBAGe,KAAK;yBACoB,IAAI;2BACzC,KAAK;;;IAG5B,iBAAiB;;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,0CAAE,SAAS,mCAAI,IAAI,CAAC;KACrE;IAGD,MAAM,OAAO,CAAC,EAAS;QACrB,EAAE,CAAC,eAAe,EAAE,CAAC;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;QACrD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACnC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,IAAI,MAAM,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;YAClE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC/B;KACF;IAGD,YAAY;QACV,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;KACrE;IAGD,MAAM,MAAM;QACV,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;KAC1B;IAGD,MAAM,eAAe;QACnB,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;QACjD,IAAI,aAAa,IAAI,aAAa,CAAC,OAAO,KAAK,WAAW,EAAE;YAC1D,OAAO,aAAoC,CAAC;SAC7C;aAAM;YACL,OAAO,IAAI,CAAC;SACb;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,IAAI,EAAC,WAAW,IACnB,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,aAAa,GAAG,eAAe,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,GAAG,EAAC,GAAG,EAC5G,IAAI,CAAC,SAAS,KAAK,UAAU,IAAI,gEAAS,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,yBAAyB,GAAG,yBAAyB,GAAI,EAC3K,6DAAM,IAAI,EAAC,OAAO,IACf,IAAI,CAAC,KAAK,IAAI,+DAAO,IAAI,CAAC,KAAK,CAAQ,CACnC,CACH,EACN,8DAAO,CACF,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  user-select: none;\n  -webkit-user-select: none;\n}\n\n[part=container] {\n  display: flex;\n  align-items: center;\n  gap: var(--je-spacing-3xs);\n}\n\n::slotted(je-branch) {\n  margin-left: var(--je-spacing-lg);\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-branch',\n  styleUrl: 'je-branch.scss',\n  shadow: true,\n})\nexport class JeBranch {\n  @Element() element: HTMLJeBranchElement;;\n  @Prop() open = false;\n  @Prop() value?: string;\n  @Prop() label?: string;\n  @Prop() selected: boolean | null = false;\n  @State() selection: 'single' | 'multiple' | 'leaf' | null = null;\n  @State() hasChildren = false;\n  @Event() branchSelect: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.onSlotChange();\n    this.selection = this.element.closest('je-tree')?.selection ?? null;\n  }\n\n  @Listen('click')\n  async onClick(ev: Event) {\n    ev.stopPropagation();\n    const value = this.value || this.element.textContent;\n    const isLeaf = await this.isLeaf();\n    if ((this.selection == 'leaf' && isLeaf) || this.selection != null) {\n      this.branchSelect.emit(value);\n    }\n  }\n\n  @Listen('slotChange')\n  onSlotChange() {\n    this.hasChildren = this.element.querySelector('je-branch') !== null;\n  }\n\n  @Method()\n  async isLeaf() {\n    return !this.hasChildren;\n  }\n\n  @Method()\n  async getParentBranch(): Promise<HTMLJeBranchElement | null> {\n    const parentElement = this.element.parentElement;\n    if (parentElement && parentElement.tagName === 'JE-BRANCH') {\n      return parentElement as HTMLJeBranchElement;\n    } else {\n      return null;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div part=\"container\">\n          <je-icon icon={this.open ? 'expand_more' : 'chevron_right'} style={{opacity: this.hasChildren ? '1' : '0'}}/>\n          {this.selection === 'multiple' && <je-icon icon={this.selected === true ? 'check_box' : this.selected === false ? 'check_box_outline_blank' : 'indeterminate_check_box'} />}\n          <slot name=\"label\">\n            {this.label && <span>{this.label}</span>}\n          </slot>\n        </div>\n        <slot/>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

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

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

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

package/dist/components/je-button2.js

@@ -1,75 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const jeButtonCss = ":host{display:block;width:fit-content;position:relative;--je-button-height:40px;--je-button-width:auto;--je-button-min-width:80px;--je-button-font-size:1.1em;--je-button-inline-padding:12px;--je-button-color:var(--je-primary-100, buttontext);--je-button-background:var(--je-primary-500, buttonface);--je-button-hover-background:var(--je-primary-600, buttonface);--je-button-active-background:var(--je-primary-700, buttonface)}:host([color=error]),:host([color=auto][error]){--je-button-color:var(--je-error-100);--je-button-background:var(--je-error-500);--je-button-hover-background:var(--je-error-600);--je-button-active-background:var(--je-error-700)}:host([color=secondary]),:host([color=auto][secondary]){--je-button-color:var(--je-secondary-100);--je-button-background:var(--je-secondary-500);--je-button-hover-background:var(--je-secondary-600);--je-button-active-background:var(--je-secondary-700)}:host([color=tertiary]),:host([color=auto][tertiary]){--je-button-color:var(--je-tertiary-100);--je-button-background:var(--je-tertiary-500);--je-button-hover-background:var(--je-tertiary-600);--je-button-active-background:var(--je-tertiary-700)}:host([color=warning]),:host([color=auto][warning]){--je-button-color:var(--je-warning-100);--je-button-background:var(--je-warning-500);--je-button-hover-background:var(--je-warning-600);--je-button-active-background:var(--je-warning-700)}:host([color=success]),:host([color=auto][success]){--je-button-color:var(--je-success-100);--je-button-background:var(--je-success-500);--je-button-hover-background:var(--je-success-600);--je-button-active-background:var(--je-success-700)}:host([color=medium]),:host([color=auto][medium]){--je-button-color:var(--je-medium-50);--je-button-background:var(--je-medium-500);--je-button-hover-background:var(--je-medium-600);--je-button-active-background:var(--je-medium-700)}:host([color=light]),:host([color=auto][light]){--je-button-color:var(--je-medium-900);--je-button-background:var(--je-medium-100);--je-button-hover-background:var(--je-medium-400);--je-button-active-background:var(--je-medium-500)}:host([color=dark]),:host([color=auto][dark]){--je-button-color:var(--je-medium-50);--je-button-background:var(--je-medium-850);--je-button-hover-background:var(--je-medium-850);--je-button-active-background:var(--je-medium-900)}:host([expand]){width:100%;--je-button-width:100%}:host([icon-only]){--je-button-min-width:2px;--je-button-inline-padding:0}:host([size=sm]){--je-button-min-width:60px;--je-button-height:30px;--je-button-font-size:0.9em;--je-button-inline-padding:8px}:host([size=lg]){--je-button-min-width:100px;--je-button-height:50px;--je-button-font-size:1.3em;--je-button-inline-padding:20px}button{display:flex;align-items:center;justify-content:center;gap:4px;position:relative;box-sizing:border-box;border:none;border-radius:var(--je-border-radius, 2px);padding-inline:var(--je-button-inline-padding);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;text-wrap:wrap;font-family:var(--je-font-family);font-size:var(--je-button-font-size);font-weight:var(--je-font-semi-bold);width:var(--je-button-width);height:var(--je-button-height);min-width:var(--je-button-min-width);color:var(--je-button-color);background-color:var(--je-button-background);transition:all 125ms ease-in-out}@media (hover: hover){button:hover{--je-button-background:var(--je-button-hover-background)}}button:active{--je-button-background:var(--je-button-active-background)}button:disabled{opacity:0.8;cursor:default}:host([fill=outline]) button{color:var(--je-button-background);background-color:transparent;border:solid 1px var(--je-button-background)}:host([fill=clear]) button{color:var(--je-button-background);background-color:transparent;font-weight:var(--je-font-bold)}@media (hover: hover){:host([fill=clear]) button:hover{opacity:0.8}}::slotted(je-icon){cursor:pointer}::slotted([slot=badge]){top:0;right:0;position:absolute;transform:translate(50%, -50%);border-radius:14px;color:var(--je-button-background);background-color:var(--je-button-color);padding-inline:4px;height:20px;display:flex;align-items:center;justify-content:center}";
-const JeButtonStyle0 = jeButtonCss;
-
-const JeButton = /*@__PURE__*/ proxyCustomElement(class JeButton extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.disabled = false;
-        this.type = 'button';
-        this.expand = false;
-        this.iconOnly = false;
-        this.fill = 'solid';
-        this.size = 'md';
-        this.color = 'primary';
-        this.lightModeColor = 'dark';
-        this.darkModeColor = 'light';
-    }
-    componentDidLoad() {
-        if (this.type == 'submit' || this.type == 'reset') {
-            this.formEl = this.el.closest('form');
-            if (this.formEl) {
-                this.formButtonEl = document.createElement('button');
-                this.formButtonEl.type = this.type;
-                this.formButtonEl.style.display = 'none';
-                this.formEl.append(this.formButtonEl);
-            }
-        }
-    }
-    handleThemeChange(e) {
-        if (this.color == 'auto') {
-            this.el.toggleAttribute(this.lightModeColor, e.detail == 'light');
-            this.el.toggleAttribute(this.darkModeColor, e.detail == 'dark');
-        }
-    }
-    handleClick() {
-        if (this.formButtonEl) {
-            this.formButtonEl.click();
-        }
-    }
-    render() {
-        return (h("button", { key: '8f6e68eec210f31572569fc808df822bc08ade24', part: 'inner-button', disabled: this.disabled, type: this.type }, h("slot", { key: '83636492f42b40976907f049183b28213e15f286' }), h("slot", { key: '0d50d9c9c0b07be64e29cc6d69c67e7972778011', name: 'badge' })));
-    }
-    get el() { return this; }
-    static get style() { return JeButtonStyle0; }
-}, [1, "je-button", {
-        "disabled": [4],
-        "type": [1],
-        "expand": [516],
-        "iconOnly": [516, "icon-only"],
-        "fill": [513],
-        "size": [513],
-        "color": [513],
-        "lightModeColor": [1, "light-mode-color"],
-        "darkModeColor": [1, "dark-mode-color"]
-    }, [[16, "themeChange", "handleThemeChange"], [0, "click", "handleClick"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["je-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "je-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, JeButton);
-            }
-            break;
-    } });
-}
-
-export { JeButton as J, defineCustomElement as d };
-
-//# sourceMappingURL=je-button2.js.map

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

@@ -1 +0,0 @@
-{"file":"je-button2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+lIAA+lI,CAAC;AACpnI,uBAAe,WAAW;;MCOb,QAAQ;;;;;wBAMA,KAAK;oBAGT,QAAQ;sBAGW,KAAK;wBAGH,KAAK;oBAGsB,OAAO;oBAGlB,IAAI;qBAGP,SAAS;8BAG1B,MAAM;6BAGP,OAAO;;IAEtC,gBAAgB;QACd,IAAI,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE;YACjD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACtC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACrD,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;gBACnC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;gBACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;aACvC;SACF;KACF;IAGD,iBAAiB,CAAC,CAAgC;QAChD,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,EAAE;YACxB,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,IAAI,OAAO,CAAC,CAAA;YACjE,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAA;SAChE;KACF;IAGD,WAAW;QACT,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;SAC3B;KACF;IAED,MAAM;QACJ,QACE,+DAAQ,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAClE,8DAAa,EACb,6DAAM,IAAI,EAAC,OAAO,GAAQ,CACnB,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/je-button/je-button.scss?tag=je-button&encapsulation=shadow","src/components/je-button/je-button.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n  position: relative;\n\n  /**\n   * @prop --je-button-height: Fixed height\n   * @prop --je-button-width: Optional fixed width\n   * @prop --je-button-min-width: Minimum width\n   * @prop --je-button-font-size: Font size\n   * @prop --je-button-inline-padding: Inner inline padding\n   * @prop --je-button-color: Text color\n   * @prop --je-button-background: Default background color\n   * @prop --je-button-hover-background: Hovered background color\n   * @prop --je-button-active-background: Pressed background color\n   */\n  --je-button-height: 40px;\n  --je-button-width: auto;\n  --je-button-min-width: 80px;\n  --je-button-font-size: 1.1em;\n  --je-button-inline-padding: 12px;\n  --je-button-color: var(--je-primary-100, buttontext);\n  --je-button-background: var(--je-primary-500, buttonface);\n  --je-button-hover-background: var(--je-primary-600, buttonface);\n  --je-button-active-background: var(--je-primary-700, buttonface);\n}\n\n:host([color=error]), :host([color=auto][error]) {\n  --je-button-color: var(--je-error-100);\n  --je-button-background: var(--je-error-500);\n  --je-button-hover-background: var(--je-error-600);\n  --je-button-active-background: var(--je-error-700);\n}\n\n:host([color=secondary]), :host([color=auto][secondary]) {\n  --je-button-color: var(--je-secondary-100);\n  --je-button-background: var(--je-secondary-500);\n  --je-button-hover-background: var(--je-secondary-600);\n  --je-button-active-background: var(--je-secondary-700);\n}\n\n:host([color=tertiary]), :host([color=auto][tertiary]) {\n  --je-button-color: var(--je-tertiary-100);\n  --je-button-background: var(--je-tertiary-500);\n  --je-button-hover-background: var(--je-tertiary-600);\n  --je-button-active-background: var(--je-tertiary-700);\n}\n\n:host([color=warning]), :host([color=auto][warning]) {\n  --je-button-color: var(--je-warning-100);\n  --je-button-background: var(--je-warning-500);\n  --je-button-hover-background: var(--je-warning-600);\n  --je-button-active-background: var(--je-warning-700);\n}\n\n:host([color=success]), :host([color=auto][success]) {\n  --je-button-color: var(--je-success-100);\n  --je-button-background: var(--je-success-500);\n  --je-button-hover-background: var(--je-success-600);\n  --je-button-active-background: var(--je-success-700);\n}\n\n:host([color=medium]), :host([color=auto][medium]) {\n  --je-button-color: var(--je-medium-50);\n  --je-button-background: var(--je-medium-500);\n  --je-button-hover-background: var(--je-medium-600);\n  --je-button-active-background: var(--je-medium-700);\n}\n\n:host([color=light]), :host([color=auto][light]) {\n  --je-button-color: var(--je-medium-900);\n  --je-button-background: var(--je-medium-100);\n  --je-button-hover-background: var(--je-medium-400);\n  --je-button-active-background: var(--je-medium-500);\n}\n\n:host([color=dark]), :host([color=auto][dark]) {\n  --je-button-color: var(--je-medium-50);\n  --je-button-background: var(--je-medium-850);\n  --je-button-hover-background: var(--je-medium-850);\n  --je-button-active-background: var(--je-medium-900);\n}\n\n:host([expand]) {\n  width: 100%;\n  --je-button-width: 100%;\n}\n\n:host([icon-only]) {\n  --je-button-min-width: 2px;\n  --je-button-inline-padding: 0;\n}\n\n:host([size=sm]) {\n  --je-button-min-width: 60px;\n  --je-button-height: 30px;\n  --je-button-font-size: 0.9em;\n  --je-button-inline-padding: 8px;\n}\n\n:host([size=lg]) {\n  --je-button-min-width: 100px;\n  --je-button-height: 50px;\n  --je-button-font-size: 1.3em;\n  --je-button-inline-padding: 20px;\n}\n\nbutton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  position: relative;\n  box-sizing: border-box;\n  border: none;\n  border-radius: var(--je-border-radius, 2px);\n  padding-inline: var(--je-button-inline-padding);\n  cursor: pointer;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  user-select: none;\n  text-transform: uppercase;\n  text-wrap: wrap;\n  font-family: var(--je-font-family);\n  font-size: var(--je-button-font-size);\n  font-weight: var(--je-font-semi-bold);\n  width: var(--je-button-width);\n  height: var(--je-button-height);\n  min-width: var(--je-button-min-width);\n  color: var(--je-button-color);\n  background-color: var(--je-button-background);\n  transition: all 125ms ease-in-out;\n\n  @media (hover: hover) {\n    &:hover {\n      --je-button-background: var(--je-button-hover-background);\n    }\n  }\n\n  &:active {\n    --je-button-background: var(--je-button-active-background);\n  }\n\n  &:disabled {\n    opacity: 0.8;\n    cursor: default;\n  }\n}\n\n:host([fill=outline]) button {\n  color: var(--je-button-background);\n  background-color: transparent;\n  border: solid 1px var(--je-button-background);\n}\n\n:host([fill=clear]) button {\n  color: var(--je-button-background);\n  background-color: transparent;\n  font-weight: var(--je-font-bold);\n\n  @media (hover: hover) {\n    &:hover {\n      opacity: 0.8;\n    }\n  }\n}\n\n::slotted(je-icon) {\n  cursor: pointer;\n}\n\n::slotted([slot=badge]) {\n  top: 0;\n  right: 0;\n  position: absolute;\n  transform: translate(50%, -50%);\n  border-radius: 14px;\n  color: var(--je-button-background);\n  background-color: var(--je-button-color);\n  padding-inline: 4px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","import { Component, Prop, h, Element, Listen } from '@stencil/core';\nimport { Color } from '../../utils/utils';\n\n@Component({\n  tag: 'je-button',\n  styleUrl: 'je-button.scss',\n  shadow: true,\n})\nexport class JeButton {\n  @Element() el: HTMLJeButtonElement;\n  private formEl?: HTMLFormElement;\n  private formButtonEl?: HTMLButtonElement;\n\n  /** Disables button */\n  @Prop() disabled = false;\n\n  /** Can set to submit or reset to participate in forms */\n  @Prop() type = 'button';\n\n  /** Expands the button to the full width of it's container */\n  @Prop({ reflect: true }) expand = false;\n\n  /** Removes the padding, ideal for turning an icon or image into a button */\n  @Prop({ reflect: true }) iconOnly = false;\n\n  /** Button fill */\n  @Prop({ reflect: true }) fill: 'solid' | 'outline' | 'clear' = 'solid';\n\n  /** Button size */\n  @Prop({ reflect: true }) size: 'md' | 'lg' | 'sm' = 'md';\n\n  /** Predefined colors. Auto will switch between light and dark based on the closest je-page's theme. */\n  @Prop({ reflect: true }) color: Color | 'auto' = 'primary';\n\n  /** Overrides what the light mode color will be when color is \"auto\". */\n  @Prop() lightModeColor: Color = 'dark';\n\n  /** Overrides what the dark mode color will be when color is \"auto\". */\n  @Prop() darkModeColor: Color = 'light';\n\n  componentDidLoad() {\n    if (this.type == 'submit' || this.type == 'reset') {\n      this.formEl = this.el.closest('form');\n      if (this.formEl) {\n        this.formButtonEl = document.createElement('button');\n        this.formButtonEl.type = this.type;\n        this.formButtonEl.style.display = 'none';\n        this.formEl.append(this.formButtonEl);\n      }\n    }\n  }\n\n  @Listen('themeChange', { target: 'body' })\n  handleThemeChange(e: CustomEvent<'light' | 'dark'>) {\n    if (this.color == 'auto') {\n      this.el.toggleAttribute(this.lightModeColor, e.detail == 'light')\n      this.el.toggleAttribute(this.darkModeColor, e.detail == 'dark')\n    }\n  }\n\n  @Listen('click')\n  handleClick() {\n    if (this.formButtonEl) {\n      this.formButtonEl.click();\n    }\n  }\n\n  render() {\n    return (\n      <button part='inner-button' disabled={this.disabled} type={this.type}>\n        <slot></slot>\n        <slot name='badge'></slot>\n      </button>\n    );\n  }\n}\n"],"version":3}

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

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