jebamo 0.0.2 → 0.0.3

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

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

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

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

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

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

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

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

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

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

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

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

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