jebamo 0.0.13 → 0.0.14

package/components/je-alert.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-CL0NicyQ.js';
-import { d as defineCustomElement$5 } from './p-DDWeNBqe.js';
+import { d as defineCustomElement$5 } from './p-D2R7Jtds.js';
 import { d as defineCustomElement$4 } from './p-ieY9b0db.js';
-import { d as defineCustomElement$3 } from './p-C07q1kKX.js';
+import { d as defineCustomElement$3 } from './p-DvT9jOjY.js';
 import { d as defineCustomElement$2 } from './p-BD1TXl5r.js';
 
 const jeAlertCss = ":host{display:none;overflow:hidden;position:relative;box-shadow:var(--box-shadow);border:var(--border);border-radius:var(--je-radius-md, 0.375rem);box-sizing:border-box;background-color:var(--background);color:var(--color);padding:var(--je-spacing-md, 1rem);grid-template-columns:auto 1fr auto;grid-auto-rows:auto;align-items:center;column-gap:var(--je-spacing-sm, 0.75rem);row-gap:var(--je-spacing-2xs, 0.25rem);--background:light-dark(rgb(233, 236, 236), rgb(41, 45, 46));--color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 40%, black 60%), color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%));--box-shadow:0px 4px 16px 0px light-dark(rgba(0, 0, 0, 0.12), rgba(68, 68, 68, 0.12));--border:solid 1px light-dark(rgb(197, 200, 204), rgb(86, 87, 90))}:host([color=primary]){--accent:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host([color=secondary]){--accent:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%), var(--je-secondary, #99becb))}:host([color=warning]){--accent:var(--je-warning, #fbbf24)}:host([color=danger]){--accent:light-dark(color-mix(in srgb, var(--je-danger, #ae1818) 80%, white 20%), color-mix(in srgb, var(--je-danger, #ae1818) 60%, white 40%))}:host([color=success]){--accent:color-mix(in srgb, var(--je-success, #22c55e) 80%, black 20%)}:host(.visible){display:grid}:host(.open){animation:fadeIn 600ms forwards}:host(:not(.open)){animation:fadeOut 600ms forwards}@keyframes fadeIn{from{opacity:0;transform:scale(0%)}to{opacity:1;transform:scale(100%)}}@keyframes fadeOut{from{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0%)}}[part=header]{font-weight:bold;display:block;box-sizing:border-box;font-size:var(--je-font-lg, 1.25rem);line-height:1}[part=message]{line-height:1}je-icon{display:block;color:var(--accent)}.border{position:absolute;top:0;left:0;background-color:var(--accent);width:100%;height:var(--je-spacing-xs, 0.5rem)}.progress{position:absolute;bottom:0;left:0;width:100%;background-color:var(--accent);height:var(--je-spacing-2xs, 0.25rem);animation:shorten linear forwards;animation-play-state:paused}.progress.running{animation-play-state:running}.progress:not(.visible){opacity:0}@keyframes shorten{from{width:100%}to{width:0}}slot[name=buttons]{display:flex;align-items:center;gap:var(--je-spacing-sm, 0.75rem)}";

package/components/je-button.js

@@ -1,4 +1,4 @@
-import { J as JeButton$1, d as defineCustomElement$1 } from './p-DDWeNBqe.js';
+import { J as JeButton$1, d as defineCustomElement$1 } from './p-D2R7Jtds.js';
 
 const JeButton = JeButton$1;
 const defineCustomElement = defineCustomElement$1;

package/components/je-card.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
 
-const jeCardCss = ":host{display:block;border:solid 1px var(--border-color);border-radius:var(--je-radius-sm, 0.125rem);overflow:hidden;box-sizing:border-box;position:relative;color:var(--color);background-color:var(--background);--color:inherit;--background:inherit;--hover-background:#9f9e9e0e;--active-background:#9f9e9e19;--border-color:color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%)}:host([button]){cursor:pointer;user-select:none;-webkit-user-select:none;transition:all 125ms ease-in-out}:host([button]:hover){background-color:var(--hover-background)}:host([button]:active){background-color:var(--active-background)}:host([color=danger]){--color:var(--je-danger-100);--background:var(--je-danger-500);--hover-background:var(--je-danger-600);--active-background:var(--je-danger-700);--border-color:var(--je-danger-300)}:host([color=secondary]){--color:var(--je-secondary-100);--background:var(--je-secondary-500);--hover-background:var(--je-secondary-600);--active-background:var(--je-secondary-700);--border-color:var(--je-secondary-300)}:host([color=warning]){--color:var(--je-warning-100);--background:var(--je-warning-500);--hover-background:var(--je-warning-600);--active-background:var(--je-warning-700);--border-color:var(--je-warning-300)}:host([color=success]){--color:var(--je-success-100);--background:var(--je-success-500);--hover-background:var(--je-success-600);--active-background:var(--je-success-700);--border-color:var(--je-success-300)}::slotted([slot=media]){width:100%}::slotted([slot=header]){box-sizing:border-box;padding-inline:var(--je-spacing-xs, 0.5rem);border-bottom:solid 1px var(--border-color)}::slotted([slot=footer]){box-sizing:border-box;display:flex;padding-block:var(--je-spacing-xs, 0.5rem);gap:var(--je-spacing-2xs, 0.25rem)}.container{box-sizing:border-box;padding:var(--je-spacing-xs, 0.5rem)}";
+const jeCardCss = ":host{display:block;width:fit-content;border:solid 1px var(--border-color);border-radius:var(--je-radius-sm, 0.125rem);overflow:hidden;box-sizing:border-box;position:relative;color:var(--color);background-color:var(--background);--color:inherit;--background:inherit;--hover-background:#9f9e9e0e;--active-background:#9f9e9e19;--border-color:color-mix(in srgb, var(--je-secondary, #99becb) 60%, white 40%)}:host([button]){cursor:pointer;user-select:none;-webkit-user-select:none;transition:all 125ms ease-in-out}:host([button]:hover){background-color:var(--hover-background)}:host([button]:active){background-color:var(--active-background)}:host([color=danger]){--color:var(--je-danger-100);--background:var(--je-danger-500);--hover-background:var(--je-danger-600);--active-background:var(--je-danger-700);--border-color:var(--je-danger-300)}:host([color=secondary]){--color:var(--je-secondary-100);--background:var(--je-secondary-500);--hover-background:var(--je-secondary-600);--active-background:var(--je-secondary-700);--border-color:var(--je-secondary-300)}:host([color=warning]){--color:var(--je-warning-100);--background:var(--je-warning-500);--hover-background:var(--je-warning-600);--active-background:var(--je-warning-700);--border-color:var(--je-warning-300)}:host([color=success]){--color:var(--je-success-100);--background:var(--je-success-500);--hover-background:var(--je-success-600);--active-background:var(--je-success-700);--border-color:var(--je-success-300)}::slotted([slot=media]){width:100%}::slotted([slot=header]){box-sizing:border-box;padding-inline:var(--je-spacing-xs, 0.5rem);border-bottom:solid 1px var(--border-color)}::slotted([slot=footer]){box-sizing:border-box;display:flex;padding-block:var(--je-spacing-xs, 0.5rem);gap:var(--je-spacing-2xs, 0.25rem)}.container{box-sizing:border-box;padding:var(--je-spacing-xs, 0.5rem)}";
 
 const JeCard$1 = /*@__PURE__*/ proxyCustomElement(class JeCard extends H {
     constructor() {

package/components/je-card.js.map

@@ -1 +1 @@
-{"file":"je-card.js","mappings":";;AAAA,MAAM,SAAS,GAAG,8yDAA8yD;;MCQnzDA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;IAIjB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/je-card/je-card.scss?tag=je-card&encapsulation=shadow","src/components/je-card/je-card.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: block;\n  border: solid 1px var(--border-color);\n  border-radius: radius-get(sm);\n  overflow: hidden;\n  box-sizing: border-box;\n  position: relative;\n  color: var(--color);\n  background-color: var(--background);\n\n  --color: inherit;\n  --background: inherit;\n  --hover-background: #9f9e9e0e;\n  --active-background: #9f9e9e19;\n  --border-color: #{secondary(300)};\n}\n\n:host([button]) {\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-select: none;\n  transition: all 125ms ease-in-out;\n}\n\n:host([button]:hover) {\n  background-color: var(--hover-background);\n}\n\n:host([button]:active) {\n  background-color: var(--active-background);\n}\n\n:host([color=danger]) {\n  --color: var(--je-danger-100);\n  --background: var(--je-danger-500);\n  --hover-background: var(--je-danger-600);\n  --active-background: var(--je-danger-700);\n  --border-color: var(--je-danger-300);\n}\n\n:host([color=secondary]) {\n  --color: var(--je-secondary-100);\n  --background: var(--je-secondary-500);\n  --hover-background: var(--je-secondary-600);\n  --active-background: var(--je-secondary-700);\n  --border-color: var(--je-secondary-300);\n}\n\n:host([color=warning]) {\n  --color: var(--je-warning-100);\n  --background: var(--je-warning-500);\n  --hover-background: var(--je-warning-600);\n  --active-background: var(--je-warning-700);\n  --border-color: var(--je-warning-300);\n}\n\n:host([color=success]) {\n  --color: var(--je-success-100);\n  --background: var(--je-success-500);\n  --hover-background: var(--je-success-600);\n  --active-background: var(--je-success-700);\n  --border-color: var(--je-success-300);\n}\n\n::slotted([slot=\"media\"]) {\n  width: 100%;\n}\n\n::slotted([slot=\"header\"]) {\n  box-sizing: border-box;\n  padding-inline: spacing-get(xs);\n  border-bottom: solid 1px var(--border-color);\n}\n\n::slotted([slot=\"footer\"]) {\n  box-sizing: border-box;\n  display: flex;\n  padding-block: spacing-get(xs);\n  gap: spacing-get(2xs);\n}\n\n.container {\n  box-sizing: border-box;\n  padding: spacing-get(xs);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Color } from '../../utils/utils';\n\n@Component({\n  tag: 'je-card',\n  styleUrl: 'je-card.scss',\n  shadow: true,\n})\nexport class JeCard {\n  @Prop({ reflect: true }) color?: Color;\n  @Prop({ reflect: true }) button?: boolean;\n\n  render() {\n    return (\n      <Host>\n        <slot name='media' />\n        <slot name='header' />\n        <div class='container'>\n          <slot />\n          <slot name='footer' />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"je-card.js","mappings":";;AAAA,MAAM,SAAS,GAAG,g0DAAg0D;;MCQr0DA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;IAIjB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JeCard","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/je-card/je-card.scss?tag=je-card&encapsulation=shadow","src/components/je-card/je-card.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: block;\n  width: fit-content;\n  border: solid 1px var(--border-color);\n  border-radius: radius-get(sm);\n  overflow: hidden;\n  box-sizing: border-box;\n  position: relative;\n  color: var(--color);\n  background-color: var(--background);\n\n  --color: inherit;\n  --background: inherit;\n  --hover-background: #9f9e9e0e;\n  --active-background: #9f9e9e19;\n  --border-color: #{secondary(300)};\n}\n\n:host([button]) {\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-select: none;\n  transition: all 125ms ease-in-out;\n}\n\n:host([button]:hover) {\n  background-color: var(--hover-background);\n}\n\n:host([button]:active) {\n  background-color: var(--active-background);\n}\n\n:host([color=danger]) {\n  --color: var(--je-danger-100);\n  --background: var(--je-danger-500);\n  --hover-background: var(--je-danger-600);\n  --active-background: var(--je-danger-700);\n  --border-color: var(--je-danger-300);\n}\n\n:host([color=secondary]) {\n  --color: var(--je-secondary-100);\n  --background: var(--je-secondary-500);\n  --hover-background: var(--je-secondary-600);\n  --active-background: var(--je-secondary-700);\n  --border-color: var(--je-secondary-300);\n}\n\n:host([color=warning]) {\n  --color: var(--je-warning-100);\n  --background: var(--je-warning-500);\n  --hover-background: var(--je-warning-600);\n  --active-background: var(--je-warning-700);\n  --border-color: var(--je-warning-300);\n}\n\n:host([color=success]) {\n  --color: var(--je-success-100);\n  --background: var(--je-success-500);\n  --hover-background: var(--je-success-600);\n  --active-background: var(--je-success-700);\n  --border-color: var(--je-success-300);\n}\n\n::slotted([slot=\"media\"]) {\n  width: 100%;\n}\n\n::slotted([slot=\"header\"]) {\n  box-sizing: border-box;\n  padding-inline: spacing-get(xs);\n  border-bottom: solid 1px var(--border-color);\n}\n\n::slotted([slot=\"footer\"]) {\n  box-sizing: border-box;\n  display: flex;\n  padding-block: spacing-get(xs);\n  gap: spacing-get(2xs);\n}\n\n.container {\n  box-sizing: border-box;\n  padding: spacing-get(xs);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Color } from '../../utils/utils';\n\n@Component({\n  tag: 'je-card',\n  styleUrl: 'je-card.scss',\n  shadow: true,\n})\nexport class JeCard {\n  @Prop({ reflect: true }) color?: Color;\n  @Prop({ reflect: true }) button?: boolean;\n\n  render() {\n    return (\n      <Host>\n        <slot name='media' />\n        <slot name='header' />\n        <div class='container'>\n          <slot />\n          <slot name='footer' />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/je-datepicker.js

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-CL0NicyQ.js';
 import { d as dateFnsExports } from './p-iWCgRMLC.js';
-import { d as defineCustomElement$7 } from './p-DDWeNBqe.js';
+import { d as defineCustomElement$7 } from './p-D2R7Jtds.js';
 import { d as defineCustomElement$6 } from './p-ieY9b0db.js';
-import { d as defineCustomElement$5 } from './p-C07q1kKX.js';
+import { d as defineCustomElement$5 } from './p-DvT9jOjY.js';
 import { d as defineCustomElement$4 } from './p-BD1TXl5r.js';
-import { d as defineCustomElement$3 } from './p-lBr1fFg4.js';
+import { d as defineCustomElement$3 } from './p-B4Ctd9hh.js';
 import { d as defineCustomElement$2 } from './p-CbIWLZOB.js';
 
-const jeDatepickerCss = ":host{display:flex;padding:var(--je-spacing-xs, 0.5rem);box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:var(--je-spacing-sm, 0.75rem)}je-button.day{--height:var(--je-spacing-xl, 1.5rem);--padding-inline:0px}je-button.day::part(inner-button){width:var(--je-spacing-xl, 1.5rem);font-weight:400}.header{width:100%;min-width:200px;max-width:300px;display:flex;align-items:center;justify-content:space-between}.header span{flex:1;text-align:center}.weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--je-spacing-2xs, 0.25rem)}.weekdays-grid div{height:var(--je-spacing-xl, 1.5rem);width:var(--je-spacing-xl, 1.5rem);font-size:var(--je-font-md, 1rem);font-weight:400;color:color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%);text-align:center;align-content:center}.days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--je-spacing-2xs, 0.25rem)}.timepicker{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:200px;max-width:300px}.timepicker-content{display:flex}.timepicker-column{display:flex;flex-direction:column;gap:var(--je-spacing-2xs, 0.25rem);height:200px;overflow:auto;align-items:center;padding:var(--je-spacing-xs, 0.5rem);box-sizing:border-box}";
+const jeDatepickerCss = ":host{display:flex;padding:var(--je-spacing-xs, 0.5rem);box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:var(--je-spacing-sm, 0.75rem)}je-button.day{--height:var(--je-spacing-2xl, 2rem);--padding-inline:0px}je-button.day::part(inner-button){width:var(--je-spacing-2xl, 2rem);font-weight:400}.header{width:100%;min-width:200px;max-width:300px;display:flex;align-items:center;justify-content:space-between}.header span{flex:1;text-align:center}.weekdays-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--je-spacing-2xs, 0.25rem)}.weekdays-grid div{height:var(--je-spacing-2xl, 2rem);width:var(--je-spacing-2xl, 2rem);font-size:var(--je-font-md, 1rem);font-weight:400;color:color-mix(in srgb, var(--je-secondary, #99becb) 80%, black 20%);text-align:center;align-content:center}.days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--je-spacing-2xs, 0.25rem)}.timepicker{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:200px;max-width:300px}.timepicker-content{display:flex}.timepicker-column{display:flex;flex-direction:column;gap:var(--je-spacing-2xs, 0.25rem);height:200px;overflow:auto;align-items:center;padding:var(--je-spacing-xs, 0.5rem);box-sizing:border-box}";
 
 const daysOfWeek = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
 const JeDatepicker$1 = /*@__PURE__*/ proxyCustomElement(class JeDatepicker extends H {
@@ -31,26 +31,23 @@ const JeDatepicker$1 = /*@__PURE__*/ proxyCustomElement(class JeDatepicker exten
         this.prevYear = () => {
             this.currentDate = dateFnsExports.subMonths(this.currentDate, 12);
         };
-        this.setDay = (day) => {
-            this.value = dateFnsExports.set(this.value, {
-                year: day.getFullYear(),
-                month: day.getMonth(),
-                date: day.getDate()
-            }).getTime();
-        };
-        this.setHour = (hour) => {
-            this.value = dateFnsExports.setHours(this.value, hour).getTime();
-        };
-        this.setMinute = (minute) => {
-            this.value = dateFnsExports.setMinutes(this.value, minute).getTime();
-        };
-        this.setSecond = (second) => {
-            this.value = dateFnsExports.setSeconds(this.value, second).getTime();
+        this.setValue = (opts) => {
+            var _a, _b, _c, _d;
+            const newValue = dateFnsExports.set((_a = this.value) !== null && _a !== void 0 ? _a : new Date(), {
+                year: (_b = opts.day) === null || _b === void 0 ? void 0 : _b.getFullYear(),
+                month: (_c = opts.day) === null || _c === void 0 ? void 0 : _c.getMonth(),
+                date: (_d = opts.day) === null || _d === void 0 ? void 0 : _d.getDate(),
+                hours: opts.hour,
+                minutes: opts.minute,
+                seconds: opts.second
+            });
+            this.value = newValue.getTime();
+            this.valueChange.emit(this.value);
         };
         this.scrollTimeIntoView = () => {
             this.el.shadowRoot.querySelectorAll('.timepicker-column').forEach(column => {
-                var _a;
-                (_a = column.querySelector('je-button[color="primary"][fill="solid"]')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'center', behavior: 'smooth' });
+                var _a, _b;
+                (_b = (_a = column.querySelector('je-button[color="primary"][fill="solid"]')) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('button')) === null || _b === void 0 ? void 0 : _b.scrollIntoView({ block: 'center', behavior: 'instant' });
             });
         };
     }
@@ -63,7 +60,6 @@ const JeDatepicker$1 = /*@__PURE__*/ proxyCustomElement(class JeDatepicker exten
         if (this.value) {
             this.currentDate = new Date(this.value);
         }
-        this.valueChange.emit(this.value ? new Date(this.value).getTime() : undefined);
     }
     render() {
         const firstDayOfMonth = dateFnsExports.startOfMonth(this.currentDate);
@@ -75,12 +71,12 @@ const JeDatepicker$1 = /*@__PURE__*/ proxyCustomElement(class JeDatepicker exten
         const daysBefore = Array.from({ length: firstDayOfWeek }).map((_, i) => dateFnsExports.subMonths(this.currentDate, 1).setDate(prevMonthEnd.getDate() - (firstDayOfWeek - i - 1)));
         const lastDayOfWeek = dateFnsExports.getDay(lastDayOfMonth);
         const daysAfter = Array.from({ length: 6 - lastDayOfWeek }).map((_, i) => dateFnsExports.addMonths(this.currentDate, 1).setDate(i + 1));
-        return (h(Host, { key: 'b98a066fbe52dbdfd1cbdceaa2f0dee60b33cc23' }, (this.type == 'date' || this.type == 'datetime') && (h(Fragment, { key: '7d0b6573e3e5093da30d34c1477e2e83ca826a82' }, h("div", { key: '0011cf847d1211351d4d11b387fa5d3af5505c35', class: "header" }, h("je-icon-button", { key: 'b95ca07bdd17ea031822ce26be1d757cbf36904b', icon: 'keyboard_double_arrow_left', onClick: this.prevYear }), h("je-icon-button", { key: '6c29c5a3387fcb722847fe1323f31e28bc407450', icon: 'keyboard_arrow_left', onClick: this.prevMonth }), h("span", { key: 'bc2f58d9906e06d025a7b57ad3cd2d401a2bca68' }, dateFnsExports.format(this.currentDate, 'MMMM yyyy')), h("je-icon-button", { key: '3f8ddca9bf1b02a4967350625aa1f2ddaa44b816', icon: 'keyboard_arrow_right', onClick: this.nextMonth }), h("je-icon-button", { key: '773923004e744dfbd3e789e205a89b07b6a2d5e5', icon: 'keyboard_double_arrow_right', onClick: this.nextYear })), h("div", { key: '5f7d1d002add648381ab42fd0bfb782c24f7bb02', class: "weekdays-grid" }, daysOfWeek.map(day => h("div", null, day))), h("div", { key: '8f3cd3f021d9a0945bd90c3e196096bd62d78558', class: "days-grid" }, daysBefore.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd')))), daysInMonth.map(day => {
+        return (h(Host, { key: '001acd2a99d94de7f0e33fd6453d7c4f5c9779da' }, (this.type == 'date' || this.type == 'datetime') && (h(Fragment, { key: 'c30cbabed1c5e0c25383e5ed8965a93155f39eb8' }, h("div", { key: 'bf665a24f3756940db6823e0d54c1db147374e71', class: "header" }, h("je-icon-button", { key: '535074bbfe25a0af354569f6628f45294cda650d', icon: 'keyboard_double_arrow_left', onClick: this.prevYear }), h("je-icon-button", { key: 'a284b3c39e1fe1f1beb444d0f91e04510c978194', icon: 'keyboard_arrow_left', onClick: this.prevMonth }), h("span", { key: '30c22009f6114f781654626cf1889a2c7f84b6ac' }, dateFnsExports.format(this.currentDate, 'MMMM yyyy')), h("je-icon-button", { key: '6bf8cc4cd9482203c927f68efdf735644f783bc7', icon: 'keyboard_arrow_right', onClick: this.nextMonth }), h("je-icon-button", { key: 'c7895236c227bed7709d863518d7867112fa9c12', icon: 'keyboard_double_arrow_right', onClick: this.nextYear })), h("div", { key: '39f1be73032a4d63958751a8ea3e66706d0413d2', class: "weekdays-grid" }, daysOfWeek.map(day => h("div", null, day))), h("div", { key: '2a38bbb66188746c867ce37dce552869793c19c8', class: "days-grid" }, daysBefore.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd')))), daysInMonth.map(day => {
             const selected = this.value && dateFnsExports.isSameDay(day, this.value);
             const today = dateFnsExports.isToday(day);
             const isDisabled = (this.isDateDisabled && this.isDateDisabled(day)) || (this.min && day < new Date(this.min)) || (this.max && day > new Date(this.max));
-            return (h("je-button", { expand: true, disabled: isDisabled, color: selected || today ? 'primary' : isDisabled ? 'secondary' : undefined, fill: selected ? 'solid' : 'clear', class: 'day', onClick: () => this.setDay(day) }, dateFnsExports.format(day, 'd')));
-        }), daysAfter.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd'))))))), (this.type == 'time' || this.type == 'datetime') && (h("div", { key: 'f50f591eeb16d5a8732e9b30a42eba673f32384d', class: 'timepicker' }, h("span", { key: '6927deea9958b340cca4cd7637ca2603c6edc63c' }, "Time"), h("je-popover", { key: '12138f92fcef7386ea1ab7288ba25fa7af2c6796', arrow: true, onPresent: this.scrollTimeIntoView }, h("je-pill", { key: 'a905c257376113e808b35616c94e5cf2b413270d', slot: 'trigger' }, this.value ? (this.includeSeconds ? dateFnsExports.format(this.value, 'hh:mm:ss a') : dateFnsExports.format(this.value, 'hh:mm a')) : '-'), h("div", { key: '2af6bb66e76ec0858cbfa92694648bede547dbf0', class: 'timepicker-content' }, h("div", { key: '57ec7f9421eefe59194357a6ab6813f889a52a3f', class: 'timepicker-column' }, Array.from({ length: 24 }).map((_, hour) => (h("je-button", { size: 'sm', color: this.currentDate.getHours() === hour ? 'primary' : undefined, fill: this.currentDate.getHours() === hour ? 'solid' : 'clear', onClick: () => this.setHour(hour) }, dateFnsExports.format(new Date().setHours(hour), 'hh a'))))), h("div", { key: '14daad853052b211b6a491a00b0e43a492129502', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, minute) => (h("je-button", { size: 'sm', color: this.currentDate.getMinutes() === minute ? 'primary' : undefined, fill: this.currentDate.getMinutes() === minute ? 'solid' : 'clear', onClick: () => this.setMinute(minute) }, dateFnsExports.format(new Date().setMinutes(minute), 'mm'))))), this.includeSeconds && (h("div", { key: '2f892c17024c84abdd0c9e94f839943738696248', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, second) => (h("je-button", { size: 'sm', color: this.currentDate.getSeconds() === second ? 'primary' : undefined, fill: this.currentDate.getSeconds() === second ? 'solid' : 'clear', onClick: () => this.setSecond(second) }, dateFnsExports.format(new Date().setSeconds(second), 'ss'))))))))))));
+            return (h("je-button", { expand: true, disabled: isDisabled, color: selected || today ? 'primary' : isDisabled ? 'secondary' : undefined, fill: selected ? 'solid' : 'clear', class: 'day', onClick: () => this.setValue({ day }) }, dateFnsExports.format(day, 'd')));
+        }), daysAfter.map(day => (h("je-button", { expand: true, disabled: true, color: 'secondary', fill: 'clear', class: 'day' }, dateFnsExports.format(day, 'd'))))))), (this.type == 'time' || this.type == 'datetime') && (h("div", { key: 'ccfdb4a84c2738633e12715ad549f5816fdeae54', class: 'timepicker' }, h("span", { key: 'bc4dfa532659ed667f470f22e8c2a9c90a4657cf' }, "Time"), h("je-popover", { key: '835045046be299fb244ba91982443eeb4bc7a669', arrow: true, onPresent: this.scrollTimeIntoView }, h("je-pill", { key: 'fa9f3cb90597b04b44563dc77493652a9d0d8d9e', role: 'button', tabindex: 0, slot: 'trigger' }, this.value ? (this.includeSeconds ? dateFnsExports.format(this.value, 'hh:mm:ss a') : dateFnsExports.format(this.value, 'hh:mm a')) : '-'), h("div", { key: '8385bf430461cde71f485cee75018f6cf94351b4', class: 'timepicker-content' }, h("div", { key: 'c4cb33fd35308410c9b00151d8d8b715bc7d1202', class: 'timepicker-column' }, Array.from({ length: 24 }).map((_, hour) => (h("je-button", { size: 'sm', color: this.currentDate.getHours() === hour ? 'primary' : undefined, fill: this.currentDate.getHours() === hour ? 'solid' : 'clear', onClick: () => this.setValue({ hour }) }, dateFnsExports.format(new Date().setHours(hour), 'hh a'))))), h("div", { key: 'a954cbd332a79376ff5be0eb151f49d91ed5d3b1', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, minute) => (h("je-button", { size: 'sm', color: this.currentDate.getMinutes() === minute ? 'primary' : undefined, fill: this.currentDate.getMinutes() === minute ? 'solid' : 'clear', onClick: () => this.setValue({ minute }) }, dateFnsExports.format(new Date().setMinutes(minute), 'mm'))))), this.includeSeconds && (h("div", { key: '1919fa66ede1f38866550d5b376a27d7d040a56a', class: 'timepicker-column' }, Array.from({ length: 60 }).map((_, second) => (h("je-button", { size: 'sm', color: this.currentDate.getSeconds() === second ? 'primary' : undefined, fill: this.currentDate.getSeconds() === second ? 'solid' : 'clear', onClick: () => this.setValue({ second }) }, dateFnsExports.format(new Date().setSeconds(second), 'ss'))))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/je-datepicker.js.map

@@ -1 +1 @@
-{"file":"je-datepicker.js","mappings":"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","names":["JeDatepicker","__stencil_proxyCustomElement","HTMLElement","addMonths","subMonths","set","setHours","setMinutes","setSeconds","startOfMonth","endOfMonth","eachDayOfInterval","getDay","format","isSameDay","isToday"],"sources":["src/components/je-datepicker/je-datepicker.scss?tag=je-datepicker&encapsulation=shadow","src/components/je-datepicker/je-datepicker.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: flex;\n  padding: spacing-get(xs);\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: spacing-get(sm);\n}\n\nje-button.day {\n  --height: #{spacing-get(xl)};\n  --padding-inline: 0px;\n\n  &::part(inner-button) {\n    width: spacing-get(xl);\n    font-weight: 400;\n  }\n}\n\n.header {\n  width: 100%;\n  min-width: 200px;\n  max-width: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  span {\n    flex: 1;\n    text-align: center;\n  }\n}\n\n.weekdays-grid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: spacing-get(2xs);\n\n  div {\n    height: spacing-get(xl);\n    width: spacing-get(xl);\n    font-size: font-size(md);\n    font-weight: 400;\n    color: secondary(600);\n    text-align: center;\n    align-content: center;\n  }\n}\n\n.days-grid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: spacing-get(2xs);\n}\n\n.timepicker {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  min-width: 200px;\n  max-width: 300px;\n}\n\n.timepicker-content {\n  display: flex;\n}\n\n.timepicker-column {\n  display: flex;\n  flex-direction: column;\n  gap: spacing-get(2xs);\n  height: 200px;\n  overflow: auto;\n  align-items: center;\n  padding: spacing-get(xs);\n  box-sizing: border-box;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { startOfMonth, endOfMonth, eachDayOfInterval, addMonths, subMonths, isSameDay, isToday, format, getDay, set, setHours, setMinutes, setSeconds } from 'date-fns';\n\nconst daysOfWeek = ['S', 'M', 'T', 'W', 'T', 'F', 'S'] as const;\n\n@Component({\n  tag: 'je-datepicker',\n  styleUrl: 'je-datepicker.scss',\n  shadow: true,\n})\nexport class JeDatepicker {\n  @Element() el!: HTMLJeDatepickerElement;\n  @State() currentDate = new Date();\n  @Prop() type: 'date' | 'datetime' | 'time' = 'datetime';\n  @Prop() includeSeconds = false;\n  @Prop() min?: number;\n  @Prop() max?: number;\n  @Prop() isDateDisabled?: (date: Date) => boolean;\n  @Prop({ mutable: true }) value?: number;\n  @Event() valueChange: EventEmitter<number | undefined>;\n\n  componentWillLoad() {\n    if (this.value) {\n      this.currentDate = new Date(this.value);\n    }\n  }\n\n  @Watch('value')\n  valueChangeHandler() {\n    if (this.value) {\n      this.currentDate = new Date(this.value);\n    }\n    this.valueChange.emit(this.value ? new Date(this.value).getTime() : undefined);\n  }\n\n  nextMonth = () => {\n    this.currentDate = addMonths(this.currentDate, 1);\n  }\n\n  prevMonth = () => {\n    this.currentDate = subMonths(this.currentDate, 1);\n  }\n\n  nextYear = () => {\n    this.currentDate = addMonths(this.currentDate, 12);\n  }\n\n  prevYear = () => {\n    this.currentDate = subMonths(this.currentDate, 12);\n  }\n\n  setDay = (day: Date) => {\n    this.value = set(this.value, {\n      year: day.getFullYear(),\n      month: day.getMonth(),\n      date: day.getDate()\n    }).getTime();\n  }\n\n  setHour = (hour: number) => {\n    this.value = setHours(this.value, hour).getTime();\n  }\n\n  setMinute = (minute: number) => {\n    this.value = setMinutes(this.value, minute).getTime();\n  }\n\n  setSecond = (second: number) => {\n    this.value = setSeconds(this.value, second).getTime();\n  }\n\n  scrollTimeIntoView = () => {\n    this.el.shadowRoot.querySelectorAll('.timepicker-column').forEach(column => {\n      column.querySelector('je-button[color=\"primary\"][fill=\"solid\"]')?.scrollIntoView({ block: 'center', behavior: 'smooth'});\n    });\n  }\n\n  render() {\n    const firstDayOfMonth = startOfMonth(this.currentDate);\n    const lastDayOfMonth = endOfMonth(this.currentDate);\n    const daysInMonth = eachDayOfInterval({ start: firstDayOfMonth, end: lastDayOfMonth });\n\n    const prevMonth = subMonths(this.currentDate, 1);\n    const prevMonthEnd = endOfMonth(prevMonth);\n\n    const firstDayOfWeek = getDay(firstDayOfMonth);\n    const daysBefore = Array.from({ length: firstDayOfWeek }).map((_, i) =>\n      subMonths(this.currentDate, 1).setDate(prevMonthEnd.getDate() - (firstDayOfWeek - i - 1))\n    );\n\n    const lastDayOfWeek = getDay(lastDayOfMonth);\n    const daysAfter = Array.from({ length: 6 - lastDayOfWeek }).map((_, i) =>\n      addMonths(this.currentDate, 1).setDate(i + 1)\n    );\n\n    return (\n      <Host>\n        {(this.type == 'date' || this.type == 'datetime') && (\n          <Fragment>\n            <div class=\"header\">\n              <je-icon-button icon='keyboard_double_arrow_left' onClick={this.prevYear} />\n              <je-icon-button icon='keyboard_arrow_left' onClick={this.prevMonth} />\n              <span>{format(this.currentDate, 'MMMM yyyy')}</span>\n              <je-icon-button icon='keyboard_arrow_right' onClick={this.nextMonth} />\n              <je-icon-button icon='keyboard_double_arrow_right' onClick={this.nextYear} />\n            </div>\n\n            <div class=\"weekdays-grid\">\n              {daysOfWeek.map(day => <div>{day}</div>)}\n            </div>\n\n            <div class=\"days-grid\">\n              {daysBefore.map(day => (\n                <je-button expand={true} disabled={true} color='secondary' fill='clear' class='day'>\n                  {format(day, 'd')}\n                </je-button>\n              ))}\n\n              {daysInMonth.map(day => {\n                const selected = this.value && isSameDay(day, this.value);\n                const today = isToday(day);\n                const isDisabled = (this.isDateDisabled && this.isDateDisabled(day)) || (this.min && day < new Date(this.min)) || (this.max && day > new Date(this.max));\n                return (\n                  <je-button\n                    expand={true}\n                    disabled={isDisabled}\n                    color={selected || today ? 'primary' : isDisabled ? 'secondary' : undefined}\n                    fill={selected ? 'solid' : 'clear'}\n                    class='day'\n                    onClick={() => this.setDay(day)}\n                  >\n                    {format(day, 'd')}\n                  </je-button>\n                );\n              })}\n\n              {daysAfter.map(day => (\n                <je-button expand={true} disabled={true} color='secondary' fill='clear' class='day'>\n                  {format(day, 'd')}\n                </je-button>\n              ))}\n            </div>\n          </Fragment>\n        )}\n        {(this.type == 'time' || this.type == 'datetime') && (\n          <div class='timepicker'>\n            <span>Time</span>\n            <je-popover arrow={true} onPresent={this.scrollTimeIntoView}>\n              <je-pill slot='trigger'>\n                {this.value ? (\n                  this.includeSeconds ? format(this.value, 'hh:mm:ss a') : format(this.value, 'hh:mm a')\n                ) : '-'}\n              </je-pill>\n              <div class='timepicker-content'>\n                <div class='timepicker-column'>\n                  {Array.from({ length: 24 }).map((_, hour) => (\n                    <je-button\n                      size='sm'\n                      color={this.currentDate.getHours() === hour ? 'primary' : undefined}\n                      fill={this.currentDate.getHours() === hour ? 'solid' : 'clear'}\n                      onClick={() => this.setHour(hour)}\n                    >\n                      {format(new Date().setHours(hour), 'hh a')}\n                    </je-button>\n                  ))}\n                </div>\n                <div class='timepicker-column'>\n                  {Array.from({ length: 60 }).map((_, minute) => (\n                    <je-button\n                      size='sm'\n                      color={this.currentDate.getMinutes() === minute ? 'primary' : undefined}\n                      fill={this.currentDate.getMinutes() === minute ? 'solid' : 'clear'}\n                      onClick={() => this.setMinute(minute)}\n                    >\n                      {format(new Date().setMinutes(minute), 'mm')}\n                    </je-button>\n                  ))}\n                </div>\n                {this.includeSeconds && (\n                  <div class='timepicker-column'>\n                    {Array.from({ length: 60 }).map((_, second) => (\n                      <je-button\n                        size='sm'\n                        color={this.currentDate.getSeconds() === second ? 'primary' : undefined}\n                        fill={this.currentDate.getSeconds() === second ? 'solid' : 'clear'}\n                        onClick={() => this.setSecond(second)}\n                      >\n                        {format(new Date().setSeconds(second), 'ss')}\n                      </je-button>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </je-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"je-datepicker.js","mappings":"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","names":["JeDatepicker","__stencil_proxyCustomElement","HTMLElement","addMonths","subMonths","set","startOfMonth","endOfMonth","eachDayOfInterval","getDay","format","isSameDay","isToday"],"sources":["src/components/je-datepicker/je-datepicker.scss?tag=je-datepicker&encapsulation=shadow","src/components/je-datepicker/je-datepicker.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: flex;\n  padding: spacing-get(xs);\n  box-sizing: border-box;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: spacing-get(sm);\n}\n\nje-button.day {\n  --height: #{spacing-get(2xl)};\n  --padding-inline: 0px;\n\n  &::part(inner-button) {\n    width: spacing-get(2xl);\n    font-weight: 400;\n  }\n}\n\n.header {\n  width: 100%;\n  min-width: 200px;\n  max-width: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  span {\n    flex: 1;\n    text-align: center;\n  }\n}\n\n.weekdays-grid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: spacing-get(2xs);\n\n  div {\n    height: spacing-get(2xl);\n    width: spacing-get(2xl);\n    font-size: font-size(md);\n    font-weight: 400;\n    color: secondary(600);\n    text-align: center;\n    align-content: center;\n  }\n}\n\n.days-grid {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: spacing-get(2xs);\n}\n\n.timepicker {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  min-width: 200px;\n  max-width: 300px;\n}\n\n.timepicker-content {\n  display: flex;\n}\n\n.timepicker-column {\n  display: flex;\n  flex-direction: column;\n  gap: spacing-get(2xs);\n  height: 200px;\n  overflow: auto;\n  align-items: center;\n  padding: spacing-get(xs);\n  box-sizing: border-box;\n}\n","import { Component, Element, Event, EventEmitter, Fragment, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { startOfMonth, endOfMonth, eachDayOfInterval, addMonths, subMonths, isSameDay, isToday, format, getDay, set } from 'date-fns';\n\nconst daysOfWeek = ['S', 'M', 'T', 'W', 'T', 'F', 'S'] as const;\n\n@Component({\n  tag: 'je-datepicker',\n  styleUrl: 'je-datepicker.scss',\n  shadow: true,\n})\nexport class JeDatepicker {\n  @Element() el!: HTMLJeDatepickerElement;\n  @State() currentDate = new Date();\n  @Prop() type: 'date' | 'datetime' | 'time' = 'datetime';\n  @Prop() includeSeconds = false;\n  @Prop() min?: number;\n  @Prop() max?: number;\n  @Prop() isDateDisabled?: (date: Date) => boolean;\n  @Prop({ mutable: true }) value?: number;\n  @Event() valueChange: EventEmitter<number>;\n\n  componentWillLoad() {\n    if (this.value) {\n      this.currentDate = new Date(this.value);\n    }\n  }\n\n  @Watch('value')\n  valueChangeHandler() {\n    if (this.value) {\n      this.currentDate = new Date(this.value);\n    }\n  }\n\n  nextMonth = () => {\n    this.currentDate = addMonths(this.currentDate, 1);\n  }\n\n  prevMonth = () => {\n    this.currentDate = subMonths(this.currentDate, 1);\n  }\n\n  nextYear = () => {\n    this.currentDate = addMonths(this.currentDate, 12);\n  }\n\n  prevYear = () => {\n    this.currentDate = subMonths(this.currentDate, 12);\n  }\n\n  setValue = (opts: { day?: Date, hour?: number, minute?: number, second?: number }) => {\n    const newValue = set(this.value ?? new Date(), {\n      year: opts.day?.getFullYear(),\n      month: opts.day?.getMonth(),\n      date: opts.day?.getDate(),\n      hours: opts.hour,\n      minutes: opts.minute,\n      seconds: opts.second\n    })\n    this.value = newValue.getTime();\n    this.valueChange.emit(this.value);\n  }\n\n  scrollTimeIntoView = () => {\n    this.el.shadowRoot.querySelectorAll('.timepicker-column').forEach(column => {\n      column.querySelector('je-button[color=\"primary\"][fill=\"solid\"]')\n        ?.shadowRoot.querySelector('button')\n        ?.scrollIntoView({ block: 'center', behavior: 'instant' });\n    });\n  }\n\n  render() {\n    const firstDayOfMonth = startOfMonth(this.currentDate);\n    const lastDayOfMonth = endOfMonth(this.currentDate);\n    const daysInMonth = eachDayOfInterval({ start: firstDayOfMonth, end: lastDayOfMonth });\n\n    const prevMonth = subMonths(this.currentDate, 1);\n    const prevMonthEnd = endOfMonth(prevMonth);\n\n    const firstDayOfWeek = getDay(firstDayOfMonth);\n    const daysBefore = Array.from({ length: firstDayOfWeek }).map((_, i) =>\n      subMonths(this.currentDate, 1).setDate(prevMonthEnd.getDate() - (firstDayOfWeek - i - 1))\n    );\n\n    const lastDayOfWeek = getDay(lastDayOfMonth);\n    const daysAfter = Array.from({ length: 6 - lastDayOfWeek }).map((_, i) =>\n      addMonths(this.currentDate, 1).setDate(i + 1)\n    );\n\n    return (\n      <Host>\n        {(this.type == 'date' || this.type == 'datetime') && (\n          <Fragment>\n            <div class=\"header\">\n              <je-icon-button icon='keyboard_double_arrow_left' onClick={this.prevYear} />\n              <je-icon-button icon='keyboard_arrow_left' onClick={this.prevMonth} />\n              <span>{format(this.currentDate, 'MMMM yyyy')}</span>\n              <je-icon-button icon='keyboard_arrow_right' onClick={this.nextMonth} />\n              <je-icon-button icon='keyboard_double_arrow_right' onClick={this.nextYear} />\n            </div>\n\n            <div class=\"weekdays-grid\">\n              {daysOfWeek.map(day => <div>{day}</div>)}\n            </div>\n\n            <div class=\"days-grid\">\n              {daysBefore.map(day => (\n                <je-button expand={true} disabled={true} color='secondary' fill='clear' class='day'>\n                  {format(day, 'd')}\n                </je-button>\n              ))}\n\n              {daysInMonth.map(day => {\n                const selected = this.value && isSameDay(day, this.value);\n                const today = isToday(day);\n                const isDisabled = (this.isDateDisabled && this.isDateDisabled(day)) || (this.min && day < new Date(this.min)) || (this.max && day > new Date(this.max));\n                return (\n                  <je-button\n                    expand={true}\n                    disabled={isDisabled}\n                    color={selected || today ? 'primary' : isDisabled ? 'secondary' : undefined}\n                    fill={selected ? 'solid' : 'clear'}\n                    class='day'\n                    onClick={() => this.setValue({day})}\n                  >\n                    {format(day, 'd')}\n                  </je-button>\n                );\n              })}\n\n              {daysAfter.map(day => (\n                <je-button expand={true} disabled={true} color='secondary' fill='clear' class='day'>\n                  {format(day, 'd')}\n                </je-button>\n              ))}\n            </div>\n          </Fragment>\n        )}\n        {(this.type == 'time' || this.type == 'datetime') && (\n          <div class='timepicker'>\n            <span>Time</span>\n            <je-popover arrow={true} onPresent={this.scrollTimeIntoView}>\n              <je-pill role='button' {...{tabindex: 0}} slot='trigger'>\n                {this.value ? (\n                  this.includeSeconds ? format(this.value, 'hh:mm:ss a') : format(this.value, 'hh:mm a')\n                ) : '-'}\n              </je-pill>\n              <div class='timepicker-content'>\n                <div class='timepicker-column'>\n                  {Array.from({ length: 24 }).map((_, hour) => (\n                    <je-button\n                      size='sm'\n                      color={this.currentDate.getHours() === hour ? 'primary' : undefined}\n                      fill={this.currentDate.getHours() === hour ? 'solid' : 'clear'}\n                      onClick={() => this.setValue({hour})}\n                    >\n                      {format(new Date().setHours(hour), 'hh a')}\n                    </je-button>\n                  ))}\n                </div>\n                <div class='timepicker-column'>\n                  {Array.from({ length: 60 }).map((_, minute) => (\n                    <je-button\n                      size='sm'\n                      color={this.currentDate.getMinutes() === minute ? 'primary' : undefined}\n                      fill={this.currentDate.getMinutes() === minute ? 'solid' : 'clear'}\n                      onClick={() => this.setValue({minute})}\n                    >\n                      {format(new Date().setMinutes(minute), 'mm')}\n                    </je-button>\n                  ))}\n                </div>\n                {this.includeSeconds && (\n                  <div class='timepicker-column'>\n                    {Array.from({ length: 60 }).map((_, second) => (\n                      <je-button\n                        size='sm'\n                        color={this.currentDate.getSeconds() === second ? 'primary' : undefined}\n                        fill={this.currentDate.getSeconds() === second ? 'solid' : 'clear'}\n                        onClick={() => this.setValue({second})}\n                      >\n                        {format(new Date().setSeconds(second), 'ss')}\n                      </je-button>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </je-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/je-details.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CL0NicyQ.js';
-import { d as defineCustomElement$6 } from './p-DDWeNBqe.js';
+import { d as defineCustomElement$6 } from './p-D2R7Jtds.js';
 import { d as defineCustomElement$5 } from './p-ieY9b0db.js';
-import { d as defineCustomElement$4 } from './p-C07q1kKX.js';
+import { d as defineCustomElement$4 } from './p-DvT9jOjY.js';
 import { d as defineCustomElement$3 } from './p-BD1TXl5r.js';
 import { d as defineCustomElement$2 } from './p-BqMF0IP6.js';
 

package/components/je-icon-button.js

@@ -1,4 +1,4 @@
-import { J as JeIconButton$1, d as defineCustomElement$1 } from './p-C07q1kKX.js';
+import { J as JeIconButton$1, d as defineCustomElement$1 } from './p-DvT9jOjY.js';
 
 const JeIconButton = JeIconButton$1;
 const defineCustomElement = defineCustomElement$1;

package/components/je-pill.js

@@ -1,4 +1,4 @@
-import { J as JePill$1, d as defineCustomElement$1 } from './p-lBr1fFg4.js';
+import { J as JePill$1, d as defineCustomElement$1 } from './p-B4Ctd9hh.js';
 
 const JePill = JePill$1;
 const defineCustomElement = defineCustomElement$1;

package/components/je-textfield.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-CL0NicyQ.js';
 import { d as dateFnsExports } from './p-iWCgRMLC.js';
-import { d as defineCustomElement$9 } from './p-DDWeNBqe.js';
+import { d as defineCustomElement$9 } from './p-D2R7Jtds.js';
 import { d as defineCustomElement$8 } from './p-DRlL5Gjx.js';
 import { d as defineCustomElement$7 } from './p-ieY9b0db.js';
-import { d as defineCustomElement$6 } from './p-C07q1kKX.js';
+import { d as defineCustomElement$6 } from './p-DvT9jOjY.js';
 import { d as defineCustomElement$5 } from './p-BZbYovDp.js';
 import { d as defineCustomElement$4 } from './p-BD1TXl5r.js';
 import { d as defineCustomElement$3 } from './p-BqFdacNg.js';
@@ -24,7 +24,7 @@ const debounceEvent = (event, wait) => {
     };
 };
 
-const jeTextfieldCss = ":host{display:flex;flex-direction:column;gap:var(--je-spacing-3xs, 0.125rem)}:host(:focus) div[part=container]{border-color:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host(:state(--user-invalid)) div[part=container]{border-color:light-dark(color-mix(in srgb, var(--je-danger, #ae1818) 80%, white 20%), color-mix(in srgb, var(--je-danger, #ae1818) 60%, white 40%))}je-note{margin-left:var(--je-spacing-xs, 0.5rem)}div[part=container]{position:relative;box-sizing:border-box;display:flex;gap:var(--je-spacing-xs, 0.5rem);border-radius:var(--je-radius-md, 0.375rem);border:solid 1px light-dark(var(--je-secondary, #99becb), color-mix(in srgb, var(--je-secondary, #99becb) 80%, white 20%));align-items:center;background-color:light-dark(color-mix(in srgb, var(--je-primary, #4141e8) 5%, white 95%), color-mix(in srgb, var(--je-primary, #4141e8) 5%, black 95%));color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 20%, black 80%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%));padding-inline:var(--je-spacing-xs, 0.5rem)}div[part=container].sm{height:2.5rem}div[part=container].md{height:3rem}div[part=container].lg{height:3.5rem}div[part=container].disabled{opacity:0.6;cursor:not-allowed}input,textarea{background-color:inherit;color:inherit;font-family:inherit;flex:1;min-width:0;outline:0;border:0;margin:0;padding:0;font-size:var(--je-font-md, 1rem);font-weight:var(--je-font-light, 400);color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 10%, black 90%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%))}input::placeholder,textarea::placeholder{font-family:inherit;color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 50%, black 50%), color-mix(in srgb, var(--je-secondary, #99becb) 70%, black 30%));font-size:var(--je-font-md, 1rem);font-weight:var(--je-font-light, 400)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,textarea[type=password]::-ms-reveal,textarea[type=password]::-ms-clear{display:none !important}";
+const jeTextfieldCss = ":host{display:flex;flex-direction:column;gap:var(--je-spacing-3xs, 0.125rem)}:host(:focus) div[part=container]{border-color:light-dark(var(--je-primary, #4141e8), color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%))}:host(:state(--user-invalid)) div[part=container]{border-color:light-dark(color-mix(in srgb, var(--je-danger, #ae1818) 80%, white 20%), color-mix(in srgb, var(--je-danger, #ae1818) 60%, white 40%))}je-note{margin-left:var(--je-spacing-xs, 0.5rem)}div[part=container]{position:relative;box-sizing:border-box;display:flex;gap:var(--je-spacing-xs, 0.5rem);border-radius:var(--je-radius-md, 0.375rem);border:solid 1px light-dark(var(--je-secondary, #99becb), color-mix(in srgb, var(--je-secondary, #99becb) 80%, white 20%));align-items:center;background-color:light-dark(color-mix(in srgb, var(--je-primary, #4141e8) 5%, white 95%), color-mix(in srgb, var(--je-primary, #4141e8) 5%, black 95%));color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 20%, black 80%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%));padding-inline:var(--je-spacing-xs, 0.5rem)}div[part=container].sm{height:2.5rem}div[part=container].sm textarea{height:6rem}div[part=container].md{height:3rem}div[part=container].md textarea{height:8rem}div[part=container].lg{height:3.5rem}div[part=container].lg textarea{height:10rem}div[part=container].multiline{align-items:baseline;height:fit-content}div[part=container].disabled{opacity:0.6;cursor:not-allowed}input,textarea{background-color:inherit;color:inherit;font-family:inherit;box-shadow:none;flex:1;min-width:0;box-sizing:border-box;outline:0;border:0;margin:0;padding:0;font-size:var(--je-font-md, 1rem);font-weight:var(--je-font-light, 400);color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 10%, black 90%), color-mix(in srgb, var(--je-secondary, #99becb) 10%, white 90%))}input::placeholder,textarea::placeholder{font-family:inherit;color:light-dark(color-mix(in srgb, var(--je-secondary, #99becb) 50%, black 50%), color-mix(in srgb, var(--je-secondary, #99becb) 70%, black 30%));font-size:var(--je-font-md, 1rem);font-weight:var(--je-font-light, 400)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,textarea[type=password]::-ms-reveal,textarea[type=password]::-ms-clear{display:none !important}input.suppress::-webkit-calendar-picker-indicator,textarea.suppress::-webkit-calendar-picker-indicator{display:none}textarea{resize:none}";
 
 const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends H {
     constructor() {
@@ -76,6 +76,10 @@ const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends
          * Optional debounce of the didInput event
          */
         this.debounce = 0;
+        /**
+         * Whether to suppress the default behavior of the input event
+         */
+        this.suppressDefaultBehavior = false;
         /**
          * Whether the control is a multiline textarea
          */
@@ -122,6 +126,7 @@ const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends
             if (input) {
                 const transformer = this.getTransformer();
                 this.value = (transformer === null || transformer === void 0 ? void 0 : transformer.to) ? transformer.to(input.value) : input.value;
+                this.valueChange.emit(this.value);
             }
         };
         this.onFocus = () => {
@@ -130,6 +135,10 @@ const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends
             else
                 this.touched = true;
         };
+        this.suppress = (ev) => {
+            if (this.suppressDefaultBehavior)
+                ev.preventDefault();
+        };
     }
     /**
      * Shows an error icon in the end slot when true. If a string is passed in, it will render the icon as a tooltip.
@@ -212,10 +221,10 @@ const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends
     formResetCallback() {
         this.touched = false;
         this.value = this.originalValue;
+        this.valueChange.emit(this.value);
     }
     handleValueChange() {
         this.internals.setFormValue(this.value || null);
-        this.valueChange.emit(this.value);
     }
     async getInputElement() {
         return this.inputEl;
@@ -257,7 +266,7 @@ const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends
     }
     render() {
         const transformer = this.getTransformer();
-        return (h(Host, { key: 'e915a37a76122280cee8da35b550d02e9c9d683e' }, h("div", { key: 'c18271cadd20d74433b7c24be91665dafa7a66bd', part: "container", class: { [this.size]: true, disabled: this.disabled, multiline: this.multiline } }, h("slot", { key: '0caa8875e650a1a3ce8c49df57ffea4888d2f557', name: "start" }), h("slot", { key: 'a1828ab2bf143cf9c1c72bc22c23a06732b63077', name: 'label' }, this.label && h("je-label", { key: 'c864e7fac1744d2ecb94319725b03f96497b760f', part: 'label', required: this.required }, this.label)), this.multiline ? (h("textarea", { part: "textarea", tabindex: 0, ref: el => (this.inputEl = el), onInputCapture: this.formatInput, onInput: this.handleInput, onFocus: this.onFocus, autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete, autoCorrect: this.autoCorrect, autoFocus: this.autoFocus, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, placeholder: this.placeholder, readonly: this.readonly, required: this.required, spellcheck: this.spellcheck, wrap: this.wrap, value: (transformer === null || transformer === void 0 ? void 0 : transformer.from) ? transformer.from(this.value) : this.value })) : (h("input", { part: 'input', tabindex: 0, ref: el => (this.inputEl = el), onInputCapture: this.formatInput, onInput: this.handleInput, onFocus: this.onFocus, disabled: this.disabled, autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete, autoCorrect: this.autoCorrect, autoFocus: this.autoFocus, inputMode: this.inputMode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, pattern: this.pattern, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type == 'password' && this.showPassword ? 'text' : this.type, value: (transformer === null || transformer === void 0 ? void 0 : transformer.from) ? transformer.from(this.value) : this.value, placeholder: this.placeholder })), this.type === 'password' && (h("je-icon-button", { key: '49e207840f34d5f5209c6aaf5cbd9b89031cd996', size: "sm", icon: this.showPassword ? 'visibility_off' : 'visibility', onClick: () => (this.showPassword = !this.showPassword) })), h("slot", { key: '1b1120d947f0b2533bda4e9dcb0c8f62c4d65eb7', name: "end" }), this.pending && h("je-loading", { key: '49076313553802f11de04229fc0cd49ad081add0' }), this.success && h("je-color", { key: 'e375dcc72f93967d8ac1c7658ba6ac380e0721ad', color: "success" }, h("je-icon", { key: '0eca75698695c4c93e41d088724de99b06e3d3ee', fill: true, size: "sm" }, "check_circle")), this.error && typeof this.error === 'string' ? (h("je-tooltip", null, h("je-color", { color: "danger" }, h("je-icon", { fill: true, size: "sm" }, "error")), h("div", { slot: "content" }, this.error))) : this.error ? (h("je-color", { color: "danger" }, h("je-icon", { fill: true, size: "sm" }, "error"))) : null), h("slot", { key: '677a608f2f5017598ef8eb4bd14f1aedfb45073b', name: 'note' }, this.invalid && this.touched ? (h("je-note", { part: 'note', invalid: true }, this.internals.validationMessage)) : this.note ? (h("je-note", { part: 'note' }, this.note)) : null)));
+        return (h(Host, { key: 'a52d3a7bd3e5e0c4e6c859a72f48f893fb866bab' }, h("div", { key: 'c27748e651021af13d1ae02d13ff9c9cdca446f5', part: "container", class: { [this.size]: true, disabled: this.disabled, multiline: this.multiline } }, h("slot", { key: '6548366035abda07c31d9706bc1769e0bc5930d6', name: "start" }), h("slot", { key: '4d2d4f82ede98bb949dd6332fd41e51cce2910b8', name: 'label' }, this.label && h("je-label", { key: '7f73f66c833a4a998446d61bb3b169f8382da4c9', part: 'label', required: this.required }, this.label)), this.multiline ? (h("textarea", { part: "textarea", tabindex: 0, ref: el => (this.inputEl = el), onInputCapture: this.formatInput, onInput: this.handleInput, onFocus: this.onFocus, autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete, autoCorrect: this.autoCorrect, autoFocus: this.autoFocus, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, placeholder: this.placeholder, readonly: this.readonly, required: this.required, spellcheck: this.spellcheck, wrap: this.wrap, value: (transformer === null || transformer === void 0 ? void 0 : transformer.from) ? transformer.from(this.value) : this.value })) : (h("input", { part: 'input', tabindex: 0, ref: el => (this.inputEl = el), class: { suppress: this.suppressDefaultBehavior }, onInputCapture: this.formatInput, onInput: this.handleInput, onClick: this.suppress, onFocus: this.onFocus, disabled: this.disabled, autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete, autoCorrect: this.autoCorrect, autoFocus: this.autoFocus, inputMode: this.inputMode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, pattern: this.pattern, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type == 'password' && this.showPassword ? 'text' : this.type, value: (transformer === null || transformer === void 0 ? void 0 : transformer.from) ? transformer.from(this.value) : this.value, placeholder: this.placeholder })), this.type === 'password' && (h("je-icon-button", { key: '86ac59f2f95280f02dc8613b95f94e4058ec3eb6', size: "sm", icon: this.showPassword ? 'visibility_off' : 'visibility', onClick: () => (this.showPassword = !this.showPassword) })), h("slot", { key: 'dc85d54775294f0f4959bea0b2bde250ac5b3fe9', name: "end" }), this.pending && h("je-loading", { key: '35d31a52673fee756bb81005ba20d625e1af0384' }), this.success && h("je-color", { key: 'f7cb7c4b7ef2f80749035dc92253d966d7264cc0', color: "success" }, h("je-icon", { key: '5a96015088e709dfe9cbe4456483007b136c9c10', fill: true, size: "sm" }, "check_circle")), this.error && typeof this.error === 'string' ? (h("je-tooltip", null, h("je-color", { color: "danger" }, h("je-icon", { fill: true, size: "sm" }, "error")), h("div", { slot: "content" }, this.error))) : this.error ? (h("je-color", { color: "danger" }, h("je-icon", { fill: true, size: "sm" }, "error"))) : null), h("slot", { key: 'db5b8163b06878b5a9cdf9d8884ffe2a0badedf6', name: 'note' }, this.invalid && this.touched ? (h("je-note", { part: 'note', invalid: true }, this.internals.validationMessage)) : this.note ? (h("je-note", { part: 'note' }, this.note)) : null)));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -293,6 +302,7 @@ const JeTextfield$1 = /*@__PURE__*/ proxyCustomElement(class JeTextfield extends
         "format": [16],
         "validators": [16],
         "note": [1],
+        "suppressDefaultBehavior": [4, "suppress-default-behavior"],
         "transform": [1],
         "multiline": [4],
         "pending": [4],

package/components/je-textfield.js.map

@@ -1 +1 @@
-{"file":"je-textfield.js","mappings":"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","names":["JeTextfield","__stencil_proxyCustomElement","HTMLElement","parseISO","format"],"sources":["src/utils/functions/debounce-event.ts","src/components/je-textfield/je-textfield.scss?tag=je-textfield&encapsulation=shadow","src/components/je-textfield/je-textfield.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\";\n\nconst debounce = (func: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\nexport const debounceEvent = (event: EventEmitter, wait: number) => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n","@use '../../styles/styles' as *;\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: spacing-get(3xs);\n}\n\n:host(:focus) div[part=container] {\n  border-color: light-dark(primary(500), primary(200));\n}\n\n:host(:state(--user-invalid)) div[part=container] {\n  border-color: light-dark(danger(400), danger(300));\n}\n\nje-note {\n  margin-left: spacing-get(xs);\n}\n\ndiv[part=container] {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  gap: spacing-get(xs);\n  border-radius: radius-get(md);\n  border: solid 1px light-dark(secondary(), secondary(400));\n  align-items: center;\n  background-color: light-dark(primary(25), primary(975));\n  color: light-dark(secondary(900), secondary(50));\n  padding-inline: spacing-get(xs);\n  &.sm {\n    height: 2.5rem;\n  }\n  &.md {\n    height: 3rem;\n  }\n  &.lg {\n    height: 3.5rem;\n  }\n  &.disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n}\n\ninput,\ntextarea {\n  background-color: inherit;\n  color: inherit;\n  font-family: inherit;\n  flex: 1;\n  min-width: 0;\n  outline: 0;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  font-size: font-size(md);\n  font-weight: font-weight(light);\n  color: light-dark(secondary(950), secondary(50));\n\n  &::placeholder {\n    font-family: inherit;\n    color: light-dark(secondary(750), secondary(650));\n    font-size: font-size(md);\n    font-weight: font-weight(light);\n  }\n\n  &[type=password]::-ms-reveal,\n  &[type=password]::-ms-clear {\n    display: none !important;\n  }\n}\n","import { Component, Host, Prop, h, Element, State, Event, EventEmitter, AttachInternals, forceUpdate, Method, Listen, Watch } from '@stencil/core';\nimport { format, parseISO } from 'date-fns';\nimport { debounceEvent } from '../../utils/utils';\n\nexport type InputTransformer<T = any> = {\n  to?: (value: string) => T;\n  from?: (value: T) => string;\n}\n\nexport type FormatterFn = (newValue: string, oldValue?: string, ev?: InputEvent) => string | Promise<string>;\n\nexport type ValidationFn = (value: string) => string[] | Promise<string[]>;\n\n@Component({\n  tag: 'je-textfield',\n  styleUrl: 'je-textfield.scss',\n  shadow: {\n    delegatesFocus: true\n  },\n  formAssociated: true\n})\nexport class JeTextfield {\n  private inputEl!: HTMLInputElement | HTMLTextAreaElement;\n  private invalid = false;\n  //private containerEl!: HTMLElement;\n\n  @Element() hostEl!: HTMLJeTextfieldElement;\n  @AttachInternals() internals: ElementInternals;\n  @State() touched = false;\n  @State() showPassword = false;\n\n  /**\n   * The default value the control will reset to in a form.\n   * If not set, will default to the inital value of the \"value\" property.\n   */\n  @Prop({ mutable: true }) originalValue?: string;\n\n  /**\n   * Text above the control\n   */\n  @Prop() label?: string;\n\n  /**\n   * Renders input as disabled and prevents changes\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoCapitalize = 'off';\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoComplete = 'off';\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoCorrect: 'off' | 'on' = 'off';\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoFocus?: boolean;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() inputMode: string;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() min?: any;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() max?: any;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * Passed to native textarea\n   */\n  @Prop() wrap?: string;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Renders input as read only and prevents changes\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Marks as required in form and adds asterisk to the end of the label\n   */\n  @Prop() required = false;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() step?: string;\n\n  /**\n   * Container size\n   */\n  @Prop() size: 'md' | 'lg' | 'sm' = 'md';\n\n  /**\n   * Passed to native input\n   */\n  @Prop({ mutable: true }) type = 'text';\n\n  /**\n   * Current value of the input\n   */\n  @Prop({ mutable: true }) value: any;\n\n  /**\n   * Input placeholder text\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Optional debounce of the didInput event\n   */\n  @Prop() debounce = 0;\n\n  /**\n   * Formatters functions that are applied as the user types\n   */\n  @Prop() format?: FormatterFn;\n\n  /**\n   * Validator functions for form participation\n   */\n  @Prop() validators?: ValidationFn[];\n\n  /**\n   * Informational message directly below the control\n   */\n  @Prop() note?: string;\n\n  /**\n   * Transforms the value before it is passed to the input (from) and after the input emits a new value (to).\n   *\n   * There are built-in transformers for 'number', 'date', and 'datetime'.\n   */\n  @Prop() transform?: InputTransformer | 'number' | 'date' | 'datetime';\n\n  /**\n   * Whether the control is a multiline textarea\n   */\n  @Prop() multiline = false;\n\n  /**\n   * Shows a loading indicator in the end slot when true\n   */\n  @Prop() pending = false;\n\n  private internalErrorProp?: boolean | string;\n  /**\n   * Shows an error icon in the end slot when true. If a string is passed in, it will render the icon as a tooltip.\n   * Has no effect on form validation\n   */\n  @Prop() get error() {\n    return this.internalErrorProp;\n  }\n  set error(value: any) {\n    if (value === 'true' || value === '') {\n      this.internalErrorProp = true;\n    } else if (value === 'false') {\n      this.internalErrorProp = false;\n    } else {\n      this.internalErrorProp = value;\n    }\n  }\n\n  /**\n   * Shows a success icon in the end slot when true. Has no effect on form validation\n   */\n  @Prop() success = false;\n\n  /**\n   * Emits as the user types\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<any>;\n\n  componentWillLoad() {\n    if (!this.originalValue) this.originalValue = this.value;\n    if (this.debounce) this.valueChange = debounceEvent(this.valueChange, this.debounce);\n  }\n\n  componentDidLoad() {\n    this.internals.role = 'textbox';\n    if (this.value) this.internals.setFormValue(this.value);\n  }\n\n  async componentWillRender() {\n    const { hasError, minLengthError, maxLengthError, requiredError, patternError, customErrors } = await this.getErrors();\n    this.invalid = hasError;\n    if (hasError) {\n      const errorMessage = requiredError\n        ? 'This field is required'\n        : minLengthError\n        ? `This field must be at least ${this.minlength} characters long`\n        : maxLengthError\n        ? `This field must be less than ${this.maxlength} characters long`\n        : patternError\n        ? `Invalid pattern`\n        : customErrors[0];\n      this.internals.setValidity(\n        {\n          valueMissing: requiredError,\n          tooShort: minLengthError,\n          tooLong: maxLengthError,\n          patternMismatch: patternError,\n          customError: customErrors.length > 0,\n        },\n        errorMessage,\n      );\n      if (this.touched) {\n        this.internals.reportValidity();\n      }\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  componentDidRender() {\n    this.internals.ariaLabel = this.label || this.hostEl.querySelector('[slot=label]')?.textContent\n    this.internals.ariaDescription = this.note || this.hostEl.querySelector('[slot=note]')?.textContent\n    this.internals.ariaInvalid = this.internals.validity.valid ? 'true' : 'false'\n    this.internals.ariaRequired = this.required ? 'true' : 'false'\n    this.internals.ariaDisabled = this.disabled ? 'true' : 'false'\n    this.internals.ariaReadOnly = this.readonly ? 'true' : 'false'\n    this.internals.ariaMultiLine = this.multiline ? 'true' : 'false'\n    this.internals.ariaPlaceholder = this.placeholder || this.hostEl.querySelector('[slot=placeholder]')?.textContent\n    this.internals.ariaAutoComplete = this.autoComplete\n\n    this.internals.states.clear()\n    this.internals.states.add(this.invalid ? '--invalid' : '--valid');\n    if (this.touched) this.internals.states.add(this.invalid ? '--user-invalid' : '--user-valid')\n    this.internals.states.add(this.required ? '--required' : '--optional')\n    this.internals.states.add(this.disabled ? '--disabled' : '--enabled')\n    this.internals.states.add(this.readonly ? '--readonly' : '--readwrite')\n    this.internals.states.add(this.multiline ? '--multiline' : '--singleline')\n    this.internals.states.add(this.value ? '--filled' : '--empty')\n  }\n\n  formResetCallback() {\n    this.touched = false;\n    this.value = this.originalValue;\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.internals.setFormValue(this.value || null);\n    this.valueChange.emit(this.value);\n  }\n\n  @Method()\n  async getInputElement() {\n    return this.inputEl;\n  }\n\n  @Method()\n  async markAsTouched() {\n    this.touched = true;\n  }\n\n  @Method()\n  async getErrors() {\n    const requiredError = this.required && (this.value ?? '') === '';\n    const minLengthError = this.minlength && (this.value ?? '').length < this.minlength;\n    const maxLengthError = this.maxlength && (this.value ?? '').length > this.maxlength;\n    const patternError = this.pattern && !new RegExp(this.pattern).test(this.value ?? '');\n    let customErrors: string[] = [];\n    if (this.validators) {\n      for (const validator of this.validators) {\n        const res = await validator(this.value);\n        customErrors = [...customErrors, ...res];\n      }\n    }\n    return {\n      requiredError,\n      minLengthError,\n      maxLengthError,\n      patternError,\n      customErrors,\n      hasError: requiredError || minLengthError || maxLengthError || patternError || customErrors.length > 0,\n    };\n  }\n\n  @Method()\n  async isTouched() {\n    return this.touched;\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (this.multiline && ev.key === 'Enter' && ev.shiftKey)\n      ev.stopPropagation()\n  }\n\n  @Listen('invalid')\n  handleInvalid(ev: Event) {\n    ev.preventDefault();\n  }\n\n  private getTransformer = () => {\n    if (this.transform === 'number') {\n      return {\n        to: (value: string) => parseFloat(value),\n        from: (value: number) => value.toString(),\n      };\n    } else if (this.transform === 'date') {\n      return {\n        to: (value: string) => (value ? parseISO(value).getTime() : value),\n        from: (value: any) => (value ? format(value, 'yyyy-MM-dd') : value),\n      };\n    } else if (this.transform === 'datetime') {\n      return {\n        to: (value: string) => (value ? parseISO(value).getTime() : value),\n        from: (value: any) => (value ? format(value, \"yyyy-MM-dd'T'HH:mm:ss\") : value),\n      };\n    } else {\n      return this.transform;\n    }\n  };\n\n  private formatInput = async (ev: InputEvent) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input && this.format) {\n      input.value = await this.format(input.value, this.value, ev);\n    }\n  };\n\n  private handleInput = (ev: InputEvent) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      const transformer = this.getTransformer();\n      this.value = transformer?.to ? transformer.to(input.value) : input.value;\n    }\n  };\n\n  private onFocus = () => {\n    if (this.touched) forceUpdate(this.hostEl);\n    else this.touched = true;\n  }\n\n  render() {\n    const transformer = this.getTransformer();\n    return (\n      <Host>\n        <div part=\"container\" class={{ [this.size]: true, disabled: this.disabled, multiline: this.multiline }}>\n          <slot name=\"start\" />\n\n          <slot name='label'>\n            {this.label && <je-label part='label' required={this.required}>{this.label}</je-label>}\n          </slot>\n\n          {this.multiline ? (\n            <textarea\n              part=\"textarea\"\n              tabindex={0}\n              ref={el => (this.inputEl = el)}\n              onInputCapture={this.formatInput}\n              onInput={this.handleInput}\n              onFocus={this.onFocus}\n              autoCapitalize={this.autoCapitalize}\n              autoComplete={this.autoComplete}\n              autoCorrect={this.autoCorrect}\n              autoFocus={this.autoFocus}\n              disabled={this.disabled}\n              maxLength={this.maxlength}\n              minLength={this.minlength}\n              placeholder={this.placeholder}\n              readonly={this.readonly}\n              required={this.required}\n              spellcheck={this.spellcheck}\n              wrap={this.wrap}\n              value={transformer?.from ? transformer.from(this.value) : this.value}\n            />\n          ) : (\n            <input\n              part='input'\n              tabindex={0}\n              ref={el => (this.inputEl = el)}\n              onInputCapture={this.formatInput}\n              onInput={this.handleInput}\n              onFocus={this.onFocus}\n              disabled={this.disabled}\n              autoCapitalize={this.autoCapitalize}\n              autoComplete={this.autoComplete}\n              autoCorrect={this.autoCorrect}\n              autoFocus={this.autoFocus}\n              inputMode={this.inputMode}\n              min={this.min}\n              max={this.max}\n              minLength={this.minlength}\n              maxLength={this.maxlength}\n              pattern={this.pattern}\n              readOnly={this.readonly}\n              required={this.required}\n              spellcheck={this.spellcheck}\n              step={this.step}\n              type={this.type == 'password' && this.showPassword ? 'text' : this.type}\n              value={transformer?.from ? transformer.from(this.value) : this.value}\n              placeholder={this.placeholder}\n            />\n          )}\n\n          {this.type === 'password' && (\n            <je-icon-button size=\"sm\" icon={this.showPassword ? 'visibility_off' : 'visibility'} onClick={() => (this.showPassword = !this.showPassword)} />\n          )}\n\n          <slot name=\"end\" />\n\n          {this.pending && <je-loading/>}\n          {this.success && <je-color color=\"success\"><je-icon fill size=\"sm\">check_circle</je-icon></je-color>}\n          {this.error && typeof this.error === 'string' ? (\n            <je-tooltip>\n              <je-color color=\"danger\">\n                <je-icon fill size=\"sm\">error</je-icon>\n              </je-color>\n              <div slot=\"content\">{this.error}</div>\n            </je-tooltip>\n          ) : this.error ? (\n            <je-color color=\"danger\">\n              <je-icon fill size=\"sm\">error</je-icon>\n            </je-color>\n          ) : null}\n        </div>\n\n        <slot name='note'>\n          {this.invalid && this.touched ? (\n            <je-note part='note' invalid>{this.internals.validationMessage}</je-note>\n          ) : this.note ? (\n            <je-note part='note'>{this.note}</je-note>\n          ) : null}\n        </slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"je-textfield.js","mappings":"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","names":["JeTextfield","__stencil_proxyCustomElement","HTMLElement","parseISO","format"],"sources":["src/utils/functions/debounce-event.ts","src/components/je-textfield/je-textfield.scss?tag=je-textfield&encapsulation=shadow","src/components/je-textfield/je-textfield.tsx"],"sourcesContent":["import { EventEmitter } from \"@stencil/core\";\n\nconst debounce = (func: (...args: any[]) => void, wait = 0) => {\n  let timer: any;\n  return (...args: any[]): any => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\nexport const debounceEvent = (event: EventEmitter, wait: number) => {\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n","@use '../../styles/styles' as *;\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: spacing-get(3xs);\n}\n\n:host(:focus) div[part=container] {\n  border-color: light-dark(primary(500), primary(200));\n}\n\n:host(:state(--user-invalid)) div[part=container] {\n  border-color: light-dark(danger(400), danger(300));\n}\n\nje-note {\n  margin-left: spacing-get(xs);\n}\n\ndiv[part=container] {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  gap: spacing-get(xs);\n  border-radius: radius-get(md);\n  border: solid 1px light-dark(secondary(), secondary(400));\n  align-items: center;\n  background-color: light-dark(primary(25), primary(975));\n  color: light-dark(secondary(900), secondary(50));\n  padding-inline: spacing-get(xs);\n  &.sm {\n    height: 2.5rem;\n    textarea {\n      height: 6rem;\n    }\n  }\n  &.md {\n    height: 3rem;\n    textarea {\n      height: 8rem;\n    }\n  }\n  &.lg {\n    height: 3.5rem;\n    textarea {\n      height: 10rem;\n    }\n  }\n  &.multiline {\n    align-items: baseline;\n    height: fit-content;\n  }\n  &.disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n}\n\ninput,\ntextarea {\n  background-color: inherit;\n  color: inherit;\n  font-family: inherit;\n  box-shadow: none;\n  flex: 1;\n  min-width: 0;\n  box-sizing: border-box;\n  outline: 0;\n  border: 0;\n  margin: 0;\n  padding: 0;\n  font-size: font-size(md);\n  font-weight: font-weight(light);\n  color: light-dark(secondary(950), secondary(50));\n\n  &::placeholder {\n    font-family: inherit;\n    color: light-dark(secondary(750), secondary(650));\n    font-size: font-size(md);\n    font-weight: font-weight(light);\n  }\n\n  &[type=password]::-ms-reveal,\n  &[type=password]::-ms-clear {\n    display: none !important;\n  }\n\n  &.suppress::-webkit-calendar-picker-indicator {\n    display: none;\n  }\n}\n\ntextarea {\n  resize: none;\n}\n","import { Component, Host, Prop, h, Element, State, Event, EventEmitter, AttachInternals, forceUpdate, Method, Listen, Watch } from '@stencil/core';\nimport { format, parseISO } from 'date-fns';\nimport { debounceEvent } from '../../utils/utils';\n\nexport type InputTransformer<T = any> = {\n  to?: (value: string) => T;\n  from?: (value: T) => string;\n}\n\nexport type FormatterFn = (newValue: string, oldValue?: string, ev?: InputEvent) => string | Promise<string>;\n\nexport type ValidationFn = (value: string) => string[] | Promise<string[]>;\n\n@Component({\n  tag: 'je-textfield',\n  styleUrl: 'je-textfield.scss',\n  shadow: {\n    delegatesFocus: true\n  },\n  formAssociated: true\n})\nexport class JeTextfield {\n  private inputEl!: HTMLInputElement | HTMLTextAreaElement;\n  private invalid = false;\n  //private containerEl!: HTMLElement;\n\n  @Element() hostEl!: HTMLJeTextfieldElement;\n  @AttachInternals() internals: ElementInternals;\n  @State() touched = false;\n  @State() showPassword = false;\n\n  /**\n   * The default value the control will reset to in a form.\n   * If not set, will default to the inital value of the \"value\" property.\n   */\n  @Prop({ mutable: true }) originalValue?: string;\n\n  /**\n   * Text above the control\n   */\n  @Prop() label?: string;\n\n  /**\n   * Renders input as disabled and prevents changes\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoCapitalize = 'off';\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoComplete = 'off';\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoCorrect: 'off' | 'on' = 'off';\n\n  /**\n   * Passed to native input\n   */\n  @Prop() autoFocus?: boolean;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() inputMode: string;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() min?: any;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() max?: any;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() minlength?: number;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() maxlength?: number;\n\n  /**\n   * Passed to native textarea\n   */\n  @Prop() wrap?: string;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * Renders input as read only and prevents changes\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Marks as required in form and adds asterisk to the end of the label\n   */\n  @Prop() required = false;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() spellcheck = false;\n\n  /**\n   * Passed to native input\n   */\n  @Prop() step?: string;\n\n  /**\n   * Container size\n   */\n  @Prop() size: 'md' | 'lg' | 'sm' = 'md';\n\n  /**\n   * Passed to native input\n   */\n  @Prop({ mutable: true }) type = 'text';\n\n  /**\n   * Current value of the input\n   */\n  @Prop({ mutable: true }) value: any;\n\n  /**\n   * Input placeholder text\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Optional debounce of the didInput event\n   */\n  @Prop() debounce = 0;\n\n  /**\n   * Formatters functions that are applied as the user types\n   */\n  @Prop() format?: FormatterFn;\n\n  /**\n   * Validator functions for form participation\n   */\n  @Prop() validators?: ValidationFn[];\n\n  /**\n   * Informational message directly below the control\n   */\n  @Prop() note?: string;\n\n  /**\n   * Whether to suppress the default behavior of the input event\n   */\n  @Prop() suppressDefaultBehavior = false\n\n  /**\n   * Transforms the value before it is passed to the input (from) and after the input emits a new value (to).\n   *\n   * There are built-in transformers for 'number', 'date', and 'datetime'.\n   */\n  @Prop() transform?: InputTransformer | 'number' | 'date' | 'datetime';\n\n  /**\n   * Whether the control is a multiline textarea\n   */\n  @Prop() multiline = false;\n\n  /**\n   * Shows a loading indicator in the end slot when true\n   */\n  @Prop() pending = false;\n\n  private internalErrorProp?: boolean | string;\n  /**\n   * Shows an error icon in the end slot when true. If a string is passed in, it will render the icon as a tooltip.\n   * Has no effect on form validation\n   */\n  @Prop() get error() {\n    return this.internalErrorProp;\n  }\n  set error(value: any) {\n    if (value === 'true' || value === '') {\n      this.internalErrorProp = true;\n    } else if (value === 'false') {\n      this.internalErrorProp = false;\n    } else {\n      this.internalErrorProp = value;\n    }\n  }\n\n  /**\n   * Shows a success icon in the end slot when true. Has no effect on form validation\n   */\n  @Prop() success = false;\n\n  /**\n   * Emits as the user types\n   */\n  @Event({ bubbles: false }) valueChange: EventEmitter<any>;\n\n  componentWillLoad() {\n    if (!this.originalValue) this.originalValue = this.value;\n    if (this.debounce) this.valueChange = debounceEvent(this.valueChange, this.debounce);\n  }\n\n  componentDidLoad() {\n    this.internals.role = 'textbox';\n    if (this.value) this.internals.setFormValue(this.value);\n  }\n\n  async componentWillRender() {\n    const { hasError, minLengthError, maxLengthError, requiredError, patternError, customErrors } = await this.getErrors();\n    this.invalid = hasError;\n    if (hasError) {\n      const errorMessage = requiredError\n        ? 'This field is required'\n        : minLengthError\n        ? `This field must be at least ${this.minlength} characters long`\n        : maxLengthError\n        ? `This field must be less than ${this.maxlength} characters long`\n        : patternError\n        ? `Invalid pattern`\n        : customErrors[0];\n      this.internals.setValidity(\n        {\n          valueMissing: requiredError,\n          tooShort: minLengthError,\n          tooLong: maxLengthError,\n          patternMismatch: patternError,\n          customError: customErrors.length > 0,\n        },\n        errorMessage,\n      );\n      if (this.touched) {\n        this.internals.reportValidity();\n      }\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  componentDidRender() {\n    this.internals.ariaLabel = this.label || this.hostEl.querySelector('[slot=label]')?.textContent\n    this.internals.ariaDescription = this.note || this.hostEl.querySelector('[slot=note]')?.textContent\n    this.internals.ariaInvalid = this.internals.validity.valid ? 'true' : 'false'\n    this.internals.ariaRequired = this.required ? 'true' : 'false'\n    this.internals.ariaDisabled = this.disabled ? 'true' : 'false'\n    this.internals.ariaReadOnly = this.readonly ? 'true' : 'false'\n    this.internals.ariaMultiLine = this.multiline ? 'true' : 'false'\n    this.internals.ariaPlaceholder = this.placeholder || this.hostEl.querySelector('[slot=placeholder]')?.textContent\n    this.internals.ariaAutoComplete = this.autoComplete\n\n    this.internals.states.clear()\n    this.internals.states.add(this.invalid ? '--invalid' : '--valid');\n    if (this.touched) this.internals.states.add(this.invalid ? '--user-invalid' : '--user-valid')\n    this.internals.states.add(this.required ? '--required' : '--optional')\n    this.internals.states.add(this.disabled ? '--disabled' : '--enabled')\n    this.internals.states.add(this.readonly ? '--readonly' : '--readwrite')\n    this.internals.states.add(this.multiline ? '--multiline' : '--singleline')\n    this.internals.states.add(this.value ? '--filled' : '--empty')\n  }\n\n  formResetCallback() {\n    this.touched = false;\n    this.value = this.originalValue;\n    this.valueChange.emit(this.value);\n  }\n\n  @Watch('value')\n  handleValueChange() {\n    this.internals.setFormValue(this.value || null);\n  }\n\n  @Method()\n  async getInputElement() {\n    return this.inputEl;\n  }\n\n  @Method()\n  async markAsTouched() {\n    this.touched = true;\n  }\n\n  @Method()\n  async getErrors() {\n    const requiredError = this.required && (this.value ?? '') === '';\n    const minLengthError = this.minlength && (this.value ?? '').length < this.minlength;\n    const maxLengthError = this.maxlength && (this.value ?? '').length > this.maxlength;\n    const patternError = this.pattern && !new RegExp(this.pattern).test(this.value ?? '');\n    let customErrors: string[] = [];\n    if (this.validators) {\n      for (const validator of this.validators) {\n        const res = await validator(this.value);\n        customErrors = [...customErrors, ...res];\n      }\n    }\n    return {\n      requiredError,\n      minLengthError,\n      maxLengthError,\n      patternError,\n      customErrors,\n      hasError: requiredError || minLengthError || maxLengthError || patternError || customErrors.length > 0,\n    };\n  }\n\n  @Method()\n  async isTouched() {\n    return this.touched;\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (this.multiline && ev.key === 'Enter' && ev.shiftKey)\n      ev.stopPropagation()\n  }\n\n  @Listen('invalid')\n  handleInvalid(ev: Event) {\n    ev.preventDefault();\n  }\n\n  private getTransformer = () => {\n    if (this.transform === 'number') {\n      return {\n        to: (value: string) => parseFloat(value),\n        from: (value: number) => value.toString(),\n      };\n    } else if (this.transform === 'date') {\n      return {\n        to: (value: string) => (value ? parseISO(value).getTime() : value),\n        from: (value: any) => (value ? format(value, 'yyyy-MM-dd') : value),\n      };\n    } else if (this.transform === 'datetime') {\n      return {\n        to: (value: string) => (value ? parseISO(value).getTime() : value),\n        from: (value: any) => (value ? format(value, \"yyyy-MM-dd'T'HH:mm:ss\") : value),\n      };\n    } else {\n      return this.transform;\n    }\n  };\n\n  private formatInput = async (ev: InputEvent) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input && this.format) {\n      input.value = await this.format(input.value, this.value, ev);\n    }\n  };\n\n  private handleInput = (ev: InputEvent) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      const transformer = this.getTransformer();\n      this.value = transformer?.to ? transformer.to(input.value) : input.value;\n      this.valueChange.emit(this.value);\n    }\n  };\n\n  private onFocus = () => {\n    if (this.touched) forceUpdate(this.hostEl);\n    else this.touched = true;\n  }\n\n  private suppress = (ev: Event) => {\n    if (this.suppressDefaultBehavior)\n      ev.preventDefault();\n  }\n\n  render() {\n    const transformer = this.getTransformer();\n    return (\n      <Host>\n        <div part=\"container\" class={{ [this.size]: true, disabled: this.disabled, multiline: this.multiline }}>\n          <slot name=\"start\" />\n\n          <slot name='label'>\n            {this.label && <je-label part='label' required={this.required}>{this.label}</je-label>}\n          </slot>\n\n          {this.multiline ? (\n            <textarea\n              part=\"textarea\"\n              tabindex={0}\n              ref={el => (this.inputEl = el)}\n              onInputCapture={this.formatInput}\n              onInput={this.handleInput}\n              onFocus={this.onFocus}\n              autoCapitalize={this.autoCapitalize}\n              autoComplete={this.autoComplete}\n              autoCorrect={this.autoCorrect}\n              autoFocus={this.autoFocus}\n              disabled={this.disabled}\n              maxLength={this.maxlength}\n              minLength={this.minlength}\n              placeholder={this.placeholder}\n              readonly={this.readonly}\n              required={this.required}\n              spellcheck={this.spellcheck}\n              wrap={this.wrap}\n              value={transformer?.from ? transformer.from(this.value) : this.value}\n            />\n          ) : (\n            <input\n              part='input'\n              tabindex={0}\n              ref={el => (this.inputEl = el)}\n              class={{suppress: this.suppressDefaultBehavior}}\n              onInputCapture={this.formatInput}\n              onInput={this.handleInput}\n              onClick={this.suppress}\n              onFocus={this.onFocus}\n              disabled={this.disabled}\n              autoCapitalize={this.autoCapitalize}\n              autoComplete={this.autoComplete}\n              autoCorrect={this.autoCorrect}\n              autoFocus={this.autoFocus}\n              inputMode={this.inputMode}\n              min={this.min}\n              max={this.max}\n              minLength={this.minlength}\n              maxLength={this.maxlength}\n              pattern={this.pattern}\n              readOnly={this.readonly}\n              required={this.required}\n              spellcheck={this.spellcheck}\n              step={this.step}\n              type={this.type == 'password' && this.showPassword ? 'text' : this.type}\n              value={transformer?.from ? transformer.from(this.value) : this.value}\n              placeholder={this.placeholder}\n            />\n          )}\n\n          {this.type === 'password' && (\n            <je-icon-button size=\"sm\" icon={this.showPassword ? 'visibility_off' : 'visibility'} onClick={() => (this.showPassword = !this.showPassword)} />\n          )}\n\n          <slot name=\"end\" />\n\n          {this.pending && <je-loading/>}\n          {this.success && <je-color color=\"success\"><je-icon fill size=\"sm\">check_circle</je-icon></je-color>}\n          {this.error && typeof this.error === 'string' ? (\n            <je-tooltip>\n              <je-color color=\"danger\">\n                <je-icon fill size=\"sm\">error</je-icon>\n              </je-color>\n              <div slot=\"content\">{this.error}</div>\n            </je-tooltip>\n          ) : this.error ? (\n            <je-color color=\"danger\">\n              <je-icon fill size=\"sm\">error</je-icon>\n            </je-color>\n          ) : null}\n        </div>\n\n        <slot name='note'>\n          {this.invalid && this.touched ? (\n            <je-note part='note' invalid>{this.internals.validationMessage}</je-note>\n          ) : this.note ? (\n            <je-note part='note'>{this.note}</je-note>\n          ) : null}\n        </slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-B4Ctd9hh.js

@@ -0,0 +1,43 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-CL0NicyQ.js';
+
+const jePillCss = ":host{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--je-spacing-xs, 0.5rem);padding-inline:var(--je-spacing-xs, 0.5rem);border-radius:var(--je-radius-md, 0.375rem);height:1.5rem;min-width:2.5rem;-webkit-user-select:none;user-select:none;transition:all 125ms ease-in-out;color:var(--je-pill-color);background-color:var(--je-pill-background);--je-pill-color:var(--je-primary, #4141e8);--je-pill-background:color-mix(in srgb, var(--je-primary, #4141e8) 20%, white 80%);--je-pill-hover-background:color-mix(in srgb, var(--je-primary, #4141e8) 40%, white 60%)}:host([role=button]){cursor:pointer}:host([role=button][disabled]){opacity:0.6;cursor:not-allowed}@media (hover: hover){:host([role=button]:not([disabled]):hover){--je-pill-background:var(--je-pill-hover-background)}}:host([outline]){background-color:transparent;color:var(--je-pill-color);border:solid 1px var(--je-pill-background)}";
+
+const JePill = /*@__PURE__*/ proxyCustomElement(class JePill extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.outline = false;
+    }
+    onClick(ev) {
+        if (this.el.role == 'button' && (ev.key == ' ' || ev.key == 'Enter')) {
+            this.el.click();
+        }
+    }
+    render() {
+        return (h(Host, { key: '821cec5f9cdf0da827cc016dd303b7e7d453b142' }, h("slot", { key: 'e16c13a98cedb8434cb471adbbd6f2b1ddf74f2b' })));
+    }
+    get el() { return this; }
+    static get style() { return jePillCss; }
+}, [1, "je-pill", {
+        "outline": [516]
+    }, [[2, "keydown", "onClick"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["je-pill"];
+    components.forEach(tagName => { switch (tagName) {
+        case "je-pill":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JePill);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JePill as J, defineCustomElement as d };
+//# sourceMappingURL=p-B4Ctd9hh.js.map
+
+//# sourceMappingURL=p-B4Ctd9hh.js.map

package/components/p-B4Ctd9hh.js.map

@@ -0,0 +1 @@
+{"file":"p-B4Ctd9hh.js","mappings":";;AAAA,MAAM,SAAS,GAAG,y6BAAy6B;;MCO96B,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;AALnB,IAAA,WAAA,GAAA;;;;AAO2B,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAgBzC;AAbC,IAAA,OAAO,CAAC,EAAiB,EAAA;QACvB,IAAI,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,QAAQ,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,OAAO,CAAC,EAAE;AACpE,YAAA,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;;;IAInB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/je-pill/je-pill.scss?tag=je-pill&encapsulation=shadow","src/components/je-pill/je-pill.tsx"],"sourcesContent":["@use '../../styles/styles' as *;\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  gap: spacing-get(xs);\n  padding-inline: spacing-get(xs);\n  border-radius: radius-get(md);\n  height: 1.5rem;\n  min-width: 2.5rem;\n  -webkit-user-select: none;\n  user-select: none;\n  transition: all 125ms ease-in-out;\n  color: var(--je-pill-color);\n  background-color: var(--je-pill-background);\n\n  --je-pill-color: #{primary()};\n  --je-pill-background: #{primary(100)};\n  --je-pill-hover-background: #{primary(200)};\n}\n\n:host([role=button]) {\n  cursor: pointer;\n}\n\n:host([role=button][disabled]) {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n:host([role=button]:not([disabled]):hover) {\n  @media (hover: hover) {\n    --je-pill-background: var(--je-pill-hover-background);\n  }\n}\n\n:host([outline]) {\n  background-color: transparent;\n  color: var(--je-pill-color);\n  border: solid 1px var(--je-pill-background);\n}\n","import { Component, Element, Host, Listen, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'je-pill',\n  styleUrl: 'je-pill.scss',\n  shadow: true,\n})\nexport class JePill {\n  @Element() el: HTMLJePillElement\n  @Prop({ reflect: true }) outline = false;\n\n  @Listen('keydown', { capture: true })\n  onClick(ev: KeyboardEvent) {\n    if (this.el.role == 'button' && (ev.key == ' ' || ev.key == 'Enter')) {\n      this.el.click()\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}