jebamo 0.0.1 → 0.0.2

package/dist/components/je-textarea.js

@@ -0,0 +1,55 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jeTextareaCss = ":host{position:relative;display:flex;align-items:baseline;gap:var(--je-spacing-2xs, 8px);background-color:var(--je-input-background, field);color:var(--je-input-color, fieldtext);padding:var(--je-spacing-xs, 10px);border-radius:var(--je-border-radius, 2px);border:solid 1px var(--je-border-color);transition:border 125ms ease-in-out;--je-height:84px;--je-border-color:transparent;--je-input-background:var(--je-medium-100);--je-input-color:var(--je-medium-900)}:host([darkmode]){--je-input-background:var(--je-medium-850);--je-input-color:var(--je-medium-50)}::slotted([slot=top-right]){top:0;right:0;position:absolute;transform:translate(50%, -50%)}textarea{height:var(--je-height);font-family:var(--je-font-family, inherit);font-size:var(--je-font-size, 1rem);background:transparent;color:inherit;flex:1;border:none;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;width:inherit}textarea::placeholder{font-family:var(--je-font-family, inherit);font-size:var(--je-font-size, 1rem);color:var(--je-medium-600)}textarea:focus{outline:0}label{font-weight:var(--je-font-semi-bold)}";
+const JeTextareaStyle0 = jeTextareaCss;
+
+const JeTextarea$1 = /*@__PURE__*/ proxyCustomElement(class JeTextarea extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.label = undefined;
+        this.placeholder = undefined;
+        this.value = undefined;
+        this.disabled = undefined;
+        this.readonly = undefined;
+        this.required = undefined;
+        this.debounce = 0;
+        this.maxLength = undefined;
+    }
+    render() {
+        return (h(Host, { key: '1b04c1cc5e2e68ea2df63eb6ef1a3e80f0c8e4ee' }, this.label && h("label", { key: '98514a4abb324648adcffb321ae69f088435ed68' }, this.label), h("textarea", { key: '4c9c3187928ac210459fa0699e525f33b27efa67', value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxLength, title: this.label }), h("slot", { key: '2e382b7892148f42516526aff5d5d9f49bd22a33', name: "top-right" })));
+    }
+    static get formAssociated() { return true; }
+    static get style() { return JeTextareaStyle0; }
+}, [65, "je-textarea", {
+        "label": [1],
+        "placeholder": [1],
+        "value": [1],
+        "disabled": [4],
+        "readonly": [4],
+        "required": [4],
+        "debounce": [2],
+        "maxLength": [2, "max-length"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-textarea"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-textarea":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeTextarea$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeTextarea = JeTextarea$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeTextarea, defineCustomElement };
+
+//# sourceMappingURL=je-textarea.js.map

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

@@ -0,0 +1 @@
+{"file":"je-textarea.js","mappings":";;AAAA,MAAM,aAAa,GAAG,8nCAA8nC,CAAC;AACrpC,yBAAe,aAAa;;MCOfA,YAAU;;;;;;;;;;;wBAOF,CAAC;;;IAGpB,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,KAAK,IAAI,gEAAQ,IAAI,CAAC,KAAK,CAAS,EAC1C,iEACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,EACtB,6DAAM,IAAI,EAAC,WAAW,GAAE,CACnB,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeTextarea"],"sources":["src/components/je-textarea/je-textarea.scss?tag=je-textarea&encapsulation=shadow","src/components/je-textarea/je-textarea.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  align-items: baseline;\n  gap: var(--je-spacing-2xs, 8px);\n  background-color: var(--je-input-background, field);\n  color: var(--je-input-color, fieldtext);\n  padding: var(--je-spacing-xs, 10px);\n  border-radius: var(--je-border-radius, 2px);\n  border: solid 1px var(--je-border-color);\n  transition: border 125ms ease-in-out;\n\n  --je-height: 84px;\n  --je-border-color: transparent;\n  --je-input-background: var(--je-medium-100);\n  --je-input-color: var(--je-medium-900);\n}\n\n:host([darkmode]) {\n  --je-input-background: var(--je-medium-850);\n  --je-input-color: var(--je-medium-50);\n}\n\n::slotted([slot=top-right]) {\n  top: 0;\n  right: 0;\n  position: absolute;\n  transform: translate(50%, -50%);\n}\n\ntextarea {\n  height: var(--je-height);\n  font-family: var(--je-font-family, inherit);\n  font-size: var(--je-font-size, 1rem);\n  background: transparent;\n  color: inherit;\n  flex: 1;\n  border: none;\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-left: 0;\n  padding-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n  margin-right: 0;\n  width: inherit;\n  &::placeholder {\n    font-family: var(--je-font-family, inherit);\n    font-size: var(--je-font-size, 1rem);\n    color: var(--je-medium-600);\n  }\n  &:focus {\n    outline: 0;\n  }\n}\n\nlabel {\n  font-weight: var(--je-font-semi-bold);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-textarea',\n  styleUrl: 'je-textarea.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class JeTextarea {\n  @Prop() label?: string;\n  @Prop() placeholder?: string;\n  @Prop() value?: string;\n  @Prop() disabled?: boolean;\n  @Prop() readonly?: boolean;\n  @Prop() required?: boolean;\n  @Prop() debounce = 0;\n  @Prop() maxLength?: number;\n\n  render() {\n    return (\n      <Host>\n        {this.label && <label>{this.label}</label>}\n        <textarea\n          value={this.value}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          maxLength={this.maxLength}\n          title={this.label}/>\n        <slot name=\"top-right\"/>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-toast.js

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

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

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

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

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

package/dist/components/je-toggle.js

@@ -0,0 +1,57 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
+
+const jeToggleCss = ":host{display:flex;align-items:center;gap:5px;position:relative;width:fit-content;cursor:pointer;--inactive-background:var(--je-medium-500);--active-background:var(--je-primary-500)}:host([checked]) .toggle-container{background-color:var(--je-primary-500)}.toggle-container{display:flex;align-items:center;background-color:var(--inactive-background);transition:background-color 250ms ease-in-out;border-radius:var(--je-border-radius);padding:var(--je-spacing-3xs);width:40px;position:relative;cursor:pointer}.toggle-thumb{position:absolute;height:var(--je-spacing-lg);width:var(--je-spacing-lg);background-color:var(--je-background-color);border:solid 1px var(--inactive-background);border-radius:50%;transition:all 250ms ease-in-out;left:0;right:unset}.checked{border:solid 1px var(--active-background);left:100%;transform:translateX(-100%)}";
+const JeToggleStyle0 = jeToggleCss;
+
+const JeToggle$1 = /*@__PURE__*/ proxyCustomElement(class JeToggle extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.toggled = createEvent(this, "toggled", 7);
+        this.checked = false;
+        this.labelPlacement = 'end';
+    }
+    toggle() {
+        this.checked = !this.checked;
+        this.toggled.emit(this.checked);
+    }
+    onCheckedChange(newVal) {
+        if (newVal !== this.checked) {
+            this.checked = newVal;
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ccf01db278f6873a9d88610d283bff3b08b50cf7' }, this.labelPlacement == 'start' && h("slot", { key: '61bf33abceeb25e552e86591b41261c379dab160' }), h("div", { key: 'b11204ef90a6b74fd66bb6260803727931a405c0', class: "toggle-container" }, h("div", { key: '63d76c00317e2383fa01b5159d886530c8ea4c3a', class: { 'toggle-thumb': true, 'checked': this.checked } })), this.labelPlacement == 'end' && h("slot", { key: 'feee84848b9274cd8d2b9b893f57763426bd2f0b' })));
+    }
+    static get watchers() { return {
+        "checked": ["onCheckedChange"]
+    }; }
+    static get style() { return JeToggleStyle0; }
+}, [1, "je-toggle", {
+        "checked": [1540],
+        "labelPlacement": [1, "label-placement"]
+    }, [[2, "click", "toggle"]], {
+        "checked": ["onCheckedChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-toggle"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-toggle":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeToggle$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeToggle = JeToggle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeToggle, defineCustomElement };
+
+//# sourceMappingURL=je-toggle.js.map

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

@@ -0,0 +1 @@
+{"file":"je-toggle.js","mappings":";;AAAA,MAAM,WAAW,GAAG,40BAA40B,CAAC;AACj2B,uBAAe,WAAW;;MCMbA,UAAQ;;;;;;uBAI+B,KAAK;8BAKb,KAAK;;IAQ/C,MAAM;QACJ,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACjC;IAGD,eAAe,CAAC,MAAe;QAC7B,IAAI,MAAM,KAAK,IAAI,CAAC,OAAO,EAAE;YAC3B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,cAAc,IAAI,OAAO,IAAI,8DAAa,EAChD,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,GAAQ,CACjE,EACL,IAAI,CAAC,cAAc,IAAI,KAAK,IAAI,8DAAa,CACzC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeToggle"],"sources":["src/components/je-toggle/je-toggle.scss?tag=je-toggle&encapsulation=shadow","src/components/je-toggle/je-toggle.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  position: relative;\n  width: fit-content;\n  cursor: pointer;\n\n  /**\n   * @prop --inactive-background: Background color when not checked\n   * @prop --active-background: Background color when checked\n   */\n  --inactive-background: var(--je-medium-500);\n  --active-background: var(--je-primary-500);\n}\n\n:host([checked]) .toggle-container {\n  background-color: var(--je-primary-500);\n}\n\n.toggle-container {\n  display: flex;\n  align-items: center;\n  background-color: var(--inactive-background);\n  transition: background-color 250ms ease-in-out;\n  border-radius: var(--je-border-radius);\n  padding: var(--je-spacing-3xs);\n  width: 40px;\n  position: relative;\n  cursor: pointer;\n}\n\n.toggle-thumb {\n  position: absolute;\n  height: var(--je-spacing-lg);\n  width: var(--je-spacing-lg);\n  background-color: var(--je-background-color);\n  border: solid 1px var(--inactive-background);\n  border-radius: 50%;\n  transition: all 250ms ease-in-out;\n  left: 0;\n  right: unset;\n}\n\n.checked {\n  border: solid 1px var(--active-background);\n  left: 100%;\n  transform: translateX(-100%);\n}\n","import { Component, EventEmitter, Host, Listen, Prop, Watch, h, Event } from '@stencil/core';\n\n@Component({\n  tag: 'je-toggle',\n  styleUrl: 'je-toggle.scss',\n  shadow: true,\n})\nexport class JeToggle {\n  /**\n   * Whether or not the toggle is active\n   */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /**\n   * If the label should be placed at the start or end of the toggle\n   */\n  @Prop() labelPlacement: 'start' | 'end' = 'end';\n\n  /**\n   * Emits the new value whenever toggle is clicked\n   */\n  @Event() toggled: EventEmitter<boolean>;\n\n  @Listen('click', { capture: true })\n  toggle() {\n    this.checked = !this.checked;\n    this.toggled.emit(this.checked);\n  }\n\n  @Watch('checked')\n  onCheckedChange(newVal: boolean) {\n    if (newVal !== this.checked) {\n      this.checked = newVal;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.labelPlacement == 'start' && <slot></slot>}\n        <div class=\"toggle-container\">\n          <div class={{ 'toggle-thumb': true, 'checked': this.checked }}></div>\n        </div>\n        {this.labelPlacement == 'end' && <slot></slot>}\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-toolbar.js

@@ -0,0 +1,37 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jeToolbarCss = ":host{display:flex;width:100%;align-items:center;justify-content:space-around;gap:var(--je-toolbar-gap);color:var(--je-text-color, inherit);background-color:var(--je-background-color, inherit);--je-toolbar-gap:var(--je-spacing, 16px)}.center-container{flex:1;display:flex;gap:var(--je-toolbar-gap)}";
+const JeToolbarStyle0 = jeToolbarCss;
+
+const JeToolbar$1 = /*@__PURE__*/ proxyCustomElement(class JeToolbar extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: '5cfe24be7e72a5d95da99cded5936ca19323884d' }, h("slot", { key: '6061fc949c06801c223d3543f57d623db5bb39e0', name: 'start' }), h("div", { key: '53584f2d947163b364514d97d0c8152d4cba3af5', class: 'center-container' }, h("slot", { key: 'd00dee4f0fa3eb140ecb1d325afe04f3ce67a6aa' })), h("slot", { key: 'ed218601bfe1886a6597fcd5cdbdf8a58a7ec876', name: 'end' })));
+    }
+    static get style() { return JeToolbarStyle0; }
+}, [1, "je-toolbar"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-toolbar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-toolbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeToolbar$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeToolbar = JeToolbar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeToolbar, defineCustomElement };
+
+//# sourceMappingURL=je-toolbar.js.map

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

@@ -0,0 +1 @@
+{"file":"je-toolbar.js","mappings":";;AAAA,MAAM,YAAY,GAAG,4SAA4S,CAAC;AAClU,wBAAe,YAAY;;MCMdA,WAAS;;;;;;IACpB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,6DAAM,IAAI,EAAC,OAAO,GAAE,EACpB,4DAAK,KAAK,EAAC,kBAAkB,IAAC,8DAAO,CAAM,EAC3C,6DAAM,IAAI,EAAC,KAAK,GAAE,CACb,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":["JeToolbar"],"sources":["src/components/je-toolbar/je-toolbar.scss?tag=je-toolbar&encapsulation=shadow","src/components/je-toolbar/je-toolbar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-around;\n  gap: var(--je-toolbar-gap);\n  color: var(--je-text-color, inherit);\n  background-color: var(--je-background-color, inherit);\n\n  --je-toolbar-gap: var(--je-spacing, 16px);\n}\n\n.center-container {\n  flex: 1;\n  display: flex;\n  gap: var(--je-toolbar-gap);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-toolbar',\n  styleUrl: 'je-toolbar.scss',\n  shadow: true,\n})\nexport class JeToolbar {\n  render() {\n    return (\n      <Host>\n        <slot name='start'/>\n        <div class='center-container'><slot/></div>\n        <slot name='end'/>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-tree.js

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

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

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

package/dist/components/p-1f3759e7.js

@@ -0,0 +1,41 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jePillCss = ":host{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--je-spacing-2xs);padding-inline:4px;border-radius:var(--je-border-radius, 2px);height:20px;min-width:40px;-webkit-user-select:none;user-select:none;transition:all 125ms ease-in-out;color:var(--je-pill-color);background-color:var(--je-pill-background);--je-pill-color:var(--je-primary-500, buttonface);--je-pill-background:var(--je-primary-100, buttontext);--je-pill-hover-background:var(--je-primary-200, buttontext)}:host(:not([button=false])){cursor:pointer}:host(:not([button=false])) ::slotted(je-icon){cursor:pointer}@media (hover: hover){:host(:not([button=false]):not([disabled]):hover){--je-pill-background:var(--je-pill-hover-background)}}:host([disabled]){opacity:0.8;cursor:default}:host([outline]){background-color:transparent;color:var(--je-pill-color);border:solid 1px var(--je-pill-background)}";
+const JePillStyle0 = jePillCss;
+
+const JePill = /*@__PURE__*/ proxyCustomElement(class JePill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.outline = false;
+        this.button = true;
+        this.disabled = false;
+    }
+    render() {
+        return (h(Host, { key: '32a830f6eb0cb2602d6ccb0355afab3a4913f482' }, h("slot", { key: '9d3970fcbb79a849b79e6bb99cc525504b1a7aac' })));
+    }
+    static get style() { return JePillStyle0; }
+}, [1, "je-pill", {
+        "outline": [516],
+        "button": [516],
+        "disabled": [516]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-pill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-pill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JePill);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JePill as J, defineCustomElement as d };
+
+//# sourceMappingURL=p-1f3759e7.js.map

package/dist/components/p-1f3759e7.js.map

@@ -0,0 +1 @@
+{"file":"p-1f3759e7.js","mappings":";;AAAA,MAAM,SAAS,GAAG,84BAA84B,CAAC;AACj6B,qBAAe,SAAS;;MCMX,MAAM;;;;;uBACkB,KAAK;sBACN,IAAI;wBACF,KAAK;;IAEzC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/je-pill/je-pill.scss?tag=je-pill&encapsulation=shadow","src/components/je-pill/je-pill.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  gap: var(--je-spacing-2xs);\n  padding-inline: 4px;\n  border-radius: var(--je-border-radius, 2px);\n  height: 20px;\n  min-width: 40px;\n  -webkit-user-select: none;\n  user-select: none;\n  transition: all 125ms ease-in-out;\n  color: var(--je-pill-color);\n  background-color: var(--je-pill-background);\n\n  --je-pill-color: var(--je-primary-500, buttonface);\n  --je-pill-background: var(--je-primary-100, buttontext);\n  --je-pill-hover-background: var(--je-primary-200, buttontext);\n}\n\n:host(:not([button=false])) {\n  cursor: pointer;\n  ::slotted(je-icon) {\n    cursor: pointer;\n  }\n}\n\n:host(:not([button=false]):not([disabled]):hover) {\n  @media (hover: hover) {\n    --je-pill-background: var(--je-pill-hover-background);\n  }\n}\n\n:host([disabled]) {\n  opacity: 0.8;\n  cursor: default;\n}\n\n:host([outline]) {\n  background-color: transparent;\n  color: var(--je-pill-color);\n  border: solid 1px var(--je-pill-background);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-pill',\n  styleUrl: 'je-pill.scss',\n  shadow: true,\n})\nexport class JePill {\n  @Prop({ reflect: true }) outline = false;\n  @Prop({ reflect: true }) button = true;\n  @Prop({ reflect: true }) disabled = false;\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-243cc91b.js

@@ -0,0 +1,50 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-41492a72.js';
+
+const jeFormCss = ".sc-je-form-h{display:block}.sc-je-form-h:not([gap=none]) form.sc-je-form{gap:var(--je-spacing, 16px)}form.sc-je-form{display:flex;flex-direction:column}";
+const JeFormStyle0 = jeFormCss;
+
+const JeForm = /*@__PURE__*/ proxyCustomElement(class JeForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.formData = createEvent(this, "formData", 7);
+        this.gap = 'default';
+    }
+    async handleSubmit(event) {
+        event.preventDefault();
+        const formData = new FormData(this.el);
+        this.formData.emit(formData);
+    }
+    handleKeyup(event) {
+        if (event.key === 'Enter') {
+            const submitButton = this.el.querySelector('button[type=submit]');
+            if (submitButton) {
+                submitButton.click();
+            }
+        }
+    }
+    render() {
+        return (h("form", { key: 'a1bdda6c842835ef6db2f81f09ac709606b77808', ref: el => this.el = el }, h("slot", { key: 'c191310d0efffc71bf16d17a33d92881bd653a9e' })));
+    }
+    static get style() { return JeFormStyle0; }
+}, [6, "je-form", {
+        "gap": [1]
+    }, [[0, "submit", "handleSubmit"], [0, "keydown", "handleKeyup"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeForm);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JeForm as J, defineCustomElement as d };
+
+//# sourceMappingURL=p-243cc91b.js.map

package/dist/components/p-243cc91b.js.map

@@ -0,0 +1 @@
+{"file":"p-243cc91b.js","mappings":";;AAAA,MAAM,SAAS,GAAG,2JAA2J,CAAC;AAC9K,qBAAe,SAAS;;MCMX,MAAM;;;;;mBAQiB,SAAS;;IAG3C,MAAM,YAAY,CAAC,KAAkB;QACnC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC7B;IAGD,WAAW,CAAC,KAAoB;QAC9B,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,CAA6B,CAAC;YAC9F,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;KACF;IAED,MAAM;QACJ,QACE,6DAAM,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,GAAG,EAAE,IAC3B,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/je-form/je-form.scss?tag=je-form&encapsulation=scoped","src/components/je-form/je-form.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host(:not([gap=none])) form {\n  gap: var(--je-spacing, 16px);\n}\n\nform {\n  display: flex;\n  flex-direction: column;\n}\n","import { Component, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-form',\n  styleUrl: 'je-form.scss',\n  scoped: true\n})\nexport class JeForm {\n  private el!: HTMLFormElement;\n\n  @Event() formData: EventEmitter<FormData>;\n\n  /**\n   * Removes the default gap between elements passed in\n   */\n  @Prop() gap: 'none' | 'default' = 'default';\n\n  @Listen('submit')\n  async handleSubmit(event: SubmitEvent) {\n    event.preventDefault();\n    const formData = new FormData(this.el);\n    this.formData.emit(formData)\n  }\n\n  @Listen('keydown')\n  handleKeyup(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      const submitButton = this.el.querySelector('button[type=submit]') as HTMLButtonElement | null;\n      if (submitButton) {\n        submitButton.click();\n      }\n    }\n  }\n\n  render() {\n    return (\n      <form ref={el => this.el = el}>\n        <slot />\n      </form>\n    );\n  }\n}\n"],"version":3}