jebamo 0.0.15 → 0.0.17

package/components/index.d.ts

@@ -1,3 +1,123 @@
+/* jebamo custom elements */
+export { JeAccordion as JeAccordion } from '../dist/types/components/je-accordion/je-accordion';
+export { defineCustomElement as defineCustomElementJeAccordion } from './je-accordion';
+export { JeAlert as JeAlert } from '../dist/types/components/je-alert/je-alert';
+export { defineCustomElement as defineCustomElementJeAlert } from './je-alert';
+export { JeBranch as JeBranch } from '../dist/types/components/je-branch/je-branch';
+export { defineCustomElement as defineCustomElementJeBranch } from './je-branch';
+export { JeBreadcrumb as JeBreadcrumb } from '../dist/types/components/je-breadcrumb/je-breadcrumb';
+export { defineCustomElement as defineCustomElementJeBreadcrumb } from './je-breadcrumb';
+export { JeBreadcrumbs as JeBreadcrumbs } from '../dist/types/components/je-breadcrumbs/je-breadcrumbs';
+export { defineCustomElement as defineCustomElementJeBreadcrumbs } from './je-breadcrumbs';
+export { JeButton as JeButton } from '../dist/types/components/je-button/je-button';
+export { defineCustomElement as defineCustomElementJeButton } from './je-button';
+export { JeButtonGroup as JeButtonGroup } from '../dist/types/components/je-button-group/je-button-group';
+export { defineCustomElement as defineCustomElementJeButtonGroup } from './je-button-group';
+export { JeCalendar as JeCalendar } from '../dist/types/components/je-calendar/je-calendar';
+export { defineCustomElement as defineCustomElementJeCalendar } from './je-calendar';
+export { JeCard as JeCard } from '../dist/types/components/je-card/je-card';
+export { defineCustomElement as defineCustomElementJeCard } from './je-card';
+export { JeCheckbox as JeCheckbox } from '../dist/types/components/je-checkbox/je-checkbox';
+export { defineCustomElement as defineCustomElementJeCheckbox } from './je-checkbox';
+export { JeColor as JeColor } from '../dist/types/components/je-color/je-color';
+export { defineCustomElement as defineCustomElementJeColor } from './je-color';
+export { JeComp as JeComp } from '../dist/types/components/je-comp/je-comp';
+export { defineCustomElement as defineCustomElementJeComp } from './je-comp';
+export { JeControl as JeControl } from '../dist/types/components/je-control/je-control';
+export { defineCustomElement as defineCustomElementJeControl } from './je-control';
+export { JeDatepicker as JeDatepicker } from '../dist/types/components/je-datepicker/je-datepicker';
+export { defineCustomElement as defineCustomElementJeDatepicker } from './je-datepicker';
+export { JeDaw as JeDaw } from '../dist/types/components/je-daw/je-daw';
+export { defineCustomElement as defineCustomElementJeDaw } from './je-daw';
+export { JeDetails as JeDetails } from '../dist/types/components/je-details/je-details';
+export { defineCustomElement as defineCustomElementJeDetails } from './je-details';
+export { JeDiscardForm as JeDiscardForm } from '../dist/types/components/je-discard-form/je-discard-form';
+export { defineCustomElement as defineCustomElementJeDiscardForm } from './je-discard-form';
+export { JeDivider as JeDivider } from '../dist/types/components/je-divider/je-divider';
+export { defineCustomElement as defineCustomElementJeDivider } from './je-divider';
+export { JeDropzone as JeDropzone } from '../dist/types/components/je-dropzone/je-dropzone';
+export { defineCustomElement as defineCustomElementJeDropzone } from './je-dropzone';
+export { JeEq as JeEq } from '../dist/types/components/je-eq/je-eq';
+export { defineCustomElement as defineCustomElementJeEq } from './je-eq';
+export { JeForm as JeForm } from '../dist/types/components/je-form/je-form';
+export { defineCustomElement as defineCustomElementJeForm } from './je-form';
+export { JeGrid as JeGrid } from '../dist/types/components/je-grid/je-grid';
+export { defineCustomElement as defineCustomElementJeGrid } from './je-grid';
+export { JeIcon as JeIcon } from '../dist/types/components/je-icon/je-icon';
+export { defineCustomElement as defineCustomElementJeIcon } from './je-icon';
+export { JeItem as JeItem } from '../dist/types/components/je-item/je-item';
+export { defineCustomElement as defineCustomElementJeItem } from './je-item';
+export { JeKnob as JeKnob } from '../dist/types/components/je-knob/je-knob';
+export { defineCustomElement as defineCustomElementJeKnob } from './je-knob';
+export { JeLabel as JeLabel } from '../dist/types/components/je-label/je-label';
+export { defineCustomElement as defineCustomElementJeLabel } from './je-label';
+export { JeLink as JeLink } from '../dist/types/components/je-link/je-link';
+export { defineCustomElement as defineCustomElementJeLink } from './je-link';
+export { JeList as JeList } from '../dist/types/components/je-list/je-list';
+export { defineCustomElement as defineCustomElementJeList } from './je-list';
+export { JeLoading as JeLoading } from '../dist/types/components/je-loading/je-loading';
+export { defineCustomElement as defineCustomElementJeLoading } from './je-loading';
+export { JeMidi as JeMidi } from '../dist/types/components/je-midi/je-midi';
+export { defineCustomElement as defineCustomElementJeMidi } from './je-midi';
+export { JeNote as JeNote } from '../dist/types/components/je-note/je-note';
+export { defineCustomElement as defineCustomElementJeNote } from './je-note';
+export { JeOption as JeOption } from '../dist/types/components/je-option/je-option';
+export { defineCustomElement as defineCustomElementJeOption } from './je-option';
+export { JeOverlay as JeOverlay } from '../dist/types/components/je-overlay/je-overlay';
+export { defineCustomElement as defineCustomElementJeOverlay } from './je-overlay';
+export { JeOverlayContent as JeOverlayContent } from '../dist/types/components/je-overlay-content/je-overlay-content';
+export { defineCustomElement as defineCustomElementJeOverlayContent } from './je-overlay-content';
+export { JePage as JePage } from '../dist/types/components/je-page/je-page';
+export { defineCustomElement as defineCustomElementJePage } from './je-page';
+export { JePill as JePill } from '../dist/types/components/je-pill/je-pill';
+export { defineCustomElement as defineCustomElementJePill } from './je-pill';
+export { JePlaceholder as JePlaceholder } from '../dist/types/components/je-placeholder/je-placeholder';
+export { defineCustomElement as defineCustomElementJePlaceholder } from './je-placeholder';
+export { JePopover as JePopover } from '../dist/types/components/je-popover/je-popover';
+export { defineCustomElement as defineCustomElementJePopover } from './je-popover';
+export { JeRadio as JeRadio } from '../dist/types/components/je-radio/je-radio';
+export { defineCustomElement as defineCustomElementJeRadio } from './je-radio';
+export { JeRadioButton as JeRadioButton } from '../dist/types/components/je-radio-button/je-radio-button';
+export { defineCustomElement as defineCustomElementJeRadioButton } from './je-radio-button';
+export { JeRadioGroup as JeRadioGroup } from '../dist/types/components/je-radio-group/je-radio-group';
+export { defineCustomElement as defineCustomElementJeRadioGroup } from './je-radio-group';
+export { JeRange as JeRange } from '../dist/types/components/je-range/je-range';
+export { defineCustomElement as defineCustomElementJeRange } from './je-range';
+export { JeReorderItem as JeReorderItem } from '../dist/types/components/je-reorder-item/je-reorder-item';
+export { defineCustomElement as defineCustomElementJeReorderItem } from './je-reorder-item';
+export { JeReorderList as JeReorderList } from '../dist/types/components/je-reorder-list/je-reorder-list';
+export { defineCustomElement as defineCustomElementJeReorderList } from './je-reorder-list';
+export { JeRichText as JeRichText } from '../dist/types/components/je-rich-text/je-rich-text';
+export { defineCustomElement as defineCustomElementJeRichText } from './je-rich-text';
+export { JeSelect as JeSelect } from '../dist/types/components/je-select/je-select';
+export { defineCustomElement as defineCustomElementJeSelect } from './je-select';
+export { JeSplitPanel as JeSplitPanel } from '../dist/types/components/je-split-panel/je-split-panel';
+export { defineCustomElement as defineCustomElementJeSplitPanel } from './je-split-panel';
+export { JeSplitView as JeSplitView } from '../dist/types/components/je-split-view/je-split-view';
+export { defineCustomElement as defineCustomElementJeSplitView } from './je-split-view';
+export { JeStack as JeStack } from '../dist/types/components/je-stack/je-stack';
+export { defineCustomElement as defineCustomElementJeStack } from './je-stack';
+export { JeSynth as JeSynth } from '../dist/types/components/je-synth/je-synth';
+export { defineCustomElement as defineCustomElementJeSynth } from './je-synth';
+export { JeTab as JeTab } from '../dist/types/components/je-tab/je-tab';
+export { defineCustomElement as defineCustomElementJeTab } from './je-tab';
+export { JeTabs as JeTabs } from '../dist/types/components/je-tabs/je-tabs';
+export { defineCustomElement as defineCustomElementJeTabs } from './je-tabs';
+export { JeTextfield as JeTextfield } from '../dist/types/components/je-textfield/je-textfield';
+export { defineCustomElement as defineCustomElementJeTextfield } from './je-textfield';
+export { JeToc as JeToc } from '../dist/types/components/je-toc/je-toc';
+export { defineCustomElement as defineCustomElementJeToc } from './je-toc';
+export { JeToggle as JeToggle } from '../dist/types/components/je-toggle/je-toggle';
+export { defineCustomElement as defineCustomElementJeToggle } from './je-toggle';
+export { JeToolbar as JeToolbar } from '../dist/types/components/je-toolbar/je-toolbar';
+export { defineCustomElement as defineCustomElementJeToolbar } from './je-toolbar';
+export { JeTooltip as JeTooltip } from '../dist/types/components/je-tooltip/je-tooltip';
+export { defineCustomElement as defineCustomElementJeTooltip } from './je-tooltip';
+export { JeTree as JeTree } from '../dist/types/components/je-tree/je-tree';
+export { defineCustomElement as defineCustomElementJeTree } from './je-tree';
+export { JeWizard as JeWizard } from '../dist/types/components/je-wizard/je-wizard';
+export { defineCustomElement as defineCustomElementJeWizard } from './je-wizard';
+
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"
  * if the path needs to be customized.
@@ -31,3 +151,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../dist/types';

package/components/index.js

@@ -1,139 +1 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-CkqNsQSv.js';
-
-const createDialog = (options) => {
-    const dialog = document.createElement('je-modal');
-    dialog.size = 'sm';
-    dialog.setHTMLUnsafe(`
-    <je-form>
-      <div class="je-dialog-container">
-        <template shadowrootmode="open">
-          <style>
-            :host {
-              display: flex;
-              flex-direction: column;
-              gap: 1rem;
-              padding: 1rem;
-              box-sizing: border-box;
-            }
-          </style>
-          <je-toolbar>
-            <slot name="icon"></slot>
-            <slot name="header"></slot>
-            <je-icon-button icon="close" slot="end"></je-icon-button>
-          </je-toolbar>
-          <slot name="message"></slot>
-          <slot name="controls"></slot>
-          <slot name="buttons"></slot>
-        </template>
-      </div>
-    </je-form>
-  `);
-    dialog.backdropDismiss = options.backdropDismiss;
-    dialog.showBackdrop = options.showBackdrop;
-    document.body.append(dialog);
-    const container = dialog.querySelector('.je-dialog-container');
-    if (options.header) {
-        container.insertAdjacentHTML('afterbegin', `
-      <h3 slot="header">${options.header}</h3>
-    `);
-    }
-    if (options.message) {
-        container.insertAdjacentHTML('beforeend', `
-      <je-label slot="message">${options.message}</je-label>
-    `);
-    }
-    if (options.icon) {
-        container.insertAdjacentHTML('afterbegin', `
-      <je-icon fill slot="icon">${options.icon}</je-icon>
-    `);
-    }
-    if (options.controls) {
-        container.insertAdjacentHTML('beforeend', `
-      <div slot="controls" class="je-dialog-controls"></div>
-    `);
-        const controls = container.querySelector('.je-dialog-controls');
-        options.controls.forEach(control => {
-            const input = document.createElement('je-textfield');
-            input.label = control.label;
-            input.placeholder = control.placeholder;
-            input.validators = control.validators;
-            input.required = control.required;
-            input.type = control.type;
-            input.setAttribute('name', control.name);
-            input.originalValue = control.originalValue;
-            input.value = control.value;
-            input.debounce = control.debounce;
-            input.addEventListener('valueChange', control.valueChangeHandler);
-            controls.append(input);
-        });
-    }
-    if (options.buttons) {
-        container.insertAdjacentHTML('beforeend', `
-      <je-toolbar slot="buttons" class="je-dialog-buttons"></je-toolbar>
-    `);
-        const buttons = container.querySelector('.je-dialog-buttons');
-        options.buttons.forEach(button => {
-            const btn = document.createElement('je-button');
-            btn.textContent = button.text;
-            btn.fill = button.fill;
-            btn.color = button.color;
-            btn.type = button.type;
-            btn.size = button.size;
-            btn.slot = 'end';
-            if (button.handler)
-                btn.addEventListener('click', () => button.handler(dialog));
-            buttons.append(btn);
-        });
-    }
-    const closeButton = container.shadowRoot.querySelector('je-icon-button');
-    closeButton.addEventListener('click', () => dialog.hide(), { once: true });
-    const form = dialog.querySelector('je-form');
-    form.addEventListener('submit', () => dialog.hide(), { once: true });
-    dialog.addEventListener('dismiss', () => dialog.remove(), { once: true });
-    return [dialog, form];
-};
-
-const createToast = (options) => {
-    const toast = document.createElement('je-alert');
-    toast.color = options.color;
-    toast.duration = options.duration;
-    toast.progress = options.progress;
-    toast.closable = options.closable;
-    toast.header = options.header;
-    toast.message = options.message;
-    toast.icon = options.icon;
-    if (options.buttons) {
-        options.buttons.forEach(button => {
-            var _a;
-            const btn = document.createElement('je-button');
-            btn.textContent = button.text;
-            btn.fill = button.fill;
-            btn.color = button.color;
-            btn.size = (_a = button.size) !== null && _a !== void 0 ? _a : 'sm';
-            btn.slot = 'buttons';
-            if (button.handler)
-                btn.addEventListener('click', () => button.handler(toast));
-            toast.append(btn);
-        });
-    }
-    let container = document.querySelector(`je-toast-container[position=${options.position}]`);
-    if (!container) {
-        container = document.createElement('je-toast-container');
-        container.position = options.position;
-        document.body.append(container);
-        container.popover = 'manual';
-    }
-    container.append(toast);
-    if (!container.matches(':popover-open')) {
-        container.showPopover();
-    }
-    toast.didDismiss().then(() => {
-        toast.remove();
-    });
-    return toast;
-};
-
-export { createDialog, createToast };
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-w5KdeSDL.js";export{I as InputMask,JeTextfield,defineCustomElement as defineCustomElementJeTextfield}from"./je-textfield.js";export{JeAccordion,defineCustomElement as defineCustomElementJeAccordion}from"./je-accordion.js";export{JeAlert,defineCustomElement as defineCustomElementJeAlert}from"./je-alert.js";export{JeBranch,defineCustomElement as defineCustomElementJeBranch}from"./je-branch.js";export{JeBreadcrumb,defineCustomElement as defineCustomElementJeBreadcrumb}from"./je-breadcrumb.js";export{JeBreadcrumbs,defineCustomElement as defineCustomElementJeBreadcrumbs}from"./je-breadcrumbs.js";export{JeButton,defineCustomElement as defineCustomElementJeButton}from"./je-button.js";export{JeButtonGroup,defineCustomElement as defineCustomElementJeButtonGroup}from"./je-button-group.js";export{JeCalendar,defineCustomElement as defineCustomElementJeCalendar}from"./je-calendar.js";export{JeCard,defineCustomElement as defineCustomElementJeCard}from"./je-card.js";export{JeCheckbox,defineCustomElement as defineCustomElementJeCheckbox}from"./je-checkbox.js";export{JeColor,defineCustomElement as defineCustomElementJeColor}from"./je-color.js";export{JeComp,defineCustomElement as defineCustomElementJeComp}from"./je-comp.js";export{JeControl,defineCustomElement as defineCustomElementJeControl}from"./je-control.js";export{JeDatepicker,defineCustomElement as defineCustomElementJeDatepicker}from"./je-datepicker.js";export{JeDaw,defineCustomElement as defineCustomElementJeDaw}from"./je-daw.js";export{JeDetails,defineCustomElement as defineCustomElementJeDetails}from"./je-details.js";export{JeDiscardForm,defineCustomElement as defineCustomElementJeDiscardForm}from"./je-discard-form.js";export{JeDivider,defineCustomElement as defineCustomElementJeDivider}from"./je-divider.js";export{JeDropzone,defineCustomElement as defineCustomElementJeDropzone}from"./je-dropzone.js";export{JeEq,defineCustomElement as defineCustomElementJeEq}from"./je-eq.js";export{JeForm,defineCustomElement as defineCustomElementJeForm}from"./je-form.js";export{JeGrid,defineCustomElement as defineCustomElementJeGrid}from"./je-grid.js";export{JeIcon,defineCustomElement as defineCustomElementJeIcon}from"./je-icon.js";export{JeItem,defineCustomElement as defineCustomElementJeItem}from"./je-item.js";export{JeKnob,defineCustomElement as defineCustomElementJeKnob}from"./je-knob.js";export{JeLabel,defineCustomElement as defineCustomElementJeLabel}from"./je-label.js";export{JeLink,defineCustomElement as defineCustomElementJeLink}from"./je-link.js";export{JeList,defineCustomElement as defineCustomElementJeList}from"./je-list.js";export{JeLoading,defineCustomElement as defineCustomElementJeLoading}from"./je-loading.js";export{JeMidi,defineCustomElement as defineCustomElementJeMidi}from"./je-midi.js";export{JeNote,defineCustomElement as defineCustomElementJeNote}from"./je-note.js";export{JeOption,defineCustomElement as defineCustomElementJeOption}from"./je-option.js";export{JeOverlay,defineCustomElement as defineCustomElementJeOverlay}from"./je-overlay.js";export{JeOverlayContent,defineCustomElement as defineCustomElementJeOverlayContent}from"./je-overlay-content.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{JeRadioButton,defineCustomElement as defineCustomElementJeRadioButton}from"./je-radio-button.js";export{JeRadioGroup,defineCustomElement as defineCustomElementJeRadioGroup}from"./je-radio-group.js";export{JeRange,defineCustomElement as defineCustomElementJeRange}from"./je-range.js";export{JeReorderItem,defineCustomElement as defineCustomElementJeReorderItem}from"./je-reorder-item.js";export{JeReorderList,defineCustomElement as defineCustomElementJeReorderList}from"./je-reorder-list.js";export{JeRichText,defineCustomElement as defineCustomElementJeRichText}from"./je-rich-text.js";export{JeSelect,defineCustomElement as defineCustomElementJeSelect}from"./je-select.js";export{JeSplitPanel,defineCustomElement as defineCustomElementJeSplitPanel}from"./je-split-panel.js";export{JeSplitView,defineCustomElement as defineCustomElementJeSplitView}from"./je-split-view.js";export{JeStack,defineCustomElement as defineCustomElementJeStack}from"./je-stack.js";export{JeSynth,defineCustomElement as defineCustomElementJeSynth}from"./je-synth.js";export{JeTab,defineCustomElement as defineCustomElementJeTab}from"./je-tab.js";export{JeTabs,defineCustomElement as defineCustomElementJeTabs}from"./je-tabs.js";export{JeToc,defineCustomElement as defineCustomElementJeToc}from"./je-toc.js";export{JeToggle,defineCustomElement as defineCustomElementJeToggle}from"./je-toggle.js";export{JeToolbar,defineCustomElement as defineCustomElementJeToolbar}from"./je-toolbar.js";export{JeTooltip,defineCustomElement as defineCustomElementJeTooltip}from"./je-tooltip.js";export{JeTree,defineCustomElement as defineCustomElementJeTree}from"./je-tree.js";export{JeWizard,defineCustomElement as defineCustomElementJeWizard}from"./je-wizard.js";const e=e=>{const t=document.createElement("je-overlay");t.size="sm",t.setHTMLUnsafe('\n    <je-form>\n      <div class="je-dialog-container">\n        <template shadowrootmode="open">\n          <style>\n            :host {\n              display: flex;\n              flex-direction: column;\n              gap: 1rem;\n              padding: 1rem;\n              box-sizing: border-box;\n            }\n          </style>\n          <je-toolbar>\n            <slot name="icon"></slot>\n            <slot name="header"></slot>\n            <je-button slot="end">\n              <je-icon>close</je-icon\n            </je-button>\n          </je-toolbar>\n          <slot name="message"></slot>\n          <slot name="controls"></slot>\n          <slot name="buttons"></slot>\n        </template>\n      </div>\n    </je-form>\n  '),t.backdropDismiss=e.backdropDismiss,document.body.append(t);const o=t.querySelector(".je-dialog-container");if(e.header&&o.insertAdjacentHTML("afterbegin",`\n      <h3 slot="header">${e.header}</h3>\n    `),e.message&&o.insertAdjacentHTML("beforeend",`\n      <je-label slot="message">${e.message}</je-label>\n    `),e.icon&&o.insertAdjacentHTML("afterbegin",`\n      <je-icon fill slot="icon">${e.icon}</je-icon>\n    `),e.controls){o.insertAdjacentHTML("beforeend",'\n      <div slot="controls" class="je-dialog-controls"></div>\n    ');const t=o.querySelector(".je-dialog-controls");e.controls.forEach((e=>{const o=document.createElement("je-textfield");o.label=e.label,o.placeholder=e.placeholder,o.required=e.required,o.setAttribute("name",e.name),o.originalValue=e.originalValue,o.value=e.value,o.debounce=e.debounce,o.addEventListener("valueChange",e.valueChangeHandler),t.append(o)}))}if(e.buttons){o.insertAdjacentHTML("beforeend",'\n      <je-toolbar slot="buttons" class="je-dialog-buttons"></je-toolbar>\n    ');const n=o.querySelector(".je-dialog-buttons");e.buttons.forEach((e=>{const o=document.createElement("je-button");o.textContent=e.text,o.fill=e.fill,o.color=e.color,o.type=e.type,o.size=e.size,o.slot="end",e.handler&&o.addEventListener("click",(()=>e.handler(t))),n.append(o)}))}o.shadowRoot.querySelector("je-button").addEventListener("click",(()=>t.hide()),{once:!0});const n=t.querySelector("je-form");return n.addEventListener("submit",(()=>t.hide()),{once:!0}),t.addEventListener("dismiss",(()=>t.remove()),{once:!0}),[t,n]},t=e=>{const t=document.createElement("je-alert");t.color=e.color,t.duration=e.duration,t.closable=e.closable,e.buttons&&e.buttons.forEach((e=>{const o=document.createElement("je-button");o.textContent=e.text,o.fill=e.fill,o.color=e.color,o.size=e.size??"sm",o.slot="buttons",e.handler&&o.addEventListener("click",(()=>e.handler(t))),t.append(o)}));let o=document.querySelector(`div.je-toast-container[data-position=${e.position}]`);return o||(o=document.createElement("div"),o.dataset.position=e.position,document.body.append(o),o.popover="manual"),o.append(t),t.didDismiss().then((()=>{t.remove()})),t};export{e as createDialog,t as createToast}

package/components/je-accordion.js

@@ -1,68 +1 @@
-import { p as proxyCustomElement, H, h } from './p-CkqNsQSv.js';
-
-const jeAccordionCss = ":host{display:flex;flex-direction:column}";
-
-const JeAccordion$1 = /*@__PURE__*/ proxyCustomElement(class JeAccordion extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    onExpand(ev) {
-        const { target } = ev;
-        const sections = Array.from(this.el.querySelectorAll('je-details'));
-        sections.forEach(section => {
-            if (section !== target) {
-                section.open = false;
-            }
-        });
-    }
-    onKeydown(ev) {
-        if (ev.key === 'ArrowDown' || ev.key === 'ArrowUp') {
-            ev.preventDefault();
-            const sections = Array.from(this.el.querySelectorAll('je-details'));
-            const index = sections.indexOf(ev.target);
-            const nextIndex = ev.key === 'ArrowDown' ? index + 1 : index - 1;
-            if (nextIndex >= 0 && nextIndex < sections.length) {
-                sections[nextIndex].focus();
-            }
-        }
-        if (ev.key === 'Home') {
-            ev.preventDefault();
-            const sections = Array.from(this.el.querySelectorAll('je-details'));
-            sections[0].focus();
-        }
-        if (ev.key === 'End') {
-            ev.preventDefault();
-            const sections = Array.from(this.el.querySelectorAll('je-details'));
-            sections[sections.length - 1].focus();
-        }
-    }
-    render() {
-        return h("slot", { key: 'a87df3e9b05966bba67d9aed830a95cb39293ff7' });
-    }
-    get el() { return this; }
-    static get style() { return jeAccordionCss; }
-}, [1, "je-accordion", undefined, [[0, "expand", "onExpand"], [0, "keydown", "onKeydown"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["je-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "je-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, JeAccordion$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JeAccordion = JeAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { JeAccordion, defineCustomElement };
-//# sourceMappingURL=je-accordion.js.map
-
-//# sourceMappingURL=je-accordion.js.map
+import{p as e,t,H as o,h as n}from"./p-w5KdeSDL.js";const s=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}onExpand(e){const{target:t}=e;Array.from(this.el.querySelectorAll("je-details")).forEach((e=>{e!==t&&(e.open=!1)}))}onKeydown(e){if("ArrowDown"===e.key||"ArrowUp"===e.key){e.preventDefault();const t=Array.from(this.el.querySelectorAll("je-details")),o=t.indexOf(e.target),n="ArrowDown"===e.key?o+1:o-1;n>=0&&n<t.length&&t[n].focus()}if("Home"===e.key&&(e.preventDefault(),Array.from(this.el.querySelectorAll("je-details"))[0].focus()),"End"===e.key){e.preventDefault();const t=Array.from(this.el.querySelectorAll("je-details"));t[t.length-1].focus()}}render(){return n("slot",{key:"1047c43d05f7e302e63e867d9bd04fcc38ed2f96"})}static get style(){return":host{display:flex;flex-direction:column}"}},[257,"je-accordion",void 0,[[0,"expand","onExpand"],[0,"keydown","onKeydown"]]]),r=s,d=function(){"undefined"!=typeof customElements&&["je-accordion"].forEach((e=>{"je-accordion"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))};export{r as JeAccordion,d as defineCustomElement}

package/components/je-alert.js

@@ -1,132 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-CkqNsQSv.js';
-import { d as defineCustomElement$5 } from './p-BDmPyJO1.js';
-import { d as defineCustomElement$4 } from './p-Du6zwiZx.js';
-import { d as defineCustomElement$3 } from './p-BRu0Me00.js';
-import { d as defineCustomElement$2 } from './p-DuqkEHHK.js';
-
-const jeAlertCss = ":host{display:none;overflow:hidden;position:relative;box-shadow:var(--box-shadow);border:var(--border);border-radius:var(--je-radius-md, 0.375rem);box-sizing:border-box;background-color:var(--background);color:var(--color);padding:var(--je-spacing-md, 1rem);grid-template-columns:auto 1fr auto;grid-auto-rows:auto;align-items:center;column-gap:var(--je-spacing-sm, 0.75rem);row-gap:var(--je-spacing-2xs, 0.25rem);--background:light-dark(rgb(233, 236, 236), rgb(41, 45, 46));--color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%), color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%));--box-shadow:0px 4px 16px 0px light-dark(rgba(0, 0, 0, 0.12), rgba(68, 68, 68, 0.12));--border:solid 1px light-dark(rgb(197, 200, 204), rgb(86, 87, 90))}:host([color=primary]){--accent:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host([color=secondary]){--accent:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%), var(--je-secondary, #99becb))}:host([color=warning]){--accent:var(--je-warning, #fbbf24)}:host([color=danger]){--accent:light-dark(color-mix(in srgb, var(--je-danger, #ae1818) 80%, white 20%), color-mix(in srgb, var(--je-danger, #ae1818) 60%, white 40%))}:host([color=success]){--accent:color-mix(in srgb, var(--je-success, #22c55e) 80%, black 20%)}:host(.visible){display:grid}:host(.open){animation:fadeIn 600ms forwards}:host(:not(.open)){animation:fadeOut 600ms forwards}@keyframes fadeIn{from{opacity:0;transform:scale(0%)}to{opacity:1;transform:scale(100%)}}@keyframes fadeOut{from{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0%)}}[part=header]{font-weight:bold;display:block;box-sizing:border-box;font-size:var(--je-font-lg, 1.25rem);line-height:1}[part=message]{line-height:1}je-icon{display:block;color:var(--accent)}.border{position:absolute;top:0;left:0;background-color:var(--accent);width:100%;height:var(--je-spacing-xs, 0.5rem)}.progress{position:absolute;bottom:0;left:0;width:100%;background-color:var(--accent);height:var(--je-spacing-2xs, 0.25rem);animation:shorten linear forwards;animation-play-state:paused}.progress.running{animation-play-state:running}.progress:not(.visible){opacity:0}@keyframes shorten{from{width:100%}to{width:0}}slot[name=buttons]{display:flex;align-items:center;gap:var(--je-spacing-sm, 0.75rem)}";
-
-const JeAlert$1 = /*@__PURE__*/ proxyCustomElement(class JeAlert extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.present = createEvent(this, "present", 7);
-        this.dismiss = createEvent(this, "dismiss", 7);
-        this.paused = true;
-        this.closable = false;
-        this.color = 'primary';
-        this.duration = 0;
-        this.progress = false;
-        this.open = false;
-    }
-    componentWillRender() {
-        if (this.open) {
-            this.el.classList.add('visible');
-        }
-    }
-    async show() {
-        this.open = true;
-    }
-    async hide(role, data) {
-        this.role = role;
-        this.data = data;
-        this.open = false;
-    }
-    didDismiss() {
-        return new Promise(resolve => {
-            this.el.addEventListener('dismiss', e => resolve(e.detail), { once: true });
-        });
-    }
-    onAnimationEnd(e) {
-        var _a;
-        if (e.animationName == 'fadeOut' && e.target == this.el) {
-            this.el.classList.remove('visible');
-            this.paused = true;
-            this.dismiss.emit({
-                role: (_a = this.role) !== null && _a !== void 0 ? _a : 'manualDismiss',
-                data: this.data
-            });
-            this.role = undefined;
-            this.data = undefined;
-        }
-        if (e.animationName == 'fadeIn' && e.target == this.el) {
-            this.paused = false;
-            this.present.emit();
-        }
-    }
-    onMouseEnter() {
-        if (this.open)
-            this.paused = true;
-    }
-    onMouseLeave() {
-        if (this.open)
-            this.paused = false;
-    }
-    onSlotChange() {
-        forceUpdate(this.el);
-    }
-    render() {
-        const hasHeader = !!this.header || !!this.el.querySelector('[slot="header"]');
-        const hasMessage = !!this.message || !!this.el.querySelector('[slot="message"]');
-        const hasButtons = !!this.el.querySelector('[slot="buttons"]');
-        return (h(Host, { key: 'b52fe6332a8c0cdb18fe976514da12bfc7f1177f', class: { open: this.open } }, h("div", { key: '980b1dbeba35cafcef151c12df98c3c7ceafbfc3', class: "border" }), h("div", { key: '0107a4518153069e504ec9b9cd937ffd4a7dd1d3', class: "cell top-left" }, this.icon && h("je-icon", { key: '34e593b5bf5494188efa7d1c0e9e4d91050c8ef3', fill: true }, this.icon), h("slot", { key: '20f10bd67f54052a09fe9416eea4eb01de63bde2', name: "start" })), h("div", { key: 'e691e82ebeef7f770c299dab1efaabae04100d2a', class: "cell top-middle" }, hasHeader ? (h("slot", { name: 'header' }, this.header && h("span", { part: "header" }, this.header))) : (h("slot", { name: "message" }, this.message && h("span", { part: "message" }, this.message)))), h("div", { key: 'a4826a4369605399ddf75c02322cc796063184c0', class: "cell top-right" }, h("slot", { key: '2be8fa278127c314647980697a9374ae8e55850b', name: "end" }), this.closable && h("je-icon-button", { key: 'b73a511b7734b0849a7e7652ba5fceb4ebd62063', icon: 'close', onClick: () => this.hide('userDismiss') })), hasHeader && hasMessage && (h(Fragment, { key: '3b6b10e884782d5634617a9a40a472b9749a0c3d' }, h("div", { key: '30b6a576fea25310fe560f68b540b0e470df4f6f', class: "cell middle-left" }), h("div", { key: '591877c8ab4b62e651ca8fc2ff55c787ff78e4b5', class: "cell middle-middle" }, h("slot", { key: '9cca457371bdbdc735cff40651ce05c9715c8637', name: "message" }, this.message && h("span", { key: 'ae0e03caa467e4a6e167ea0145cddb04e102640b', part: "message" }, this.message))), h("div", { key: 'e32e769e78e77b60b2f4f88251cc1c214dff9230', class: "cell middle-right" }))), hasButtons && (h(Fragment, { key: '19bee8fe7ab54c0631f8d263f01532c2b6569da1' }, h("div", { key: 'cc46e4eb28706612d5eb9aa296b76e82c824e57f', class: "cell bottom-left" }), h("div", { key: '74bdb7c05832b781343fafa6baa3d1e0ca120742', class: "cell bottom-middle" }, h("slot", { key: 'a4c37b18c623cfaf897f8490f32acf8881f3d94e', name: "buttons" })), h("div", { key: '0110cb76f08d514a0701703b22bb8242ad39d6b9', class: "cell bottom-right" }))), this.duration > 0 && (h("div", { key: 'f2e3234004a42e437935d1e3f8c8fd001e604fb3', onAnimationEnd: () => this.hide('autoDismiss'), class: { progress: true, running: this.open && !this.paused, visible: this.progress }, style: { animationDuration: `${this.duration}ms` } }))));
-    }
-    get el() { return this; }
-    static get style() { return jeAlertCss; }
-}, [1, "je-alert", {
-        "icon": [1],
-        "header": [1],
-        "message": [1],
-        "closable": [4],
-        "color": [513],
-        "duration": [2],
-        "progress": [4],
-        "open": [1028],
-        "paused": [32],
-        "show": [64],
-        "hide": [64],
-        "didDismiss": [64]
-    }, [[0, "animationend", "onAnimationEnd"], [1, "mouseenter", "onMouseEnter"], [1, "mouseleave", "onMouseLeave"], [0, "slotchange", "onSlotChange"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["je-alert", "je-button", "je-icon", "je-icon-button", "je-loading"];
-    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$5();
-            }
-            break;
-        case "je-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "je-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "je-loading":
-            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
-
-//# sourceMappingURL=je-alert.js.map
+import{p as e,H as s,c as a,h as t,d as o,t as r}from"./p-w5KdeSDL.js";import{d as n}from"./p-BCnW-nMY.js";import{d as i}from"./p-DtTQ8dSt.js";import{d as c}from"./p-rr5guVxm.js";import{d}from"./p-BVT-dqx_.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.present=a(this,"present",7),this.dismiss=a(this,"dismiss",7)}role;data;paused=!0;get el(){return this}closable=!1;color;duration=0;open=!1;present;dismiss;onOpenChange(e){e?this.el.animate({opacity:[0,1],transform:["scale(0%)","scale(100%)"],display:["none","block"]},600).onfinish=()=>{this.paused=!1,this.present.emit()}:this.el.animate({opacity:[1,0],transform:["scale(100%)","scale(0%)"],display:["block","none"]},600).onfinish=()=>{this.paused=!0,this.dismiss.emit({role:this.role??"manualDismiss",data:this.data}),this.role=void 0,this.data=void 0}}async show(){this.open=!0}async hide(e,s){this.role=e,this.data=s,this.open=!1}didDismiss(){return new Promise((e=>{this.el.addEventListener("dismiss",(s=>e(s.detail)),{once:!0})}))}onMouseEnter(){this.open&&(this.paused=!0)}onMouseLeave(){this.open&&(this.paused=!1)}render(){return t(o,{key:"125af2922331603b8fafb5d79003a5cfeea4696b"},this.duration>0&&t("div",{key:"e6f43cdab814a8854eb578d4eaaecb2607100a3e",onAnimationEnd:()=>this.hide("autoDismiss"),class:{progress:!0,running:this.open&&!this.paused},style:{animationDuration:this.duration+"ms"}}),t("je-toolbar",{key:"6cff2b4749d51145bd3b933c45822e41a430825a"},t("slot",{key:"f9a179aa9d53e996b81121c245a3e1eee5019ea2",name:"start"}),t("div",{key:"35d8767311f6639f85a932c3ae67265a5cfb8a07"},t("slot",{key:"72c476b641e906647c71370195dc18980c2491ae"})),t("slot",{key:"b51e9e25e47e8294974200d2de3db4992044c937",slot:"end",name:"end"}),this.closable&&t("je-button",{key:"ab55a680aa3202c76dd29e9479bbcd8812f78ff7",fill:"clear",class:"icon-only",slot:"end",onClick:()=>this.hide("userDismiss")},t("je-icon",{key:"f8319f8b6071d5c5e44a0b25ba994b2464e6f349"},"close"))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:none;overflow:hidden;position:relative;box-shadow:var(--box-shadow);border:var(--border);border-radius:var(--je-radius-md);box-sizing:border-box;background-color:var(--background);color:var(--color);font-size:var(--je-font-sm);padding:var(--je-spacing-sm);--accent:light-dark(var(--je-neutral-600), var(--je-neutral-500));--background:light-dark(rgb(233, 236, 236), rgb(41, 45, 46));--color:light-dark(var(--je-neutral-800), var(--je-neutral-300));--box-shadow:0px 4px 16px 0px light-dark(rgba(0, 0, 0, 0.12), rgba(68, 68, 68, 0.12));--border:solid 1px light-dark(rgb(197, 200, 204), rgb(86, 87, 90))}:host([open]:not([open=false])){display:block}:host([color=primary]){--accent:light-dark(var(--je-primary-500), var(--je-primary-200))}:host([color=warning]){--accent:var(--je-warning-400)}:host([color=danger]){--accent:light-dark(var(--je-danger-400), var(--je-danger-300))}:host([color=success]){--accent:var(--je-success-600)}.progress{position:absolute;top:0;left:0;width:100%;background-color:var(--accent);height:var(--je-spacing-2xs);animation:shorten linear forwards;animation-play-state:paused;&.running{animation-play-state:running}}@keyframes shorten{from{width:100%}to{width:0}}"}},[769,"je-alert",{closable:[4],color:[513],duration:[2],open:[1540],paused:[32],show:[64],hide:[64],didDismiss:[64]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"]],{open:[{onOpenChange:0}]}]),h=l,b=function(){"undefined"!=typeof customElements&&["je-alert","je-button","je-icon","je-loading","je-toolbar"].forEach((e=>{switch(e){case"je-alert":customElements.get(r(e))||customElements.define(r(e),l);break;case"je-button":customElements.get(r(e))||n();break;case"je-icon":customElements.get(r(e))||i();break;case"je-loading":customElements.get(r(e))||c();break;case"je-toolbar":customElements.get(r(e))||d()}}))};export{h as JeAlert,b as defineCustomElement}

package/components/je-branch.js

@@ -1,77 +1 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, d as Host } from './p-CkqNsQSv.js';
-import { d as defineCustomElement$2 } from './p-Du6zwiZx.js';
-
-const jeBranchCss = ":host{display:contents;position:relative;--selected-background:light-dark(color-mix(in srgb, var(--je-primary, #4141e8) 10%, white 90%), color-mix(in srgb, var(--je-secondary, #99becb) 30%, black 70%));--selected-color:light-dark(var(--je-primary, #4141e8), var(--je-secondary, #99becb));--indentation-color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, white 20%), color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%))}.icon-placeholder{width:20px;height:24px}.level{width:var(--je-spacing-lg, 1.25rem);height:var(--je-spacing-lg, 1.25rem)}button{cursor:pointer;display:flex;align-items:center;box-sizing:border-box;border-radius:var(--je-radius-md, 0.375rem);overflow:hidden;background-color:transparent;color:inherit;width:100%;font-family:inherit;font-size:var(--je-font-md, 1rem);font-weight:var(--je-font-regular, 500);margin:0;padding-block:var(--je-spacing-2xs, 0.25rem);padding-inline:0;border:0;user-select:none;-webkit-user-select:none;z-index:1;transition:all 75ms ease-in-out;outline-offset:-6px;outline-color:var(--je-primary-400)}button:hover,button.selected:not(.multiple){background-color:var(--selected-background)}button.selected:not(.multiple){color:var(--selected-color)}[part=inner-branch-container]{overflow:hidden}[part=branch-container]{position:relative;box-sizing:border-box;display:grid;grid-template-rows:0fr;opacity:0;transition:all 250ms ease-out}[part=branch-container].indentation::before{left:calc(var(--level) * var(--je-spacing-lg, 1.25rem));transform:translate(10px);display:block;content:\"\";position:absolute;background-color:var(--indentation-color);opacity:0;width:1px;transition:opacity 250ms ease-in-out;z-index:2}[part=branch-container].open{opacity:1;grid-template-rows:1fr}[part=branch-container].open.indentation::before{opacity:1;height:100%}je-icon{color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%), color-mix(in srgb, var(--je-secondary, #99becb) 40%, white 60%));transition:rotate 250ms ease}je-icon.open{rotate:90deg}.multi-icon{color:var(--selected-color)}";
-
-const JeBranch$1 = /*@__PURE__*/ proxyCustomElement(class JeBranch extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.hasChildren = false;
-        this.indentation = false;
-        this.open = false;
-        this.selected = false;
-        this.handleIconClick = (ev) => {
-            if (this.selection != 'leaf') {
-                ev.stopPropagation();
-                this.open = !this.open;
-            }
-        };
-    }
-    componentWillRender() {
-        this.hasChildren = this.element.querySelector('je-branch') !== null;
-    }
-    async isLeaf() {
-        return !this.hasChildren;
-    }
-    getLevel(el, level = 0) {
-        const parent = el.parentElement;
-        if (this.selection && parent.tagName == 'JE-BRANCH') {
-            return this.getLevel(parent, level + 1);
-        }
-        return level;
-    }
-    render() {
-        const levels = new Array(this.getLevel(this.element)).fill(0);
-        return (h(Host, { key: '1463931fda384e44539706be94456bbf97698c29' }, h("style", { key: '0befcf440dbe184e2f00dd549982de30a32a462b' }, `:host{--level:${levels.length};`), h("button", { key: 'bb29f8dbe60b6c5e8ee8158cd45a283a2e23dfa1', tabindex: 0, class: { selected: this.selected, [this.selection]: true } }, levels.map(() => h("div", { class: 'level' })), this.hasChildren ? (h("je-icon", { size: 'sm', class: { open: this.open, toggle: true }, onClickCapture: this.handleIconClick }, "chevron_right")) : (h("div", { class: 'icon-placeholder' })), this.selection === 'multiple' && (h("je-icon", { key: 'ab604b2eb4af1e8f143952b55dfe80847ca423c1', size: 'sm', weight: 300, fill: true, class: 'multi-icon' }, this.selected === true ? 'check_box' : this.selected === false ? 'check_box_outline_blank' : 'indeterminate_check_box')), h("slot", { key: '88f5ef34b945fa035043bcbe040e85d5b83a0c6d', name: "label" }, this.label && h("span", { key: '84b6c7c59127437685b751d78e59321423450b3c' }, this.label))), h("div", { key: 'f6f6ccb6faf50276a897efd1eb2ca9459a67d6d8', class: { open: this.open, indentation: this.indentation }, part: "branch-container" }, h("div", { key: '04bad053e2f13e158bea36315ca41b570287eb04', part: 'inner-branch-container' }, h("slot", { key: '34448fb3a9bba79765d3713588291e9177282fbb', onSlotchange: () => forceUpdate(this.element) })))));
-    }
-    static get delegatesFocus() { return true; }
-    get element() { return this; }
-    static get style() { return jeBranchCss; }
-}, [17, "je-branch", {
-        "selection": [1],
-        "indentation": [4],
-        "open": [1028],
-        "value": [1],
-        "label": [1],
-        "selected": [4],
-        "isLeaf": [64]
-    }]);
-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;
-    } });
-}
-defineCustomElement$1();
-
-const JeBranch = JeBranch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { JeBranch, defineCustomElement };
-//# sourceMappingURL=je-branch.js.map
-
-//# sourceMappingURL=je-branch.js.map
+import{h as e,p as t,H as r,F as n,f as a,d as i,t as o}from"./p-w5KdeSDL.js";const c=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}hasChildren=!1;isChild=!1;get element(){return this}selection;indentation=!1;open=!1;value;label;selected=!1;href;componentWillRender(){this.hasChildren=null!==this.element.querySelector("je-branch"),this.isChild=null!=this.element.parentElement.closest("je-branch")}async isLeaf(){return!this.hasChildren}handleIconClick=e=>{"leaf"!=this.selection&&(e.stopPropagation(),this.open=!this.open)};checkboxPath(){return e("path",{d:this.selected?"M20 6 9 17l-5-5":"M5 12h14"})}render(){const t=e(n,{key:"ae509536da31758407c0a0c9f319758e6b878547"},"multiple"===this.selection&&e("div",{key:"c655896d037d028cd1a3efbd5155181aabc89ce5",part:"multi-icon",class:{selected:!1!==this.selected}},!1!==this.selected&&e("svg",{key:"0fce610d3c8943eef303e57021cea790f37ce3df",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},this.checkboxPath())),e("slot",{key:"c1b5d63d0e6bd50e47819904c4f09fce0845a7c6",name:"label"},this.label&&e("span",{key:"e0f23474745938c78991c78ca249a49f51eeadf1"},this.label)));return e(i,{key:"c559a9fc59adcf20b38f5dcbd54f9436cf5dbb1d"},e("div",{key:"cd30b725b056e77d6080182e13a9fa8f0bd3acd1",part:"content-container",class:{selected:this.selected,[this.selection]:!0,child:this.isChild,parent:this.hasChildren}},this.hasChildren&&e("div",{key:"0f37489a0e0b8f13c88aa857c27474cec42c4086",part:"chevron",class:{open:this.open},onClickCapture:this.handleIconClick},s),this.href?e("a",{href:this.href},t):e("button",{type:"button"},t),e("div",{key:"1e8682496c401b660d17831d20456f7fc5cef681",class:"end-container",onClick:e=>e.stopPropagation()},e("slot",{key:"9918e71e490ef29d2e46bb6bd400b6e111531dc4",name:"end"}))),e("div",{key:"491c62e1fd4b2f602e5efeae5b9687b8eee792a2",class:{open:this.open,indentation:this.indentation},part:"branch-container"},e("div",{key:"f412f9a41939964e68a60ed2b3dc952e37c2658e",part:"inner-branch-container"},e("slot",{key:"08ee4962d937e7559703c609c322b4eca9eaeedb",onSlotchange:()=>a(this.element)}))))}static get delegatesFocus(){return!0}static get style(){return':host{display:block;box-sizing:border-box;position:relative;--selected-background:light-dark(var(--je-primary-50), var(--je-neutral-850));--selected-color:light-dark(var(--je-primary-500), var(--je-primary-200));--indentation-color:light-dark(var(--je-neutral-400), var(--je-neutral-700))}[part=chevron]{height:16px;width:16px;display:flex;align-items:center;justify-content:center;color:light-dark(var(--je-neutral-800), var(--je-neutral-200));transition:rotate 250ms ease;rotate:270deg;&.open{rotate:360deg}}[part=multi-icon]{box-sizing:border-box;display:flex;height:16px;width:16px;align-items:center;justify-content:center;background-color:transparent;border:solid 1px var(--selected-color);border-radius:var(--je-radius-sm);color:var(--selected-color);&.selected{background-color:var(--selected-color);color:var(--selected-background)}}.end-container{display:contents}[part=content-container]{display:flex;align-items:center;box-sizing:border-box;border-radius:var(--je-radius-md);overflow:hidden;background-color:transparent;color:inherit;width:100%;font-family:inherit;font-size:inherit;margin:0;cursor:pointer;height:2.25rem;padding-right:1.25rem;gap:var(--je-spacing-2xs);user-select:none;-webkit-user-select:none;z-index:1;transition:all 75ms ease-in-out;outline-offset:-6px;outline-color:var(--je-primary-400);--level:calc(1em / var(--je-font-md));&:not(.parent){padding-left:calc(1em + var(--level) * var(--je-spacing-2xs))}&.parent.child{padding-left:calc(1em - 16px - var(--je-spacing-2xs) + var(--level) * var(--je-spacing-2xs))}&:hover,&.selected:not(.multiple){background-color:var(--selected-background)}&.selected:not(.multiple){color:var(--selected-color)}}button,a{box-sizing:border-box;flex:1;display:flex;align-items:center;margin:0;padding:0;border:0;background-color:inherit;color:inherit;font-family:inherit;cursor:inherit;text-decoration:none;font-size:var(--je-font-md);font-weight:var(--je-font-regular);line-height:var(--je-font-md);height:100%;gap:var(--je-spacing-2xs)}[part=inner-branch-container]{overflow:hidden;font-size:calc(1em + var(--je-font-md))}[part=branch-container]{position:relative;box-sizing:border-box;display:grid;grid-template-rows:0fr;opacity:0;transition:all 250ms ease-out;--level:calc(1em / var(--je-font-md));&.indentation::before{left:calc(calc(var(--level) - 1) * calc(16px + var(--je-spacing-2xs)) + 8px);display:block;content:"";position:absolute;background-color:var(--indentation-color);opacity:0;width:1px;transition:opacity 250ms ease-in-out;z-index:2}&.open{opacity:1;grid-template-rows:1fr;&.indentation::before{opacity:1;height:100%}}}'}},[785,"je-branch",{selection:[1],indentation:[4],open:[1028],value:[1],label:[1],selected:[4],href:[1],isLeaf:[64]}]),s=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},e("path",{d:"m4 6 4 4 4-4"})),l=c,d=function(){"undefined"!=typeof customElements&&["je-branch"].forEach((e=>{"je-branch"===e&&(customElements.get(o(e))||customElements.define(o(e),c))}))};export{l as JeBranch,d as defineCustomElement}