jebamo 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jebamo",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Jebamo core web component library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,7 +23,7 @@
     "date-fns": "^4.1.0"
   },
   "devDependencies": {
-    "@stencil/angular-output-target": "0.9.0",
+    "@stencil/angular-output-target": "0.10.0",
     "@stencil/core": "^4.7.0",
     "@stencil/sass": "^3.0.12",
     "@types/jest": "^29.5.6",

package/dist/components/index.d.ts

@@ -1,33 +0,0 @@
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/dist/components/index.js

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

package/dist/components/index.js.map

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

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

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

package/dist/components/je-alert.js

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

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

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

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

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

package/dist/components/je-branch.js

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

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

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

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

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

package/dist/components/je-button.js

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

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

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

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

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

package/dist/components/je-card.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,65 +0,0 @@
-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 jeCheckboxOptionCss = ":host{display:flex;align-items:center;gap:var(--je-spacing-2xs);cursor:pointer;-webkit-user-select:none;user-select:none}je-icon{cursor:pointer;color:var(--je-primary-500)}";
-const JeCheckboxOptionStyle0 = jeCheckboxOptionCss;
-
-const JeCheckboxOption$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckboxOption extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.check = createEvent(this, "check", 7);
-        this.uncheck = createEvent(this, "uncheck", 7);
-        this.value = undefined;
-        this.checked = false;
-        this.readonly = false;
-        this.disabled = false;
-    }
-    onClick() {
-        if (!this.readonly && !this.disabled) {
-            if (this.checked) {
-                this.uncheck.emit(this.value);
-            }
-            else {
-                this.check.emit(this.value);
-            }
-        }
-    }
-    render() {
-        return (h(Host, { key: '39b01f92be46d74b1efda5259bf766495694331b' }, h("je-icon", { key: '42ad722098b6094f4edbae636282a7b2fb0a4497', icon: this.checked ? 'check_box' : 'check_box_outline_blank' }), h("slot", { key: 'a7591297da5fa8b50576a21341c2480bfed86e07' })));
-    }
-    get el() { return this; }
-    static get style() { return JeCheckboxOptionStyle0; }
-}, [1, "je-checkbox-option", {
-        "value": [8],
-        "checked": [4],
-        "readonly": [4],
-        "disabled": [4]
-    }, [[0, "click", "onClick"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["je-checkbox-option", "je-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "je-checkbox-option":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, JeCheckboxOption$1);
-            }
-            break;
-        case "je-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JeCheckboxOption = JeCheckboxOption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { JeCheckboxOption, defineCustomElement };
-
-//# sourceMappingURL=je-checkbox-option.js.map

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

@@ -1 +0,0 @@
-{"file":"je-checkbox-option.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,8KAA8K,CAAC;AAC3M,+BAAe,mBAAmB;;MCMrBA,kBAAgB;;;;;;;;uBAWT,KAAK;wBAKJ,KAAK;wBAKL,KAAK;;IAaxB,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACpC,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC/B;iBAAM;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC7B;SACF;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,WAAW,GAAG,yBAAyB,GAAI,EACzE,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeCheckboxOption"],"sources":["src/components/checkbox-group/je-checkbox-option/je-checkbox-option.scss?tag=je-checkbox-option&encapsulation=shadow","src/components/checkbox-group/je-checkbox-option/je-checkbox-option.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--je-spacing-2xs);\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, Host, h, Element, Event, EventEmitter, Prop, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'je-checkbox-option',\n  styleUrl: 'je-checkbox-option.scss',\n  shadow: true,\n})\nexport class JeCheckboxOption {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Value of this option that the checkbox group will compare against\n   */\n  @Prop() value: any;\n\n  /**\n   * Whether or not this option is currently checked\n   */\n  @Prop() checked = false;\n\n  /**\n   * Shows readonly state and prevents changes to this option\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Shows disabled state and prevents changes to this option\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Emits the value whenever it is checked\n   */\n  @Event() check: EventEmitter<any>;\n\n  /**\n   * Emits the value whenever it is unchecked\n   */\n  @Event() uncheck: EventEmitter<any>;\n\n  @Listen('click')\n  onClick() {\n    if (!this.readonly && !this.disabled) {\n      if (this.checked) {\n        this.uncheck.emit(this.value);\n      } else {\n        this.check.emit(this.value);\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <je-icon icon={this.checked ? 'check_box' : 'check_box_outline_blank'} />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-checkbox.js

@@ -1,83 +0,0 @@
-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 jeCheckboxCss = ":host{display:flex;align-items:center;gap:var(--je-spacing-2xs);width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none}je-icon{cursor:pointer;color:var(--je-primary-500)}";
-const JeCheckboxStyle0 = jeCheckboxCss;
-
-const JeCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class JeCheckbox extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.valueChange = createEvent(this, "valueChange", 3);
-        this.internals = this.attachInternals();
-        this.value = undefined;
-        this.labelPlacement = 'end';
-        this.indeterminate = false;
-        this.labelOnly = false;
-        this.readonly = false;
-        this.disabled = false;
-    }
-    componentWillLoad() {
-        if (this.value === undefined && !this.indeterminate) {
-            this.value = false;
-        }
-        this.originalValue = this.value;
-    }
-    formResetCallback() {
-        if (this.value !== this.originalValue) {
-            this.value = this.originalValue;
-        }
-    }
-    onClick() {
-        if (!this.readonly && !this.disabled) {
-            if (!this.indeterminate) {
-                this.value = !this.value;
-            }
-            else {
-                // when indeterminate, the flow is false -> true -> null
-                this.value = this.value == false ? true : this.value == true ? null : false;
-            }
-            this.valueChange.emit(this.value);
-        }
-    }
-    render() {
-        return (h(Host, { key: '492df32418a1fad791e502a04dd1f4704af73c19' }, this.labelPlacement == 'start' && h("slot", { key: 'b1fe9f38f42da604059158012be57f08ea6c0223' }), h("je-icon", { key: 'de6acfe6dc089be11e12c7948a7be20b3d6af7f4', icon: this.value === true ? 'check_box' : this.value === false ? 'check_box_outline_blank' : 'indeterminate_check_box' }), this.labelPlacement == 'end' && h("slot", { key: '2f6b3feb823cc374566845bbc0a73c4280644376' })));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get style() { return JeCheckboxStyle0; }
-}, [65, "je-checkbox", {
-        "value": [1028],
-        "labelPlacement": [1, "label-placement"],
-        "indeterminate": [516],
-        "labelOnly": [4, "label-only"],
-        "readonly": [4],
-        "disabled": [4]
-    }, [[0, "click", "onClick"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["je-checkbox", "je-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "je-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, JeCheckbox$1);
-            }
-            break;
-        case "je-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JeCheckbox = JeCheckbox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { JeCheckbox, defineCustomElement };
-
-//# sourceMappingURL=je-checkbox.js.map