jebamo 0.0.1 → 0.0.2

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

@@ -0,0 +1,92 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
+
+const jeRadioGroupCss = ":host{display:block;width:fit-content}label{display:block;font-weight:var(--je-font-semi-bold);margin-bottom:var(--je-spacing-2xs)}";
+const JeRadioGroupStyle0 = jeRadioGroupCss;
+
+const JeRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class JeRadioGroup extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.valueChange = createEvent(this, "valueChange", 3);
+        this.label = undefined;
+        this.value = undefined;
+        this.readonly = false;
+        this.disabled = false;
+    }
+    componentWillLoad() {
+        if (this.label) {
+            this.el.setAttribute('name', this.label);
+        }
+    }
+    componentDidLoad() {
+        this.originalValue = this.value;
+        if (this.value) {
+            const radios = this.getRadios();
+            for (let item of radios) {
+                if (item.value === this.value) {
+                    item.selected = true;
+                }
+            }
+        }
+    }
+    formResetCallback() {
+        if (this.value !== this.originalValue) {
+            this.value = this.originalValue;
+        }
+    }
+    getRadios() {
+        const elements = this.el.querySelectorAll('je-radio');
+        return Array.from(elements);
+    }
+    handleValueChange() {
+        this.valueChange.emit(this.value);
+        const radios = this.getRadios();
+        for (let radio of radios) {
+            if (radio.value !== this.value && radio.selected !== false)
+                radio.selected = false;
+            else if (radio.value === this.value && radio.selected !== true)
+                radio.selected = true;
+        }
+    }
+    handleNewValue(ev) {
+        this.value = ev.detail;
+    }
+    render() {
+        return (h(Host, { key: '70e9947ae0ea7b3747ef0470b0ce0e9491f43129' }, this.label && h("label", { key: 'db3fec8de716f25e8a8cf6dcbcd0d272417940f2' }, this.label), h("slot", { key: 'c2a03fa6a99928087f2815e51e47ab1eb61dcaa8' })));
+    }
+    static get formAssociated() { return true; }
+    get el() { return this; }
+    static get watchers() { return {
+        "value": ["handleValueChange"]
+    }; }
+    static get style() { return JeRadioGroupStyle0; }
+}, [65, "je-radio-group", {
+        "label": [1],
+        "value": [1032],
+        "readonly": [4],
+        "disabled": [4]
+    }, [[0, "radioSelect", "handleNewValue"]], {
+        "value": ["handleValueChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-radio-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-radio-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeRadioGroup$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeRadioGroup = JeRadioGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeRadioGroup, defineCustomElement };
+
+//# sourceMappingURL=je-radio-group.js.map

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

@@ -0,0 +1 @@
+{"file":"je-radio-group.js","mappings":";;AAAA,MAAM,eAAe,GAAG,qIAAqI,CAAC;AAC9J,2BAAe,eAAe;;MCOjBA,cAAY;;;;;;;;wBAiBJ,KAAK;wBAKL,KAAK;;IAOxB,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;SACzC;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAChC,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;gBACvB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;oBAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;iBACtB;aACF;SACF;KACF;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE;YACrC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;SACjC;KACF;IAEO,SAAS;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACtD,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC7B;IAGD,iBAAiB;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,KAAK,IAAI,KAAK,IAAI,MAAM,EAAE;YACxB,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;iBACpB,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI;gBAC5D,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;SACzB;KACF;IAGD,cAAc,CAAC,EAAoB;QACjC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,CAAC;KACxB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,KAAK,IAAI,gEAAQ,IAAI,CAAC,KAAK,CAAS,EAC1C,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeRadioGroup"],"sources":["src/components/radio/je-radio-group/je-radio-group.scss?tag=je-radio-group&encapsulation=shadow","src/components/radio/je-radio-group/je-radio-group.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n}\n\nlabel {\n  display: block;\n  font-weight: var(--je-font-semi-bold);\n  margin-bottom: var(--je-spacing-2xs);\n}\n","import { Component, Host, h, Element, EventEmitter, Prop, Event, Watch, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'je-radio-group',\n  styleUrl: 'je-radio-group.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class JeRadioGroup {\n  @Element() el!: HTMLJeRadioGroupElement;\n  private originalValue?: any;\n\n  /**\n   * Label that shows above the controls\n   */\n  @Prop() label?: string;\n\n  /**\n   * The currently selected value\n   */\n  @Prop({ mutable: true }) value?: any;\n\n  /**\n   * Shows readonly state for all the controls and prevents changes\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Shows disabled state for all the controls and prevents changes\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Emits the selected value whenever it changes\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<any>;\n\n  componentWillLoad() {\n    if (this.label) {\n      this.el.setAttribute('name', this.label)\n    }\n  }\n\n  componentDidLoad() {\n    this.originalValue = this.value;\n    if (this.value) {\n      const radios = this.getRadios();\n      for (let item of radios) {\n        if (item.value === this.value) {\n          item.selected = true;\n        }\n      }\n    }\n  }\n\n  formResetCallback() {\n    if (this.value !== this.originalValue) {\n      this.value = this.originalValue;\n    }\n  }\n\n  private getRadios() {\n    const elements = this.el.querySelectorAll('je-radio');\n    return Array.from(elements);\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.valueChange.emit(this.value);\n    const radios = this.getRadios();\n    for (let radio of radios) {\n      if (radio.value !== this.value && radio.selected !== false)\n        radio.selected = false;\n      else if (radio.value === this.value && radio.selected !== true)\n        radio.selected = true;\n    }\n  }\n\n  @Listen('radioSelect')\n  handleNewValue(ev: CustomEvent<any>) {\n    this.value = ev.detail;\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.label && <label>{this.label}</label>}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-radio.js

@@ -0,0 +1,68 @@
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-41492a72.js';
+import { d as defineCustomElement$2 } from './p-4b8ae8ef.js';
+
+const jeRadioCss = ":host{display:flex;align-items:center;gap:var(--je-spacing-2xs, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}je-icon{cursor:pointer;color:var(--je-primary-500)}";
+const JeRadioStyle0 = jeRadioCss;
+
+const JeRadio$1 = /*@__PURE__*/ proxyCustomElement(class JeRadio extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.radioSelect = createEvent(this, "radioSelect", 7);
+        this.readonly = false;
+        this.disabled = false;
+        this.value = undefined;
+        this.labelPlacement = 'end';
+        this.selected = undefined;
+    }
+    connectedCallback() {
+        const parent = this.el.closest('je-radio-group');
+        if (parent) {
+            this.disabled = parent.disabled;
+            this.readonly = parent.readonly;
+        }
+    }
+    handleClick() {
+        if (!this.disabled && !this.readonly && this.selected !== true) {
+            this.radioSelect.emit(this.value);
+        }
+    }
+    render() {
+        return (h(Host, { key: '1a0e6e3ae1a17ac4b29bb44a06de42e6a4a56f9b' }, this.labelPlacement == 'start' && h("slot", { key: 'ed2becb99697e46e485b02ed908a8e88100d58cb' }), h("je-icon", { key: 'c37d5f92ae5f59be880868cc865577bf6aab9b31', icon: this.selected ? 'radio_button_checked' : 'radio_button_unchecked' }), this.labelPlacement == 'end' && h("slot", { key: '3fdf2901786c28a575a8429d37ee79bf30cd9321' })));
+    }
+    get el() { return this; }
+    static get style() { return JeRadioStyle0; }
+}, [1, "je-radio", {
+        "value": [8],
+        "labelPlacement": [1, "label-placement"],
+        "selected": [4],
+        "readonly": [32],
+        "disabled": [32]
+    }, [[0, "click", "handleClick"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-radio", "je-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-radio":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeRadio$1);
+            }
+            break;
+        case "je-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeRadio = JeRadio$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeRadio, defineCustomElement };
+
+//# sourceMappingURL=je-radio.js.map

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

@@ -0,0 +1 @@
+{"file":"je-radio.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,mLAAmL,CAAC;AACvM,sBAAe,UAAU;;MCMZA,SAAO;;;;;;wBAEE,KAAK;wBACL,KAAK;;8BAUiB,KAAK;;;IAY/C,iBAAiB;QACf,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QACjD,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;SACjC;KACF;IAGD,WAAW;QACT,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC9D,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnC;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,cAAc,IAAI,OAAO,IAAI,8DAAa,EAChD,gEAAS,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,wBAAwB,GAAI,EACnF,IAAI,CAAC,cAAc,IAAI,KAAK,IAAI,8DAAa,CACzC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeRadio"],"sources":["src/components/radio/je-radio/je-radio.scss?tag=je-radio&encapsulation=shadow","src/components/radio/je-radio/je-radio.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--je-spacing-2xs, 8px);\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\nje-icon {\n  cursor: pointer;\n  color: var(--je-primary-500);\n}\n","import { Component, EventEmitter, Host, Prop, State, h, Element, Event, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'je-radio',\n  styleUrl: 'je-radio.scss',\n  shadow: true,\n})\nexport class JeRadio {\n  @Element() el!: HTMLElement;\n  @State() readonly = false;\n  @State() disabled = false;\n\n  /**\n   * The value of this option and the radio group will compare against\n   */\n  @Prop() value: any;\n\n  /**\n   * Whether or not the label will appear before or after the control\n   */\n  @Prop() labelPlacement: 'start' | 'end' = 'end';\n\n  /**\n   * If the option is currently selected\n   */\n  @Prop() selected: boolean;\n\n  /**\n   * Emits the value whenever it is selected\n   */\n  @Event() radioSelect: EventEmitter<any>;\n\n  connectedCallback() {\n    const parent = this.el.closest('je-radio-group');\n    if (parent) {\n      this.disabled = parent.disabled;\n      this.readonly = parent.readonly;\n    }\n  }\n\n  @Listen('click')\n  handleClick() {\n    if (!this.disabled && !this.readonly && this.selected !== true) {\n      this.radioSelect.emit(this.value);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.labelPlacement == 'start' && <slot></slot>}\n        <je-icon icon={this.selected ? 'radio_button_checked' : 'radio_button_unchecked'} />\n        {this.labelPlacement == 'end' && <slot></slot>}\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-select-option.js

@@ -0,0 +1,56 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-41492a72.js';
+import { d as defineCustomElement$2 } from './p-4b8ae8ef.js';
+
+const jeSelectOptionCss = ":host{display:block;width:100%;--je-option-hover-color:var(--je-primary-100)}:host([darkmode]){--je-option-hover-color:var(--je-medium-850)}:host(:hover) span[part=container],:host(.focus) span[part=container]{background-color:var(--je-option-hover-color)}span[part=container]{display:flex;align-items:center;gap:var(--je-spacing-2xs);user-select:none;-webkit-user-select:none;cursor:pointer;width:100%;padding:var(--je-spacing-xs, 10px);background-color:transparent;color:inherit;transition:background-color 75ms ease-in}je-icon{cursor:pointer}";
+const JeSelectOptionStyle0 = jeSelectOptionCss;
+
+const JeSelectOption$1 = /*@__PURE__*/ proxyCustomElement(class JeSelectOption extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.optionSelected = createEvent(this, "optionSelected", 7);
+        this.value = undefined;
+        this.selected = false;
+    }
+    handleClick() {
+        this.optionSelected.emit(this.value);
+    }
+    handleThemeChange(e) {
+        this.hostEl.toggleAttribute('darkmode', e.detail == 'dark');
+    }
+    render() {
+        return (h("span", { key: '2aea5751eefe77f3ad5f1aadd76e5582f1481121', part: 'container' }, h("je-icon", { key: 'e03092f2bb061d9954df0503ca924bf287b683e9', icon: this.selected ? 'radio_button_checked' : 'radio_button_unchecked' }), h("slot", { key: '485755645a3bfa06eb79f4d6fc42501541da1712' })));
+    }
+    get hostEl() { return this; }
+    static get style() { return JeSelectOptionStyle0; }
+}, [1, "je-select-option", {
+        "value": [1],
+        "selected": [516]
+    }, [[0, "click", "handleClick"], [16, "themeChange", "handleThemeChange"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-select-option", "je-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-select-option":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeSelectOption$1);
+            }
+            break;
+        case "je-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeSelectOption = JeSelectOption$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeSelectOption, defineCustomElement };
+
+//# sourceMappingURL=je-select-option.js.map

package/dist/components/je-select-option.js.map

@@ -0,0 +1 @@
+{"file":"je-select-option.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,miBAAmiB,CAAC;AAC9jB,6BAAe,iBAAiB;;MCMnBA,gBAAc;;;;;;;wBAGW,KAAK;;IAIzC,WAAW;QACT,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACtC;IAGD,iBAAiB,CAAC,CAAgC;QAChD,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAA;KAC5D;IAED,MAAM;QACJ,QACE,6DAAM,IAAI,EAAC,WAAW,IACpB,gEAAS,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,EACnF,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeSelectOption"],"sources":["src/components/select/je-select-option/je-select-option.scss?tag=je-select-option&encapsulation=shadow","src/components/select/je-select-option/je-select-option.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  --je-option-hover-color: var(--je-primary-100);\n}\n\n:host([darkmode]) {\n  --je-option-hover-color: var(--je-medium-850);\n}\n\n:host(:hover) span[part='container'], :host(.focus) span[part='container'] {\n  background-color: var(--je-option-hover-color);\n}\n\nspan[part='container'] {\n  display: flex;\n  align-items: center;\n  gap: var(--je-spacing-2xs);\n  user-select: none;\n  -webkit-user-select: none;\n  cursor: pointer;\n  width: 100%;\n  padding: var(--je-spacing-xs, 10px);\n  background-color: transparent;\n  color: inherit;\n  transition: background-color 75ms ease-in;\n}\n\nje-icon {\n  cursor: pointer;\n}\n","import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-select-option',\n  styleUrl: 'je-select-option.scss',\n  shadow: true,\n})\nexport class JeSelectOption {\n  @Element() hostEl!: HTMLElement;\n  @Prop() value: string;\n  @Prop({ reflect: true }) selected = false;\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Listen('click')\n  handleClick() {\n    this.optionSelected.emit(this.value);\n  }\n\n  @Listen('themeChange', { target: 'body' })\n  handleThemeChange(e: CustomEvent<'light' | 'dark'>) {\n    this.hostEl.toggleAttribute('darkmode', e.detail == 'dark')\n  }\n\n  render() {\n    return (\n      <span part='container'>\n        <je-icon icon={this.selected ? 'radio_button_checked' : 'radio_button_unchecked'}/>\n        <slot></slot>\n      </span>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-select.js

@@ -0,0 +1,208 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+import { d as defineCustomElement$4 } from './p-4b8ae8ef.js';
+import { d as defineCustomElement$3 } from './p-2df369c4.js';
+import { d as defineCustomElement$2 } from './p-5dee004d.js';
+
+const jeSelectCss = ":host{display:block;width:fit-content}je-input::part(native-input){cursor:pointer}:host([expand]){width:100%}je-icon{transition:transform 250ms ease}je-icon.open{transform:rotate(180deg)}";
+const JeSelectStyle0 = jeSelectCss;
+
+const JeSelect$1 = /*@__PURE__*/ proxyCustomElement(class JeSelect extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.open = false;
+        this.label = undefined;
+        this.placeholder = undefined;
+        this.value = undefined;
+        this.expand = undefined;
+        this.required = undefined;
+    }
+    componentDidLoad() {
+        this.originalValue = this.value;
+    }
+    componentWillLoad() {
+        if (!this.el.getAttribute('name') && this.label) {
+            this.el.setAttribute('name', this.label);
+        }
+    }
+    formResetCallback() {
+        this.value = this.originalValue;
+        const options = Array.from(this.el.querySelectorAll('je-select-option'));
+        if (!options.some(t => t.value === this.value)) {
+            this.inputEl.value = '';
+        }
+    }
+    handlePopoverPresent() {
+        this.open = true;
+    }
+    handlePopoverDismiss() {
+        this.open = false;
+        const options = this.el.querySelectorAll('je-select-option');
+        options.forEach(option => option.classList.remove('focus'));
+    }
+    handleOptionSelected(event) {
+        this.value = event.detail;
+    }
+    handleValueChange() {
+        const options = this.el.querySelectorAll('je-select-option');
+        options.forEach(option => {
+            if (option.value === this.value) {
+                option.selected = true;
+                this.inputEl.value = option.textContent || option.value;
+            }
+            else {
+                option.selected = false;
+            }
+        });
+    }
+    focusOption(option) {
+        option.classList.add('focus');
+    }
+    blurOption(option) {
+        option.classList.remove('focus');
+    }
+    hasFocus(option) {
+        return option.classList.contains('focus');
+    }
+    handleKeyDown(event) {
+        var _a;
+        if (this.open || (event.key !== 'Tab' && event.key !== 'Enter')) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        const options = Array.from(this.el.querySelectorAll('je-select-option'));
+        if (event.key == 'Enter' && this.open) {
+            options.forEach(option => {
+                if (this.hasFocus(option)) {
+                    this.value = option.value;
+                }
+            });
+            this.inputEl.dismissDropdown();
+        }
+        else if (event.key == 'Escape') {
+            this.inputEl.dismissDropdown();
+        }
+        else if ((event.key == 'ArrowDown' || event.key == 'ArrowUp') && !this.open) {
+            this.inputEl.shadowRoot.querySelector("[part='outer-container']").click();
+        }
+        else if ((event.key == 'ArrowDown' || event.key == 'ArrowUp') && this.open) {
+            if (!options.some(t => this.hasFocus(t))) {
+                const indexToFocus = options.findIndex(t => t.selected);
+                if (indexToFocus > -1) {
+                    this.focusOption(options[indexToFocus]);
+                }
+                else {
+                    this.focusOption(options[0]);
+                }
+            }
+            else {
+                if (event.key == 'ArrowUp') {
+                    options.forEach(option => {
+                        if (this.hasFocus(option)) {
+                            const prevOption = option.previousElementSibling;
+                            if (prevOption) {
+                                this.blurOption(option);
+                                this.focusOption(prevOption);
+                            }
+                        }
+                    });
+                }
+                else {
+                    const optionToFocus = (_a = options.find(t => this.hasFocus(t))) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
+                    if (optionToFocus) {
+                        this.blurOption(options.find(t => this.hasFocus(t)));
+                        this.focusOption(optionToFocus);
+                    }
+                }
+            }
+        }
+        else if (event.key.length == 1) {
+            const currentFocusedOption = options.find(t => this.hasFocus(t));
+            const optionsWithKey = options.filter(t => t.textContent.toLowerCase().startsWith(event.key.toLowerCase()));
+            if (optionsWithKey.length) {
+                const currentFocuedIndex = optionsWithKey.findIndex(t => this.hasFocus(t));
+                if (currentFocuedIndex > -1) {
+                    if (currentFocuedIndex < optionsWithKey.length - 1) {
+                        this.blurOption(optionsWithKey[currentFocuedIndex]);
+                        this.focusOption(optionsWithKey[currentFocuedIndex + 1]);
+                    }
+                    else {
+                        this.blurOption(optionsWithKey[currentFocuedIndex]);
+                        this.focusOption(optionsWithKey[0]);
+                    }
+                }
+                else {
+                    if (currentFocusedOption)
+                        this.blurOption(currentFocusedOption);
+                    this.focusOption(optionsWithKey[0]);
+                }
+                if (!this.open) {
+                    options.forEach(option => {
+                        if (this.hasFocus(option)) {
+                            this.value = option.value;
+                        }
+                    });
+                }
+            }
+            else if (currentFocusedOption) {
+                this.blurOption(currentFocusedOption);
+            }
+        }
+    }
+    render() {
+        return (h(Host, { key: '66d25d96c778ac0183742b03ba55b104fb542191' }, h("je-input", { key: '01768d4f45c8431cbaee327edba4c97e727df9a9', ref: el => this.inputEl = el, exportparts: 'outer-container, start-container, end-container, native-input, content', dropdown: true, label: this.label, placeholder: this.placeholder, noTyping: true, expand: this.expand, dismissOnClick: true, required: this.required }, h("slot", { key: 'e31cfa87c8148c8ecda310b99ffd668c510a2149', onSlotchange: () => this.handleValueChange(), slot: 'dropdown' }), h("je-icon", { key: 'c3336499f1c8d8ba5150b5c91bb994ece0140c74', slot: 'end', icon: 'expand_more', class: { open: this.open } }))));
+    }
+    static get delegatesFocus() { return true; }
+    static get formAssociated() { return true; }
+    get el() { return this; }
+    static get watchers() { return {
+        "value": ["handleValueChange"]
+    }; }
+    static get style() { return JeSelectStyle0; }
+}, [81, "je-select", {
+        "label": [1],
+        "placeholder": [1],
+        "value": [1025],
+        "expand": [4],
+        "required": [4],
+        "open": [32]
+    }, [[0, "didPresent", "handlePopoverPresent"], [0, "didDismiss", "handlePopoverDismiss"], [0, "optionSelected", "handleOptionSelected"], [2, "keydown", "handleKeyDown"]], {
+        "value": ["handleValueChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-select", "je-icon", "je-input", "je-popover"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-select":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeSelect$1);
+            }
+            break;
+        case "je-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "je-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "je-popover":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeSelect = JeSelect$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeSelect, defineCustomElement };
+
+//# sourceMappingURL=je-select.js.map

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

@@ -0,0 +1 @@
+{"file":"je-select.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,6LAA6L,CAAC;AAClN,uBAAe,WAAW;;MCSbA,UAAQ;;;;;oBAIH,KAAK;;;;;;;IAOrB,gBAAgB;QACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;KACjC;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE;YAC/C,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1C;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;QAChC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE;YAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;SACzB;KACF;IAGD,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB;IAGD,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7D,OAAO,CAAC,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7D;IAGD,oBAAoB,CAAC,KAA0B;QAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;KAC3B;IAGD,iBAAiB;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7D,OAAO,CAAC,OAAO,CAAC,MAAM;YACpB,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;gBAC/B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,KAAK,CAAC;aACzD;iBAAM;gBACL,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;aACzB;SACF,CAAC,CAAC;KACJ;IAEO,WAAW,CAAC,MAAiC;QACnD,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;KAC9B;IAEO,UAAU,CAAC,MAAiC;QAClD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;KACjC;IAEO,QAAQ,CAAC,MAAiC;QAChD,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;KAC3C;IAGD,aAAa,CAAC,KAAoB;;QAChC,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC,EAAE;YAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;QACD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACzE,IAAI,KAAK,CAAC,GAAG,IAAI,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;YACrC,OAAO,CAAC,OAAO,CAAC,MAAM;gBACpB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;oBACzB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;iBAC3B;aACF,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;SAChC;aAAM,IAAI,KAAK,CAAC,GAAG,IAAI,QAAQ,EAAE;YAChC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAA;SAC/B;aAAM,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,WAAW,IAAI,KAAK,CAAC,GAAG,IAAI,SAAS,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;YAC5E,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,0BAA0B,CAAiB,CAAC,KAAK,EAAE,CAAC;SAC5F;aAAM,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,WAAW,IAAI,KAAK,CAAC,GAAG,IAAI,SAAS,KAAK,IAAI,CAAC,IAAI,EAAE;YAC5E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;gBACxC,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;gBACvD,IAAI,YAAY,GAAG,CAAC,CAAC,EAAE;oBACrB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;iBACzC;qBAAM;oBACL,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC9B;aACF;iBAAM;gBACL,IAAI,KAAK,CAAC,GAAG,IAAI,SAAS,EAAE;oBAC1B,OAAO,CAAC,OAAO,CAAC,MAAM;wBACpB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;4BACzB,MAAM,UAAU,GAAG,MAAM,CAAC,sBAAmD,CAAC;4BAC9E,IAAI,UAAU,EAAE;gCACd,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;gCACxB,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;6BAC9B;yBACF;qBACF,CAAC,CAAC;iBACJ;qBAAM;oBACL,MAAM,aAAa,GAAG,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,0CAAE,kBAAkB,CAAC;oBAC9E,IAAI,aAAa,EAAE;wBACjB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;wBACrD,IAAI,CAAC,WAAW,CAAC,aAA0C,CAAC,CAAC;qBAC9D;iBACF;aACF;SACF;aAAM,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE;YAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACjE,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;YAC3G,IAAI,cAAc,CAAC,MAAM,EAAE;gBACzB,MAAM,kBAAkB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3E,IAAI,kBAAkB,GAAG,CAAC,CAAC,EAAE;oBAC3B,IAAI,kBAAkB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;wBAClD,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC;wBACpD,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;qBAC1D;yBAAM;wBACL,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC;wBACpD,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;qBACrC;iBACF;qBAAM;oBACL,IAAI,oBAAoB;wBAAE,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;oBAChE,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;iBACrC;gBACD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;oBACd,OAAO,CAAC,OAAO,CAAC,MAAM;wBACpB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;4BACzB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;yBAC3B;qBACF,CAAC,CAAC;iBACJ;aACF;iBAAM,IAAI,oBAAoB,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;aACvC;SACF;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,iEAAU,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,OAAO,GAAG,EAAE,EACpC,WAAW,EAAC,wEAAwE,EACpF,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,cAAc,EAAE,IAAI,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvB,6DAAM,YAAY,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAC,UAAU,GAAG,EACtE,gEAAS,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,CAC5D,CACN,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeSelect"],"sources":["src/components/select/je-select/je-select.scss?tag=je-select&encapsulation=shadow","src/components/select/je-select/je-select.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: fit-content;\n}\n\nje-input::part(native-input) {\n  cursor: pointer;\n}\n\n:host([expand]) {\n  width: 100%;\n}\n\nje-icon {\n  transition: transform 250ms ease;\n}\n\nje-icon.open {\n  transform: rotate(180deg);\n}\n","import { Component, Host, Prop, h, Element, State, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'je-select',\n  styleUrl: 'je-select.scss',\n  shadow: {\n    delegatesFocus: true\n  },\n  formAssociated: true\n})\nexport class JeSelect {\n  @Element() el: HTMLElement;\n  private inputEl!: HTMLJeInputElement;\n  private originalValue?: string;\n  @State() open = false;\n  @Prop() label?: string;\n  @Prop() placeholder?: string;\n  @Prop({ mutable: true }) value?: string;\n  @Prop() expand?: boolean;\n  @Prop() required?: boolean;\n\n  componentDidLoad() {\n    this.originalValue = this.value;\n  }\n\n  componentWillLoad() {\n    if (!this.el.getAttribute('name') && this.label) {\n      this.el.setAttribute('name', this.label);\n    }\n  }\n\n  formResetCallback() {\n    this.value = this.originalValue;\n    const options = Array.from(this.el.querySelectorAll('je-select-option'));\n    if (!options.some(t => t.value === this.value)) {\n      this.inputEl.value = '';\n    }\n  }\n\n  @Listen('didPresent')\n  handlePopoverPresent() {\n    this.open = true;\n  }\n\n  @Listen('didDismiss')\n  handlePopoverDismiss() {\n    this.open = false;\n    const options = this.el.querySelectorAll('je-select-option');\n    options.forEach(option => option.classList.remove('focus'));\n  }\n\n  @Listen('optionSelected')\n  handleOptionSelected(event: CustomEvent<string>) {\n    this.value = event.detail;\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    const options = this.el.querySelectorAll('je-select-option');\n    options.forEach(option => {\n      if (option.value === this.value) {\n        option.selected = true;\n        this.inputEl.value = option.textContent || option.value;\n      } else {\n        option.selected = false;\n      }\n    });\n  }\n\n  private focusOption(option: HTMLJeSelectOptionElement) {\n    option.classList.add('focus')\n  }\n\n  private blurOption(option: HTMLJeSelectOptionElement) {\n    option.classList.remove('focus')\n  }\n\n  private hasFocus(option: HTMLJeSelectOptionElement) {\n    return option.classList.contains('focus');\n  }\n\n  @Listen('keydown', { capture: true })\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.open || (event.key !== 'Tab' && event.key !== 'Enter')) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    const options = Array.from(this.el.querySelectorAll('je-select-option'));\n    if (event.key == 'Enter' && this.open) {\n      options.forEach(option => {\n        if (this.hasFocus(option)) {\n          this.value = option.value;\n        }\n      });\n      this.inputEl.dismissDropdown();\n    } else if (event.key == 'Escape') {\n      this.inputEl.dismissDropdown()\n    } else if ((event.key == 'ArrowDown' || event.key == 'ArrowUp') && !this.open) {\n      (this.inputEl.shadowRoot.querySelector(\"[part='outer-container']\") as HTMLElement).click();\n    } else if ((event.key == 'ArrowDown' || event.key == 'ArrowUp') && this.open) {\n      if (!options.some(t => this.hasFocus(t))) {\n        const indexToFocus = options.findIndex(t => t.selected)\n        if (indexToFocus > -1) {\n          this.focusOption(options[indexToFocus]);\n        } else {\n          this.focusOption(options[0]);\n        }\n      } else {\n        if (event.key == 'ArrowUp') {\n          options.forEach(option => {\n            if (this.hasFocus(option)) {\n              const prevOption = option.previousElementSibling as HTMLJeSelectOptionElement;\n              if (prevOption) {\n                this.blurOption(option);\n                this.focusOption(prevOption);\n              }\n            }\n          });\n        } else {\n          const optionToFocus = options.find(t => this.hasFocus(t))?.nextElementSibling;\n          if (optionToFocus) {\n            this.blurOption(options.find(t => this.hasFocus(t)));\n            this.focusOption(optionToFocus as HTMLJeSelectOptionElement);\n          }\n        }\n      }\n    } else if (event.key.length == 1) {\n      const currentFocusedOption = options.find(t => this.hasFocus(t));\n      const optionsWithKey = options.filter(t => t.textContent.toLowerCase().startsWith(event.key.toLowerCase()))\n      if (optionsWithKey.length) {\n        const currentFocuedIndex = optionsWithKey.findIndex(t => this.hasFocus(t));\n        if (currentFocuedIndex > -1) {\n          if (currentFocuedIndex < optionsWithKey.length - 1) {\n            this.blurOption(optionsWithKey[currentFocuedIndex]);\n            this.focusOption(optionsWithKey[currentFocuedIndex + 1]);\n          } else {\n            this.blurOption(optionsWithKey[currentFocuedIndex]);\n            this.focusOption(optionsWithKey[0]);\n          }\n        } else {\n          if (currentFocusedOption) this.blurOption(currentFocusedOption);\n          this.focusOption(optionsWithKey[0]);\n        }\n        if (!this.open) {\n          options.forEach(option => {\n            if (this.hasFocus(option)) {\n              this.value = option.value;\n            }\n          });\n        }\n      } else if (currentFocusedOption) {\n        this.blurOption(currentFocusedOption);\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <je-input ref={el => this.inputEl = el}\n          exportparts='outer-container, start-container, end-container, native-input, content'\n          dropdown={true}\n          label={this.label}\n          placeholder={this.placeholder}\n          noTyping={true}\n          expand={this.expand}\n          dismissOnClick={true}\n          required={this.required}\n        >\n          <slot onSlotchange={() => this.handleValueChange()} slot='dropdown' />\n          <je-icon slot='end' icon='expand_more' class={{ open: this.open }} />\n        </je-input>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-tab.js

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

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

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

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

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

package/dist/components/je-tabs.js

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

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

@@ -0,0 +1 @@
+{"file":"je-tabs.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":["JeTabs"],"sources":["src/components/tabs/je-tabs/je-tabs.scss?tag=je-tabs&encapsulation=shadow","src/components/tabs/je-tabs/je-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-tabs',\n  styleUrl: 'je-tabs.scss',\n  shadow: true,\n})\nexport class JeTabs {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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