jebamo 0.0.1 → 0.0.2

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"file":"je-checkbox.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,gMAAgM,CAAC;AACvN,yBAAe,aAAa;;MCOfA,YAAU;;;;;;;;8BAaqB,KAAK;6BAKN,KAAK;yBAK1B,KAAK;wBAKN,KAAK;wBAKL,KAAK;;IAOxB,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACnD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACpB;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;KACjC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE;YACrC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;SACjC;KACF;IAGD,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;aAC1B;iBAAM;;gBAEL,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;aAC7E;YACD,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,KAAK,KAAK,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,GAAG,yBAAyB,GAAG,yBAAyB,GAAI,EAClI,IAAI,CAAC,cAAc,IAAI,KAAK,IAAI,8DAAa,CACzC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeCheckbox"],"sources":["src/components/je-checkbox/je-checkbox.scss?tag=je-checkbox&encapsulation=shadow","src/components/je-checkbox/je-checkbox.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--je-spacing-2xs);\n  width: fit-content;\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 { AttachInternals, Component, EventEmitter, Host, Prop, h, Element, Event, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'je-checkbox',\n  styleUrl: 'je-checkbox.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class JeCheckbox {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLElement;\n  private originalValue?: boolean;\n\n  /**\n   * Whether or not the checkbox is active\n   */\n  @Prop({ mutable: true }) value?: boolean;\n\n  /**\n   * Whether or not the label should go before or after the checkbox\n   */\n  @Prop() labelPlacement: 'start' | 'end' = 'end';\n\n  /**\n   * If the checkbox should contain a 3rd indeterminate state\n   */\n  @Prop({ reflect: true }) indeterminate = false;\n\n  /**\n   * Will hide the checkbox and just display the label\n   */\n  @Prop() labelOnly = false;\n\n  /**\n   * Shows the readonly state and prevents changes\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Shows the disabled state and prevents changes\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Emits the current value whenever it's state changes\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<boolean | undefined>;\n\n  componentWillLoad() {\n    if (this.value === undefined && !this.indeterminate) {\n      this.value = false;\n    }\n    this.originalValue = this.value;\n  }\n\n  formResetCallback() {\n    if (this.value !== this.originalValue) {\n      this.value = this.originalValue;\n    }\n  }\n\n  @Listen('click')\n  onClick() {\n    if (!this.readonly && !this.disabled) {\n      if (!this.indeterminate) {\n        this.value = !this.value;\n      } else {\n        // when indeterminate, the flow is false -> true -> null\n        this.value = this.value == false ? true : this.value == true ? null : false;\n      }\n      this.valueChange.emit(this.value);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.labelPlacement == 'start' && <slot></slot>}\n        <je-icon icon={this.value === true ? 'check_box' : this.value === false ? 'check_box_outline_blank' : 'indeterminate_check_box'} />\n        {this.labelPlacement == 'end' && <slot></slot>}\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-color.js

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

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

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

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

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

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

@@ -0,0 +1,46 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-41492a72.js';
+
+const jeColumnGroupCss = ":host{display:flex;--je-columns:12}";
+const JeColumnGroupStyle0 = jeColumnGroupCss;
+
+const JeColumnGroup$1 = /*@__PURE__*/ proxyCustomElement(class JeColumnGroup extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.columns = undefined;
+    }
+    componentDidLoad() {
+        if (this.columns) {
+            this.el.style.setProperty('--je-columns', this.columns.toString());
+        }
+    }
+    render() {
+        return (h(Host, { key: '8c4c7502241659afff87bb4742f0b4acf15c7cde' }, h("slot", { key: '76109da039bd6f86813463f8cabc2f0e1b75e371' })));
+    }
+    get el() { return this; }
+    static get style() { return JeColumnGroupStyle0; }
+}, [1, "je-column-group", {
+        "columns": [2]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-column-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-column-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeColumnGroup$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeColumnGroup = JeColumnGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeColumnGroup, defineCustomElement };
+
+//# sourceMappingURL=je-column-group.js.map

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

@@ -0,0 +1 @@
+{"file":"je-column-group.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,qCAAqC,CAAC;AAC/D,4BAAe,gBAAgB;;MCMlBA,eAAa;;;;;;;IAQxB,gBAAgB;QACd,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;SACpE;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeColumnGroup"],"sources":["src/components/column/je-column-group/je-column-group.scss?tag=je-column-group&encapsulation=shadow","src/components/column/je-column-group/je-column-group.tsx"],"sourcesContent":[":host {\n  display: flex;\n  --je-columns: 12;\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-column-group',\n  styleUrl: 'je-column-group.scss',\n  shadow: true,\n})\nexport class JeColumnGroup {\n  @Element() el: HTMLJeColumnGroupElement;\n\n  /**\n   * The number of columns the flex grid has.\n   */\n  @Prop() columns?: number;\n\n  componentDidLoad() {\n    if (this.columns) {\n      this.el.style.setProperty('--je-columns', this.columns.toString());\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/je-column.js

@@ -0,0 +1,95 @@
+import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-41492a72.js';
+
+const jeColumnCss = ":host{margin:0px;box-sizing:border-box;flex-basis:0px;flex-grow:1;width:100%;max-width:100%;min-height:1px;font-family:var(--je-font-family, inherit)}";
+const JeColumnStyle0 = jeColumnCss;
+
+const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
+const SIZE_TO_MEDIA = {
+    xs: '(min-width: 0px)',
+    sm: '(min-width: 576px)',
+    md: '(min-width: 768px)',
+    lg: '(min-width: 992px)',
+    xl: '(min-width: 1200px)',
+};
+const JeColumn$1 = /*@__PURE__*/ proxyCustomElement(class JeColumn extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = undefined;
+        this.sizeXs = undefined;
+        this.sizeSm = undefined;
+        this.sizeMd = undefined;
+        this.sizeLg = undefined;
+        this.sizeXl = undefined;
+    }
+    onResize() {
+        forceUpdate(this);
+    }
+    matchBreakpoint(breakpoint) {
+        if (breakpoint === undefined || breakpoint === '') {
+            return true;
+        }
+        if (window.matchMedia) {
+            const mediaQuery = SIZE_TO_MEDIA[breakpoint];
+            return window.matchMedia(mediaQuery).matches;
+        }
+        return false;
+    }
+    ;
+    getColumns(property) {
+        let matched;
+        for (const breakpoint of BREAKPOINTS) {
+            const matches = this.matchBreakpoint(breakpoint);
+            const columns = this[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];
+            if (matches && columns !== undefined) {
+                matched = columns;
+            }
+        }
+        return matched;
+    }
+    calculateSize() {
+        const columns = this.getColumns('size');
+        if (!columns || columns === '') {
+            return;
+        }
+        const colSize = columns === 'auto' ? 'auto' : `calc(calc(${columns} / var(--je-columns, 12)) * 100%)`;
+        return {
+            flex: `0 0 ${colSize}`,
+            width: `${colSize}`,
+            'max-width': `${colSize}`,
+        };
+    }
+    render() {
+        return (h(Host, { key: '612be9e71ffa176295b9d0336c06b62dbda388c0', style: Object.assign({}, this.calculateSize()) }, h("slot", { key: '3e74a2e7ed2327d16299bc158791627d46f29173' })));
+    }
+    static get style() { return JeColumnStyle0; }
+}, [1, "je-column", {
+        "size": [1],
+        "sizeXs": [1, "size-xs"],
+        "sizeSm": [1, "size-sm"],
+        "sizeMd": [1, "size-md"],
+        "sizeLg": [1, "size-lg"],
+        "sizeXl": [1, "size-xl"]
+    }, [[9, "resize", "onResize"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-column"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-column":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JeColumn$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JeColumn = JeColumn$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JeColumn, defineCustomElement };
+
+//# sourceMappingURL=je-column.js.map

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

@@ -0,0 +1 @@
+{"file":"je-column.js","mappings":";;AAAA,MAAM,WAAW,GAAG,wJAAwJ,CAAC;AAC7K,uBAAe,WAAW;;ACC1B,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACvD,MAAM,aAAa,GAAG;IACpB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;CAC1B,CAAC;MAOWA,UAAQ;;;;;;;;;;;;IAgCnB,QAAQ;QACN,WAAW,CAAC,IAAI,CAAC,CAAC;KACnB;IAEO,eAAe,CAAC,UAA8B;QACpD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,EAAE,EAAE;YACjD,OAAO,IAAI,CAAC;SACb;QACD,IAAK,MAAc,CAAC,UAAU,EAAE;YAC9B,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;YAC7C,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;SAC9C;QACD,OAAO,KAAK,CAAC;KACd;;IAEO,UAAU,CAAC,QAAgB;QACjC,IAAI,OAAY,CAAC;QAEjB,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;YACpC,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACjD,MAAM,OAAO,GAAI,IAAY,CAAC,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YACnG,IAAI,OAAO,IAAI,OAAO,KAAK,SAAS,EAAE;gBACpC,OAAO,GAAG,OAAO,CAAC;aACnB;SACF;QAED,OAAO,OAAO,CAAC;KAChB;IAEO,aAAa;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAExC,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,EAAE,EAAE;YAC9B,OAAO;SACR;QAED,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,aAAa,OAAO,mCAAmC,CAAC;QAEtG,OAAO;YACL,IAAI,EAAE,OAAO,OAAO,EAAE;YACtB,KAAK,EAAE,GAAG,OAAO,EAAE;YACnB,WAAW,EAAE,GAAG,OAAO,EAAE;SAC1B,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,oBAAO,IAAI,CAAC,aAAa,EAAE,KACpC,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeColumn"],"sources":["src/components/column/je-column/je-column.scss?tag=je-column&encapsulation=shadow","src/components/column/je-column/je-column.tsx"],"sourcesContent":[":host {\n  margin: 0px;\n  box-sizing: border-box;\n  flex-basis: 0px;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  min-height: 1px;\n  font-family: var(--je-font-family, inherit);\n}\n","import { Component, Host, Listen, Prop, forceUpdate, h } from '@stencil/core';\n\nconst BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];\nconst SIZE_TO_MEDIA = {\n  xs: '(min-width: 0px)',\n  sm: '(min-width: 576px)',\n  md: '(min-width: 768px)',\n  lg: '(min-width: 992px)',\n  xl: '(min-width: 1200px)',\n};\n\n@Component({\n  tag: 'je-column',\n  styleUrl: 'je-column.scss',\n  shadow: true,\n})\nexport class JeColumn {\n  /**\n   * The size of the column, in terms of how many columns it should take up out of the total available.\n   */\n  @Prop() size?: string;\n\n  /**\n   * The size of the column for xs screens, in terms of how many columns it should take up out of the total available.\n   */\n  @Prop() sizeXs?: string;\n\n  /**\n   * The size of the column for sm screens, in terms of how many columns it should take up out of the total available.\n   */\n  @Prop() sizeSm?: string;\n\n  /**\n   * The size of the column for md screens, in terms of how many columns it should take up out of the total available.\n   */\n  @Prop() sizeMd?: string;\n\n  /**\n   * The size of the column for lg screens, in terms of how many columns it should take up out of the total available.\n   */\n  @Prop() sizeLg?: string;\n\n  /**\n   * The size of the column for xl screens, in terms of how many columns it should take up out of the total available.\n   */\n  @Prop() sizeXl?: string;\n\n  @Listen('resize', { target: 'window' })\n  onResize() {\n    forceUpdate(this);\n  }\n\n  private matchBreakpoint(breakpoint: string | undefined) {\n    if (breakpoint === undefined || breakpoint === '') {\n      return true;\n    }\n    if ((window as any).matchMedia) {\n      const mediaQuery = SIZE_TO_MEDIA[breakpoint];\n      return window.matchMedia(mediaQuery).matches;\n    }\n    return false;\n  };\n\n  private getColumns(property: string) {\n    let matched: any;\n\n    for (const breakpoint of BREAKPOINTS) {\n      const matches = this.matchBreakpoint(breakpoint);\n      const columns = (this as any)[property + breakpoint.charAt(0).toUpperCase() + breakpoint.slice(1)];\n      if (matches && columns !== undefined) {\n        matched = columns;\n      }\n    }\n\n    return matched;\n  }\n\n  private calculateSize() {\n    const columns = this.getColumns('size');\n\n    if (!columns || columns === '') {\n      return;\n    }\n\n    const colSize = columns === 'auto' ? 'auto' : `calc(calc(${columns} / var(--je-columns, 12)) * 100%)`;\n\n    return {\n      flex: `0 0 ${colSize}`,\n      width: `${colSize}`,\n      'max-width': `${colSize}`,\n    };\n  }\n\n  render() {\n    return (\n      <Host style={{ ...this.calculateSize() }}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

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