@mmlogic/components 0.3.6 → 0.3.8

package/dist/mosterdcomponents/index-I5SuYv7a.js

@@ -1,4 +0,0 @@
-import './client-layout-D88nn5zf.js';
-//# sourceMappingURL=index-I5SuYv7a.js.map
-
-//# sourceMappingURL=index-I5SuYv7a.js.map

package/dist/mosterdcomponents/mrd-boolean-field.entry.js

@@ -1,37 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-B_tPFIvS.js';
-
-const mrdBooleanFieldScss = () => `.sc-mrd-boolean-field-h{display:block}.mrd-boolean-field.sc-mrd-boolean-field{display:flex;align-items:center;width:100%}.mrd-boolean-field__toggle-label.sc-mrd-boolean-field{display:flex;align-items:center;gap:var(--mrd-space-3);cursor:pointer;user-select:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field{background-color:var(--mrd-color-primary)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:checked+.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{transform:translateX(20px)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:focus+.mrd-boolean-field__toggle.sc-mrd-boolean-field{box-shadow:var(--mrd-shadow-focus)}.mrd-boolean-field__checkbox.sc-mrd-boolean-field:disabled+.mrd-boolean-field__toggle.sc-mrd-boolean-field{opacity:0.5;cursor:not-allowed}.mrd-boolean-field__toggle.sc-mrd-boolean-field{position:relative;display:inline-block;width:44px;height:24px;background-color:var(--mrd-color-neutral-300);border-radius:var(--mrd-border-radius-full);transition:background-color var(--mrd-transition);flex-shrink:0}.mrd-boolean-field__toggle.sc-mrd-boolean-field::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--mrd-color-white);border-radius:50%;transition:transform var(--mrd-transition);box-shadow:var(--mrd-shadow-sm)}.mrd-boolean-field__text.sc-mrd-boolean-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800)}.mrd-boolean-field__text--required.sc-mrd-boolean-field::after{content:' *';color:var(--mrd-color-danger)}`;
-
-const MrdBooleanField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mrdChange = createEvent(this, "mrdChange", 7);
-        this.mrdBlur = createEvent(this, "mrdBlur", 7);
-        this.name = '';
-        this.label = '';
-        this.value = false;
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.checked = false;
-        this.handleChange = (e) => {
-            this.checked = e.target.checked;
-            this.mrdChange.emit({ name: this.name, value: this.checked });
-        };
-        this.handleBlur = () => {
-            this.mrdBlur.emit({ name: this.name, value: this.checked });
-        };
-    }
-    componentWillLoad() {
-        this.checked = !!this.value;
-    }
-    render() {
-        return (h(Host, { key: 'aed1d936d686870114a12aad9fc4cccb76ecd31e' }, h("div", { key: '5cc8aaa0f12d4195d02fce8a810d7d993e2e8c99', class: "mrd-boolean-field" }, h("label", { key: '41c3b3e0f01778fc2654ba86e3fe4e5a07c8537a', class: "mrd-boolean-field__toggle-label" }, h("input", { key: 'c261e6903e050d2f3d8df8abb90c74d99ed20161', class: "mrd-boolean-field__checkbox", type: "checkbox", name: this.name, checked: this.checked, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), h("span", { key: '079ee220fe692536af15a7fb4286626102ae940e', class: "mrd-boolean-field__toggle", "aria-hidden": "true" }), this.label && (h("span", { key: '1f4f52a41f0bd6ba4c61cf9d4db74ab2f1aa8877', class: `mrd-boolean-field__text${this.required ? ' mrd-boolean-field__text--required' : ''}` }, this.label))))));
-    }
-};
-MrdBooleanField.style = mrdBooleanFieldScss();
-
-export { MrdBooleanField as mrd_boolean_field };
-//# sourceMappingURL=mrd-boolean-field.entry.esm.js.map
-
-//# sourceMappingURL=mrd-boolean-field.entry.js.map

package/dist/mosterdcomponents/mrd-boolean-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"mrd-boolean-field.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,yrDAAyrD,CAAC;;MCOhtD,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAMU,QAAA,IAAA,CAAA,IAAI,GAAW,EAAE;AACjB,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAClB,QAAA,IAAA,CAAA,KAAK,GAAY,KAAK;AACtB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,MAAM,GAAW,SAAS,CAAC,QAAQ;AAElC,QAAA,IAAA,CAAA,OAAO,GAAY,KAAK;AASzB,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAAQ,KAAI;YAClC,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO;AACrD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;AAC/D,SAAC;AAEO,QAAA,IAAA,CAAA,UAAU,GAAG,MAAK;AACxB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;AAC7D,SAAC;AA2BF;IAtCC,iBAAiB,GAAA;QACf,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;;IAY7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAC5B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,iCAAiC,EAAA,EAC5C,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACvB,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,EAAA,aAAA,EAAa,MAAM,EAAA,CAAQ,EACjE,IAAI,CAAC,KAAK,KACT,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,CAAA,uBAAA,EAA0B,IAAI,CAAC,QAAQ,GAAG,oCAAoC,GAAG,EAAE,CAAA,CAAE,EAAA,EAC/F,IAAI,CAAC,KAAK,CACN,CACR,CACK,CACJ,CACD;;;;;;;","names":[],"sources":["src/components/mrd-boolean-field/mrd-boolean-field.scss?tag=mrd-boolean-field&encapsulation=scoped","src/components/mrd-boolean-field/mrd-boolean-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.mrd-boolean-field {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.mrd-boolean-field__toggle-label {\n  display: flex;\n  align-items: center;\n  gap: var(--mrd-space-3);\n  cursor: pointer;\n  user-select: none;\n}\n\n.mrd-boolean-field__checkbox {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  pointer-events: none;\n}\n\n.mrd-boolean-field__checkbox:checked + .mrd-boolean-field__toggle {\n  background-color: var(--mrd-color-primary);\n}\n\n.mrd-boolean-field__checkbox:checked + .mrd-boolean-field__toggle::after {\n  transform: translateX(20px);\n}\n\n.mrd-boolean-field__checkbox:focus + .mrd-boolean-field__toggle {\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-boolean-field__checkbox:disabled + .mrd-boolean-field__toggle {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mrd-boolean-field__toggle {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  background-color: var(--mrd-color-neutral-300);\n  border-radius: var(--mrd-border-radius-full);\n  transition: background-color var(--mrd-transition);\n  flex-shrink: 0;\n}\n\n.mrd-boolean-field__toggle::after {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 20px;\n  height: 20px;\n  background-color: var(--mrd-color-white);\n  border-radius: 50%;\n  transition: transform var(--mrd-transition);\n  box-shadow: var(--mrd-shadow-sm);\n}\n\n.mrd-boolean-field__text {\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-base);\n  color: var(--mrd-color-neutral-800);\n}\n\n.mrd-boolean-field__text--required::after {\n  content: ' *';\n  color: var(--mrd-color-danger);\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'mrd-boolean-field',\n  styleUrl: 'mrd-boolean-field.scss',\n  scoped: true,\n})\nexport class MrdBooleanField {\n  @Prop() name: string = '';\n  @Prop() label: string = '';\n  @Prop() value: boolean = false;\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() locale: string = navigator.language;\n\n  @State() checked: boolean = false;\n\n  @Event() mrdChange!: EventEmitter<{ name: string; value: boolean }>;\n  @Event() mrdBlur!: EventEmitter<{ name: string; value: boolean }>;\n\n  componentWillLoad() {\n    this.checked = !!this.value;\n  }\n\n  private handleChange = (e: Event) => {\n    this.checked = (e.target as HTMLInputElement).checked;\n    this.mrdChange.emit({ name: this.name, value: this.checked });\n  };\n\n  private handleBlur = () => {\n    this.mrdBlur.emit({ name: this.name, value: this.checked });\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"mrd-boolean-field\">\n          <label class=\"mrd-boolean-field__toggle-label\">\n            <input\n              class=\"mrd-boolean-field__checkbox\"\n              type=\"checkbox\"\n              name={this.name}\n              checked={this.checked}\n              disabled={this.disabled}\n              onChange={this.handleChange}\n              onBlur={this.handleBlur}\n            />\n            <span class=\"mrd-boolean-field__toggle\" aria-hidden=\"true\"></span>\n            {this.label && (\n              <span class={`mrd-boolean-field__text${this.required ? ' mrd-boolean-field__text--required' : ''}`}>\n                {this.label}\n              </span>\n            )}\n          </label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/mosterdcomponents/mrd-currency-field.entry.js

@@ -1,67 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-B_tPFIvS.js';
-import { t } from './i18n-hoGGKbKU.js';
-import { v as validateRequired } from './validation-ixb43cqU.js';
-import { p as parseLocalizedNumber } from './format-BAfsQfy1.js';
-import './index-I5SuYv7a.js';
-import './client-layout-D88nn5zf.js';
-
-const mrdCurrencyFieldScss = () => `.sc-mrd-currency-field-h{display:block}.mrd-currency-field.sc-mrd-currency-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-currency-field__label.sc-mrd-currency-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-currency-field__label--required.sc-mrd-currency-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-currency-field__row.sc-mrd-currency-field{display:flex;gap:var(--mrd-space-2);align-items:stretch}.mrd-currency-field__amount.sc-mrd-currency-field{flex:1;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;text-align:right;box-sizing:border-box}.mrd-currency-field__amount.sc-mrd-currency-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-currency-field__amount.sc-mrd-currency-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-currency-field__amount--error.sc-mrd-currency-field{border-color:var(--mrd-border-color-error)}.mrd-currency-field__amount--error.sc-mrd-currency-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-currency-field__currency.sc-mrd-currency-field{width:90px;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-input-color);background-color:var(--mrd-color-neutral-50);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;cursor:pointer;box-sizing:border-box;appearance:none;text-align:center}.mrd-currency-field__currency.sc-mrd-currency-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-currency-field__currency.sc-mrd-currency-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-currency-field__error.sc-mrd-currency-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
-
-const COMMON_CURRENCIES = [
-    'EUR', 'USD', 'GBP', 'CHF', 'JPY', 'CNY', 'AUD', 'CAD',
-    'SEK', 'NOK', 'DKK', 'NZD', 'SGD', 'HKD', 'PLN', 'CZK',
-    'HUF', 'MXN', 'BRL', 'INR', 'TRY', 'ZAR', 'AED', 'SAR',
-];
-const MrdCurrencyField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mrdChange = createEvent(this, "mrdChange", 7);
-        this.mrdBlur = createEvent(this, "mrdBlur", 7);
-        this.name = '';
-        this.label = '';
-        this.value = { amount: null, currency: 'EUR' };
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.amountDisplay = '';
-        this.currency = 'EUR';
-        this.error = '';
-        this.handleAmountInput = (e) => {
-            this.amountDisplay = e.target.value;
-        };
-        this.handleAmountBlur = (e) => {
-            const raw = e.target.value;
-            const parsed = parseLocalizedNumber(raw, this.locale);
-            if (this.required && !validateRequired(raw)) {
-                this.error = t('required', this.locale);
-            }
-            else {
-                this.error = '';
-            }
-            const val = { amount: parsed, currency: this.currency };
-            this.mrdChange.emit({ name: this.name, value: val });
-            this.mrdBlur.emit({ name: this.name, value: val });
-        };
-        this.handleCurrencyChange = (e) => {
-            this.currency = e.target.value;
-            const parsed = parseLocalizedNumber(this.amountDisplay, this.locale);
-            this.mrdChange.emit({ name: this.name, value: { amount: parsed, currency: this.currency } });
-        };
-    }
-    componentWillLoad() {
-        if (this.value) {
-            this.currency = this.value.currency || 'EUR';
-            this.amountDisplay = this.value.amount !== null ? String(this.value.amount) : '';
-        }
-    }
-    render() {
-        const hasError = !!this.error;
-        return (h(Host, { key: 'd3450e9c26b1a755d3e6a5a3561d93b2ac566a28' }, h("div", { key: 'b66942cc1953daff728504deef8a9cc1330ef549', class: "mrd-currency-field" }, this.label && (h("label", { key: '3d3f2f06e9ffea944552f0f7cf3150d0246c54f0', class: `mrd-currency-field__label${this.required ? ' mrd-currency-field__label--required' : ''}` }, this.label)), h("div", { key: 'd30a2adfceefdbefef2d4fe6633a163a753b15d0', class: "mrd-currency-field__row" }, h("input", { key: '9af09b19b6cbe24498d6ca8edf7b28f675afdec5', class: `mrd-currency-field__amount${hasError ? ' mrd-currency-field__amount--error' : ''}`, type: "text", inputMode: "decimal", name: `${this.name}_amount`, value: this.amountDisplay, placeholder: "0.00", required: this.required, disabled: this.disabled, onInput: this.handleAmountInput, onBlur: this.handleAmountBlur }), h("select", { key: '21e55b04b7bf16586b5cfaa82d77db45c6dedf21', class: "mrd-currency-field__currency", disabled: this.disabled, onChange: this.handleCurrencyChange }, COMMON_CURRENCIES.map(c => (h("option", { key: c, value: c, selected: c === this.currency }, c))))), hasError && h("span", { key: '7a0006d4230557cf9c58f82f21de73b5d12f7e17', class: "mrd-currency-field__error" }, this.error))));
-    }
-};
-MrdCurrencyField.style = mrdCurrencyFieldScss();
-
-export { MrdCurrencyField as mrd_currency_field };
-//# sourceMappingURL=mrd-currency-field.entry.esm.js.map
-
-//# sourceMappingURL=mrd-currency-field.entry.js.map

package/dist/mosterdcomponents/mrd-currency-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"mrd-currency-field.entry.js","mappings":"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","names":[],"sources":["src/components/mrd-currency-field/mrd-currency-field.scss?tag=mrd-currency-field&encapsulation=scoped","src/components/mrd-currency-field/mrd-currency-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.mrd-currency-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mrd-space-1);\n  width: 100%;\n}\n\n.mrd-currency-field__label {\n  display: block;\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-label-font-size);\n  font-weight: var(--mrd-label-font-weight);\n  color: var(--mrd-label-color);\n}\n\n.mrd-currency-field__label--required::after {\n  content: ' *';\n  color: var(--mrd-color-danger);\n}\n\n.mrd-currency-field__row {\n  display: flex;\n  gap: var(--mrd-space-2);\n  align-items: stretch;\n}\n\n.mrd-currency-field__amount {\n  flex: 1;\n  height: var(--mrd-input-height);\n  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-base);\n  color: var(--mrd-input-color);\n  background-color: var(--mrd-input-bg);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius);\n  transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);\n  outline: none;\n  appearance: none;\n  text-align: right;\n  box-sizing: border-box;\n}\n\n.mrd-currency-field__amount:focus {\n  border-color: var(--mrd-border-color-focus);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-currency-field__amount:disabled {\n  background-color: var(--mrd-input-bg-disabled);\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.mrd-currency-field__amount--error {\n  border-color: var(--mrd-border-color-error);\n}\n\n.mrd-currency-field__amount--error:focus {\n  box-shadow: var(--mrd-shadow-focus-error);\n}\n\n.mrd-currency-field__currency {\n  width: 90px;\n  height: var(--mrd-input-height);\n  padding: var(--mrd-input-padding-y) var(--mrd-space-2);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-sm);\n  font-weight: var(--mrd-font-weight-medium);\n  color: var(--mrd-input-color);\n  background-color: var(--mrd-color-neutral-50);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius);\n  outline: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  appearance: none;\n  text-align: center;\n}\n\n.mrd-currency-field__currency:focus {\n  border-color: var(--mrd-border-color-focus);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-currency-field__currency:disabled {\n  background-color: var(--mrd-input-bg-disabled);\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.mrd-currency-field__error {\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-error-font-size);\n  color: var(--mrd-error-color);\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { t } from '../../utils/i18n';\nimport { validateRequired } from '../../utils/validation';\nimport { parseLocalizedNumber } from '../../utils/format';\nimport { CurrencyValue } from '../../types';\n\nconst COMMON_CURRENCIES = [\n  'EUR', 'USD', 'GBP', 'CHF', 'JPY', 'CNY', 'AUD', 'CAD',\n  'SEK', 'NOK', 'DKK', 'NZD', 'SGD', 'HKD', 'PLN', 'CZK',\n  'HUF', 'MXN', 'BRL', 'INR', 'TRY', 'ZAR', 'AED', 'SAR',\n];\n\n@Component({\n  tag: 'mrd-currency-field',\n  styleUrl: 'mrd-currency-field.scss',\n  scoped: true,\n})\nexport class MrdCurrencyField {\n  @Prop() name: string = '';\n  @Prop() label: string = '';\n  @Prop() value: CurrencyValue = { amount: null, currency: 'EUR' };\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() locale: string = navigator.language;\n\n  @State() amountDisplay: string = '';\n  @State() currency: string = 'EUR';\n  @State() error: string = '';\n\n  @Event() mrdChange!: EventEmitter<{ name: string; value: CurrencyValue }>;\n  @Event() mrdBlur!: EventEmitter<{ name: string; value: CurrencyValue }>;\n\n  componentWillLoad() {\n    if (this.value) {\n      this.currency = this.value.currency || 'EUR';\n      this.amountDisplay = this.value.amount !== null ? String(this.value.amount) : '';\n    }\n  }\n\n  private handleAmountInput = (e: Event) => {\n    this.amountDisplay = (e.target as HTMLInputElement).value;\n  };\n\n  private handleAmountBlur = (e: Event) => {\n    const raw = (e.target as HTMLInputElement).value;\n    const parsed = parseLocalizedNumber(raw, this.locale);\n\n    if (this.required && !validateRequired(raw)) {\n      this.error = t('required', this.locale);\n    } else {\n      this.error = '';\n    }\n\n    const val: CurrencyValue = { amount: parsed, currency: this.currency };\n    this.mrdChange.emit({ name: this.name, value: val });\n    this.mrdBlur.emit({ name: this.name, value: val });\n  };\n\n  private handleCurrencyChange = (e: Event) => {\n    this.currency = (e.target as HTMLSelectElement).value;\n    const parsed = parseLocalizedNumber(this.amountDisplay, this.locale);\n    this.mrdChange.emit({ name: this.name, value: { amount: parsed, currency: this.currency } });\n  };\n\n  render() {\n    const hasError = !!this.error;\n    return (\n      <Host>\n        <div class=\"mrd-currency-field\">\n          {this.label && (\n            <label class={`mrd-currency-field__label${this.required ? ' mrd-currency-field__label--required' : ''}`}>\n              {this.label}\n            </label>\n          )}\n          <div class=\"mrd-currency-field__row\">\n            <input\n              class={`mrd-currency-field__amount${hasError ? ' mrd-currency-field__amount--error' : ''}`}\n              type=\"text\"\n              inputMode=\"decimal\"\n              name={`${this.name}_amount`}\n              value={this.amountDisplay}\n              placeholder=\"0.00\"\n              required={this.required}\n              disabled={this.disabled}\n              onInput={this.handleAmountInput}\n              onBlur={this.handleAmountBlur}\n            />\n            <select\n              class=\"mrd-currency-field__currency\"\n              disabled={this.disabled}\n              onChange={this.handleCurrencyChange}\n            >\n              {COMMON_CURRENCIES.map(c => (\n                <option key={c} value={c} selected={c === this.currency}>\n                  {c}\n                </option>\n              ))}\n            </select>\n          </div>\n          {hasError && <span class=\"mrd-currency-field__error\">{this.error}</span>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/mosterdcomponents/mrd-date-field.entry.js

@@ -1,46 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-B_tPFIvS.js';
-import { t } from './i18n-hoGGKbKU.js';
-import { v as validateRequired } from './validation-ixb43cqU.js';
-import './index-I5SuYv7a.js';
-import './client-layout-D88nn5zf.js';
-
-const mrdDateFieldScss = () => `.sc-mrd-date-field-h{display:block}.mrd-date-field.sc-mrd-date-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-date-field__label.sc-mrd-date-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-date-field__label--required.sc-mrd-date-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-date-field__input.sc-mrd-date-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box;cursor:pointer}.mrd-date-field__input.sc-mrd-date-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-date-field__input.sc-mrd-date-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-date-field__input--error.sc-mrd-date-field{border-color:var(--mrd-border-color-error)}.mrd-date-field__input--error.sc-mrd-date-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-date-field__error.sc-mrd-date-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
-
-const MrdDateField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mrdChange = createEvent(this, "mrdChange", 7);
-        this.mrdBlur = createEvent(this, "mrdBlur", 7);
-        this.name = '';
-        this.label = '';
-        this.value = '';
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.error = '';
-        this.handleChange = (e) => {
-            const val = e.target.value;
-            if (this.required && !validateRequired(val)) {
-                this.error = t('required', this.locale);
-            }
-            else {
-                this.error = '';
-            }
-            this.mrdChange.emit({ name: this.name, value: val });
-        };
-        this.handleBlur = (e) => {
-            const val = e.target.value;
-            this.mrdBlur.emit({ name: this.name, value: val });
-        };
-    }
-    render() {
-        const hasError = !!this.error;
-        return (h(Host, { key: '84c777fc68a95e0b1ceb08d61e3af7afa199ce94' }, h("div", { key: '6653d94ab79c74342ce792792547018e4464a814', class: "mrd-date-field" }, this.label && (h("label", { key: '2fa7b7ec50c784f9410ca48b93d50e39dc6e0bee', class: `mrd-date-field__label${this.required ? ' mrd-date-field__label--required' : ''}` }, this.label)), h("input", { key: 'f79ebbaf0e28ad7668a5400d1df514b66457b72d', class: `mrd-date-field__input${hasError ? ' mrd-date-field__input--error' : ''}`, type: "date", name: this.name, value: this.value, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: 'e52f0b720d76e8ba0586fb40395b6875860762db', class: "mrd-date-field__error" }, this.error))));
-    }
-};
-MrdDateField.style = mrdDateFieldScss();
-
-export { MrdDateField as mrd_date_field };
-//# sourceMappingURL=mrd-date-field.entry.esm.js.map
-
-//# sourceMappingURL=mrd-date-field.entry.js.map

package/dist/mosterdcomponents/mrd-date-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"mrd-date-field.entry.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,shDAAshD,CAAC;;MCS1iD,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAMU,QAAA,IAAA,CAAA,IAAI,GAAW,EAAE;AACjB,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAClB,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAClB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,MAAM,GAAW,SAAS,CAAC,QAAQ;AAElC,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAKnB,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAAQ,KAAI;AAClC,YAAA,MAAM,GAAG,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;YAChD,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE;gBAC3C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC;;iBAClC;AACL,gBAAA,IAAI,CAAC,KAAK,GAAG,EAAE;;AAEjB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACtD,SAAC;AAEO,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,CAAQ,KAAI;AAChC,YAAA,MAAM,GAAG,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;AAChD,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACpD,SAAC;AA2BF;IAzBC,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;AAC7B,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,KACT,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,CAAA,qBAAA,EAAwB,IAAI,CAAC,QAAQ,GAAG,kCAAkC,GAAG,EAAE,CAAA,CAAE,EAAA,EAC5F,IAAI,CAAC,KAAK,CACL,CACT,EACD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAA,qBAAA,EAAwB,QAAQ,GAAG,+BAA+B,GAAG,EAAE,CAAA,CAAE,EAChF,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACvB,EACD,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,uBAAuB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAChE,CACD;;;;;;;","names":[],"sources":["src/components/mrd-date-field/mrd-date-field.scss?tag=mrd-date-field&encapsulation=scoped","src/components/mrd-date-field/mrd-date-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.mrd-date-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mrd-space-1);\n  width: 100%;\n}\n\n.mrd-date-field__label {\n  display: block;\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-label-font-size);\n  font-weight: var(--mrd-label-font-weight);\n  color: var(--mrd-label-color);\n}\n\n.mrd-date-field__label--required::after {\n  content: ' *';\n  color: var(--mrd-color-danger);\n}\n\n.mrd-date-field__input {\n  display: block;\n  width: 100%;\n  height: var(--mrd-input-height);\n  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-base);\n  color: var(--mrd-input-color);\n  background-color: var(--mrd-input-bg);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius);\n  transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);\n  outline: none;\n  appearance: none;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n.mrd-date-field__input:focus {\n  border-color: var(--mrd-border-color-focus);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-date-field__input:disabled {\n  background-color: var(--mrd-input-bg-disabled);\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.mrd-date-field__input--error {\n  border-color: var(--mrd-border-color-error);\n}\n\n.mrd-date-field__input--error:focus {\n  box-shadow: var(--mrd-shadow-focus-error);\n}\n\n.mrd-date-field__error {\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-error-font-size);\n  color: var(--mrd-error-color);\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { t } from '../../utils/i18n';\nimport { validateRequired } from '../../utils/validation';\n\n@Component({\n  tag: 'mrd-date-field',\n  styleUrl: 'mrd-date-field.scss',\n  scoped: true,\n})\nexport class MrdDateField {\n  @Prop() name: string = '';\n  @Prop() label: string = '';\n  @Prop() value: string = '';\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() locale: string = navigator.language;\n\n  @State() error: string = '';\n\n  @Event() mrdChange!: EventEmitter<{ name: string; value: string }>;\n  @Event() mrdBlur!: EventEmitter<{ name: string; value: string }>;\n\n  private handleChange = (e: Event) => {\n    const val = (e.target as HTMLInputElement).value;\n    if (this.required && !validateRequired(val)) {\n      this.error = t('required', this.locale);\n    } else {\n      this.error = '';\n    }\n    this.mrdChange.emit({ name: this.name, value: val });\n  };\n\n  private handleBlur = (e: Event) => {\n    const val = (e.target as HTMLInputElement).value;\n    this.mrdBlur.emit({ name: this.name, value: val });\n  };\n\n  render() {\n    const hasError = !!this.error;\n    return (\n      <Host>\n        <div class=\"mrd-date-field\">\n          {this.label && (\n            <label class={`mrd-date-field__label${this.required ? ' mrd-date-field__label--required' : ''}`}>\n              {this.label}\n            </label>\n          )}\n          <input\n            class={`mrd-date-field__input${hasError ? ' mrd-date-field__input--error' : ''}`}\n            type=\"date\"\n            name={this.name}\n            value={this.value}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleChange}\n            onBlur={this.handleBlur}\n          />\n          {hasError && <span class=\"mrd-date-field__error\">{this.error}</span>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/mosterdcomponents/mrd-datetime-field.entry.js

@@ -1,78 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-B_tPFIvS.js';
-import { t } from './i18n-hoGGKbKU.js';
-import { v as validateRequired } from './validation-ixb43cqU.js';
-import './index-I5SuYv7a.js';
-import './client-layout-D88nn5zf.js';
-
-const mrdDatetimeFieldScss = () => `.sc-mrd-datetime-field-h{display:block}.mrd-datetime-field.sc-mrd-datetime-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-datetime-field__label.sc-mrd-datetime-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-datetime-field__label--required.sc-mrd-datetime-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-datetime-field__input.sc-mrd-datetime-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box;cursor:pointer}.mrd-datetime-field__input.sc-mrd-datetime-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-datetime-field__input.sc-mrd-datetime-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-datetime-field__input--error.sc-mrd-datetime-field{border-color:var(--mrd-border-color-error)}.mrd-datetime-field__input--error.sc-mrd-datetime-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-datetime-field__error.sc-mrd-datetime-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
-
-const MrdDatetimeField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mrdChange = createEvent(this, "mrdChange", 7);
-        this.mrdBlur = createEvent(this, "mrdBlur", 7);
-        this.name = '';
-        this.label = '';
-        this.value = '';
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.error = '';
-        this.localValue = '';
-        this.handleChange = (e) => {
-            const localVal = e.target.value;
-            this.localValue = localVal;
-            if (this.required && !validateRequired(localVal)) {
-                this.error = t('required', this.locale);
-            }
-            else {
-                this.error = '';
-            }
-            this.mrdChange.emit({ name: this.name, value: this.localToUtc(localVal) });
-        };
-        this.handleBlur = (e) => {
-            const localVal = e.target.value;
-            this.mrdBlur.emit({ name: this.name, value: this.localToUtc(localVal) });
-        };
-    }
-    componentWillLoad() {
-        this.localValue = this.utcToLocal(this.value);
-    }
-    valueChanged(newVal) {
-        this.localValue = this.utcToLocal(newVal);
-    }
-    // UTC ISO string → "YYYY-MM-DDTHH:mm" in local timezone (for datetime-local input)
-    utcToLocal(utcStr) {
-        if (!utcStr)
-            return '';
-        const d = new Date(utcStr);
-        if (isNaN(d.getTime()))
-            return '';
-        const pad = (n) => String(n).padStart(2, '0');
-        return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
-    }
-    // "YYYY-MM-DDTHH:mm" local time → UTC ISO string (for API)
-    localToUtc(localStr) {
-        if (!localStr)
-            return '';
-        const d = new Date(localStr);
-        if (isNaN(d.getTime()))
-            return '';
-        return d.toISOString().replace(/\.\d{3}Z$/, 'Z');
-    }
-    render() {
-        const hasError = !!this.error;
-        return (h(Host, { key: '6052b08238484bee345ae4bb9b3025c7f2474c35' }, h("div", { key: 'f9073be4496e35a7d40405ae4e6a27a5c1607626', class: "mrd-datetime-field" }, this.label && (h("label", { key: '5933c3b2dfcae9bfad378441210ada6b625657a2', class: `mrd-datetime-field__label${this.required ? ' mrd-datetime-field__label--required' : ''}` }, this.label)), h("input", { key: '7a947b104c38960d2326a4877e4ca52db9fd9d84', class: `mrd-datetime-field__input${hasError ? ' mrd-datetime-field__input--error' : ''}`, type: "datetime-local", name: this.name, value: this.localValue, required: this.required, disabled: this.disabled, onChange: this.handleChange, onBlur: this.handleBlur }), hasError && h("span", { key: 'cea3dba7e14e18a3a08394ef3027b661f1808969', class: "mrd-datetime-field__error" }, this.error))));
-    }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }]
-    }; }
-};
-MrdDatetimeField.style = mrdDatetimeFieldScss();
-
-export { MrdDatetimeField as mrd_datetime_field };
-//# sourceMappingURL=mrd-datetime-field.entry.esm.js.map
-
-//# sourceMappingURL=mrd-datetime-field.entry.js.map

package/dist/mosterdcomponents/mrd-datetime-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"mrd-datetime-field.entry.js","mappings":"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","names":[],"sources":["src/components/mrd-datetime-field/mrd-datetime-field.scss?tag=mrd-datetime-field&encapsulation=scoped","src/components/mrd-datetime-field/mrd-datetime-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.mrd-datetime-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mrd-space-1);\n  width: 100%;\n}\n\n.mrd-datetime-field__label {\n  display: block;\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-label-font-size);\n  font-weight: var(--mrd-label-font-weight);\n  color: var(--mrd-label-color);\n}\n\n.mrd-datetime-field__label--required::after {\n  content: ' *';\n  color: var(--mrd-color-danger);\n}\n\n.mrd-datetime-field__input {\n  display: block;\n  width: 100%;\n  height: var(--mrd-input-height);\n  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-base);\n  color: var(--mrd-input-color);\n  background-color: var(--mrd-input-bg);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius);\n  transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);\n  outline: none;\n  appearance: none;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n\n.mrd-datetime-field__input:focus {\n  border-color: var(--mrd-border-color-focus);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-datetime-field__input:disabled {\n  background-color: var(--mrd-input-bg-disabled);\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.mrd-datetime-field__input--error {\n  border-color: var(--mrd-border-color-error);\n}\n\n.mrd-datetime-field__input--error:focus {\n  box-shadow: var(--mrd-shadow-focus-error);\n}\n\n.mrd-datetime-field__error {\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-error-font-size);\n  color: var(--mrd-error-color);\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { t } from '../../utils/i18n';\nimport { validateRequired } from '../../utils/validation';\n\n@Component({\n  tag: 'mrd-datetime-field',\n  styleUrl: 'mrd-datetime-field.scss',\n  scoped: true,\n})\nexport class MrdDatetimeField {\n  @Prop() name: string = '';\n  @Prop() label: string = '';\n  @Prop() value: string = '';\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() locale: string = navigator.language;\n\n  @State() error: string = '';\n  @State() localValue: string = '';\n\n  @Event() mrdChange!: EventEmitter<{ name: string; value: string }>;\n  @Event() mrdBlur!: EventEmitter<{ name: string; value: string }>;\n\n  componentWillLoad() {\n    this.localValue = this.utcToLocal(this.value);\n  }\n\n  @Watch('value')\n  valueChanged(newVal: string) {\n    this.localValue = this.utcToLocal(newVal);\n  }\n\n  // UTC ISO string → \"YYYY-MM-DDTHH:mm\" in local timezone (for datetime-local input)\n  private utcToLocal(utcStr: string): string {\n    if (!utcStr) return '';\n    const d = new Date(utcStr);\n    if (isNaN(d.getTime())) return '';\n    const pad = (n: number) => String(n).padStart(2, '0');\n    return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;\n  }\n\n  // \"YYYY-MM-DDTHH:mm\" local time → UTC ISO string (for API)\n  private localToUtc(localStr: string): string {\n    if (!localStr) return '';\n    const d = new Date(localStr);\n    if (isNaN(d.getTime())) return '';\n    return d.toISOString().replace(/\\.\\d{3}Z$/, 'Z');\n  }\n\n  private handleChange = (e: Event) => {\n    const localVal = (e.target as HTMLInputElement).value;\n    this.localValue = localVal;\n    if (this.required && !validateRequired(localVal)) {\n      this.error = t('required', this.locale);\n    } else {\n      this.error = '';\n    }\n    this.mrdChange.emit({ name: this.name, value: this.localToUtc(localVal) });\n  };\n\n  private handleBlur = (e: Event) => {\n    const localVal = (e.target as HTMLInputElement).value;\n    this.mrdBlur.emit({ name: this.name, value: this.localToUtc(localVal) });\n  };\n\n  render() {\n    const hasError = !!this.error;\n    return (\n      <Host>\n        <div class=\"mrd-datetime-field\">\n          {this.label && (\n            <label class={`mrd-datetime-field__label${this.required ? ' mrd-datetime-field__label--required' : ''}`}>\n              {this.label}\n            </label>\n          )}\n          <input\n            class={`mrd-datetime-field__input${hasError ? ' mrd-datetime-field__input--error' : ''}`}\n            type=\"datetime-local\"\n            name={this.name}\n            value={this.localValue}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleChange}\n            onBlur={this.handleBlur}\n          />\n          {hasError && <span class=\"mrd-datetime-field__error\">{this.error}</span>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/mosterdcomponents/mrd-email-field.entry.js

@@ -1,50 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-B_tPFIvS.js';
-import { t } from './i18n-hoGGKbKU.js';
-import { v as validateRequired, a as validateEmail } from './validation-ixb43cqU.js';
-import './index-I5SuYv7a.js';
-import './client-layout-D88nn5zf.js';
-
-const mrdEmailFieldScss = () => `.sc-mrd-email-field-h{display:block}.mrd-email-field.sc-mrd-email-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-email-field__label.sc-mrd-email-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-email-field__label--required.sc-mrd-email-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-email-field__input.sc-mrd-email-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition);outline:none;appearance:none;box-sizing:border-box}.mrd-email-field__input.sc-mrd-email-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-email-field__input.sc-mrd-email-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-email-field__input.sc-mrd-email-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-email-field__input--error.sc-mrd-email-field{border-color:var(--mrd-border-color-error)}.mrd-email-field__input--error.sc-mrd-email-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-email-field__error.sc-mrd-email-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
-
-const MrdEmailField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mrdChange = createEvent(this, "mrdChange", 7);
-        this.mrdBlur = createEvent(this, "mrdBlur", 7);
-        this.name = '';
-        this.label = '';
-        this.value = '';
-        this.placeholder = '';
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.error = '';
-        this.handleInput = (e) => {
-            const val = e.target.value;
-            this.mrdChange.emit({ name: this.name, value: val });
-        };
-        this.handleBlur = (e) => {
-            const val = e.target.value;
-            if (this.required && !validateRequired(val)) {
-                this.error = t('required', this.locale);
-            }
-            else if (val && !validateEmail(val)) {
-                this.error = t('invalid_email', this.locale);
-            }
-            else {
-                this.error = '';
-            }
-            this.mrdBlur.emit({ name: this.name, value: val });
-        };
-    }
-    render() {
-        const hasError = !!this.error;
-        return (h(Host, { key: '851ec092957ab86e811b292eaabe29d04a600fe0' }, h("div", { key: '2d8969d60378f3161656369494549d682de8ec0e', class: "mrd-email-field" }, this.label && (h("label", { key: '7a35cc60d4804097e1a54f984c7da1829f6bbd11', class: `mrd-email-field__label${this.required ? ' mrd-email-field__label--required' : ''}` }, this.label)), h("input", { key: '1fc20e860aa021886f7ed522c3a0c8dd2cb1e093', class: `mrd-email-field__input${hasError ? ' mrd-email-field__input--error' : ''}`, type: "email", name: this.name, value: this.value, placeholder: this.placeholder || 'name@example.com', required: this.required, disabled: this.disabled, onInput: this.handleInput, onBlur: this.handleBlur }), hasError && h("span", { key: 'a44b3b41b7cd6b8c643cc64e6aadd884a2ba4961', class: "mrd-email-field__error" }, this.error))));
-    }
-};
-MrdEmailField.style = mrdEmailFieldScss();
-
-export { MrdEmailField as mrd_email_field };
-//# sourceMappingURL=mrd-email-field.entry.esm.js.map
-
-//# sourceMappingURL=mrd-email-field.entry.js.map

package/dist/mosterdcomponents/mrd-email-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"mrd-email-field.entry.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,2nDAA2nD,CAAC;;MCShpD,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAMU,QAAA,IAAA,CAAA,IAAI,GAAW,EAAE;AACjB,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAClB,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAClB,QAAA,IAAA,CAAA,WAAW,GAAW,EAAE;AACxB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK;AACzB,QAAA,IAAA,CAAA,MAAM,GAAW,SAAS,CAAC,QAAQ;AAElC,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE;AAKnB,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,CAAQ,KAAI;AACjC,YAAA,MAAM,GAAG,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;AAChD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACtD,SAAC;AAEO,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,CAAQ,KAAI;AAChC,YAAA,MAAM,GAAG,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;YAChD,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE;gBAC3C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC;;iBAClC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;gBACrC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC;;iBACvC;AACL,gBAAA,IAAI,CAAC,KAAK,GAAG,EAAE;;AAEjB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACpD,SAAC;AA4BF;IA1BC,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;AAC7B,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EACzB,IAAI,CAAC,KAAK,KACT,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,CAAA,sBAAA,EAAyB,IAAI,CAAC,QAAQ,GAAG,mCAAmC,GAAG,EAAE,CAAA,CAAE,EAAA,EAC9F,IAAI,CAAC,KAAK,CACL,CACT,EACD,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,yBAAyB,QAAQ,GAAG,gCAAgC,GAAG,EAAE,CAAA,CAAE,EAClF,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,kBAAkB,EACnD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACvB,EACD,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,wBAAwB,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CACjE,CACD;;;;;;;","names":[],"sources":["src/components/mrd-email-field/mrd-email-field.scss?tag=mrd-email-field&encapsulation=scoped","src/components/mrd-email-field/mrd-email-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.mrd-email-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mrd-space-1);\n  width: 100%;\n}\n\n.mrd-email-field__label {\n  display: block;\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-label-font-size);\n  font-weight: var(--mrd-label-font-weight);\n  color: var(--mrd-label-color);\n}\n\n.mrd-email-field__label--required::after {\n  content: ' *';\n  color: var(--mrd-color-danger);\n}\n\n.mrd-email-field__input {\n  display: block;\n  width: 100%;\n  height: var(--mrd-input-height);\n  padding: var(--mrd-input-padding-y) var(--mrd-input-padding-x);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-base);\n  color: var(--mrd-input-color);\n  background-color: var(--mrd-input-bg);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius);\n  transition: border-color var(--mrd-transition), box-shadow var(--mrd-transition);\n  outline: none;\n  appearance: none;\n  box-sizing: border-box;\n}\n\n.mrd-email-field__input::placeholder {\n  color: var(--mrd-input-placeholder-color);\n}\n\n.mrd-email-field__input:focus {\n  border-color: var(--mrd-border-color-focus);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-email-field__input:disabled {\n  background-color: var(--mrd-input-bg-disabled);\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.mrd-email-field__input--error {\n  border-color: var(--mrd-border-color-error);\n}\n\n.mrd-email-field__input--error:focus {\n  box-shadow: var(--mrd-shadow-focus-error);\n}\n\n.mrd-email-field__error {\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-error-font-size);\n  color: var(--mrd-error-color);\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport { t } from '../../utils/i18n';\nimport { validateRequired, validateEmail } from '../../utils/validation';\n\n@Component({\n  tag: 'mrd-email-field',\n  styleUrl: 'mrd-email-field.scss',\n  scoped: true,\n})\nexport class MrdEmailField {\n  @Prop() name: string = '';\n  @Prop() label: string = '';\n  @Prop() value: string = '';\n  @Prop() placeholder: string = '';\n  @Prop() required: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() locale: string = navigator.language;\n\n  @State() error: string = '';\n\n  @Event() mrdChange!: EventEmitter<{ name: string; value: string }>;\n  @Event() mrdBlur!: EventEmitter<{ name: string; value: string }>;\n\n  private handleInput = (e: Event) => {\n    const val = (e.target as HTMLInputElement).value;\n    this.mrdChange.emit({ name: this.name, value: val });\n  };\n\n  private handleBlur = (e: Event) => {\n    const val = (e.target as HTMLInputElement).value;\n    if (this.required && !validateRequired(val)) {\n      this.error = t('required', this.locale);\n    } else if (val && !validateEmail(val)) {\n      this.error = t('invalid_email', this.locale);\n    } else {\n      this.error = '';\n    }\n    this.mrdBlur.emit({ name: this.name, value: val });\n  };\n\n  render() {\n    const hasError = !!this.error;\n    return (\n      <Host>\n        <div class=\"mrd-email-field\">\n          {this.label && (\n            <label class={`mrd-email-field__label${this.required ? ' mrd-email-field__label--required' : ''}`}>\n              {this.label}\n            </label>\n          )}\n          <input\n            class={`mrd-email-field__input${hasError ? ' mrd-email-field__input--error' : ''}`}\n            type=\"email\"\n            name={this.name}\n            value={this.value}\n            placeholder={this.placeholder || 'name@example.com'}\n            required={this.required}\n            disabled={this.disabled}\n            onInput={this.handleInput}\n            onBlur={this.handleBlur}\n          />\n          {hasError && <span class=\"mrd-email-field__error\">{this.error}</span>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/mosterdcomponents/mrd-field.entry.js.map

@@ -1 +0,0 @@
-{"file":"mrd-field.entry.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,+9FAA+9F,CAAC;;MCc/+F,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;AASU,QAAA,IAAA,CAAA,MAAM,GAAW,SAAS,CAAC,QAAQ;AASlC,QAAA,IAAA,CAAA,cAAc,GAA4C,EAAE;AAC5D,QAAA,IAAA,CAAA,YAAY,GAAY,SAAS;AAmBlC,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAAgD,KAAI;;YAC1E,CAAC,CAAC,eAAe,EAAE;YACnB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,mCAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc;YAC1E,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;AAClC,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,oBAAA,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;AACnB,oBAAA,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE;AACjE,iBAAA,CAAC;;iBACG;gBACL,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;AAEjC,SAAC;AAEO,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,CAAgD,KAAI;;YACxE,CAAC,CAAC,eAAe,EAAE;YACnB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,mCAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc;YAC1E,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAChB,oBAAA,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;AACnB,oBAAA,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE;AACpE,iBAAA,CAAC;;iBACG;gBACL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;AAE/B,SAAC;AAEO,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAAqE,KAAI;YAC/F,CAAC,CAAC,eAAe,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/B,SAAC;AAEO,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,CAAqJ,KAAI;YACjL,CAAC,CAAC,eAAe,EAAE;YACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AACjC,SAAC;AAEO,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAA4C,KAAI;YACtE,CAAC,CAAC,eAAe,EAAE;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/B,SAAC;AAiSF;IA1VC,iBAAiB,GAAA;QACf,IAAI,CAAC,gBAAgB,EAAE;;IAIzB,YAAY,GAAA;QACV,IAAI,CAAC,gBAAgB,EAAE;;IAGjB,gBAAgB,GAAA;;QACtB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,mCAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc;AAC1E,QAAA,IAAI,CAAC,IAAI;YAAE;AACX,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAY;AAC7B,QAAA,IAAI,CAAC,YAAY,GAAG,CAAA,EAAA,GAAA,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAH,GAAG,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,GAAG;AACvC,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,KAAA,IAAA,IAAH,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAH,GAAG,CAAE,OAAO,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE;;IA6CnE,eAAe,GAAA;;QACrB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,mCAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc;QAC1E,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,SAAS,IAAK,IAAI,CAAC,KAAgB,EAAE;AACxG,YAAA,OAAQ,IAAI,CAAC,KAAa,CAAC,OAAO;;QAEpC,OAAO,IAAI,CAAC,KAAK;;IAGX,qBAAqB,GAAA;;QAC3B,QAAQ,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ;AACzB,YAAA,KAAK,6BAA6B,CAAC,IAAI,EAAM,OAAO,MAAM;AAC1D,YAAA,KAAK,6BAA6B,CAAC,QAAQ,EAAE,OAAO,gBAAgB;AACpE,YAAA,KAAK,6BAA6B,CAAC,IAAI,EAAM,OAAO,MAAM;YAC1D,KAAK,6BAA6B,CAAC,OAAO;YAC1C,KAAK,6BAA6B,CAAC,OAAO;AAC1C,YAAA,KAAK,6BAA6B,CAAC,UAAU,EAAE,OAAO,QAAQ;AAC9D,YAAA,KAAK,6BAA6B,CAAC,KAAK,EAAK,OAAO,OAAO;AAC3D,YAAA,SAA6C,OAAO,MAAM;;;AAItD,IAAA,iBAAiB,CAAC,OAAgD,EAAA;AACxE,QAAA,IAAI,CAAC,cAAc,GAAG,OAAO;AAC7B,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;AAClB,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAK;YACrB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE;AACxD,SAAA,CAAC;;IAGI,mBAAmB,GAAA;;QACzB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc,mCAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,cAAc;AAC1E,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;AACtB,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI;AACvB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB,EAAE;QAE9C,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,KAAwB,EAAE,GAAW,KAAI;YACvE,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC,GAAE,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,CAAC,KAAE,CAAC,KAAK,GAAG,GAAG,EAAA,CAAA,GAAK,CAAC,CAAC;AAC3F,YAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;AACjC,SAAC;AAED,QAAA,MAAM,WAAW,GAAG,CAAC,CAAS,KAAI;YAChC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;AAC3E,SAAC;QAED,MAAM,QAAQ,GAAG,MAAK;YACpB,IAAI,CAAC,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAC5E,SAAC;AAED,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA,EACnC,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,KAC7B,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iCAAiC,EAAA,EAAE,CAAC,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAQ,CAC1F,EACA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,MAChC,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAC,+BAA+B,EAAA,EACxD,CAAA,CAAA,OAAA,EAAA,EACE,KAAK,EAAC,iCAAiC,EACvC,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,EAAE,OAAO,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAA,CAC7E,EACF,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,+BAA+B,EAAA,EAAE,CAAC,CAAC,eAAe,EAAE,MAAM,CAAC,CAAQ,EAC/E,CAAA,CAAA,OAAA,EAAA,EACE,KAAK,EAAC,iCAAiC,EACvC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,EAAE,OAAO,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAA,CAC7E,EACF,CAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kCAAkC,EACxC,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,EAAA,YAAA,EACjB,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAA,EAE/B,CAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,iBAAa,MAAM,EAAA,EAC7D,CAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAgB,SAAS,EAAC,CAAC,EAAC,wfAAwf,EAAA,WAAA,EAAW,SAAS,EAAA,CAAE,CACtiB,CACC,CACL,CACP,CAAC,EACF,CAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,QAAQ,EAAA,QACxE,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CACZ,CACL;;AAIF,IAAA,eAAe,CAAC,YAAqB,EAAA;;AAC3C,QAAA,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;AAC7B,QAAA,MAAM,WAAW,GAAG;YAClB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,mCAAI,KAAK;YAChC,MAAM;YACN,WAAW,EAAE,IAAI,CAAC,YAAY;YAC9B,SAAS,EAAE,IAAI,CAAC,UAAU;SAC3B;AAED,QAAA,QAAQ,IAAI,CAAC,QAAQ;YACnB,KAAK,6BAA6B,CAAC,IAAI;AACrC,gBAAA,QACE,sCACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACrC,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;YAGN,KAAK,6BAA6B,CAAC,SAAS;AAC1C,gBAAA,QACE,0CACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACrC,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;YAGN,KAAK,6BAA6B,CAAC,OAAO;YAC1C,KAAK,6BAA6B,CAAC,OAAO;YAC1C,KAAK,6BAA6B,CAAC,UAAU;gBAC3C,QACE,CAAA,CAAA,kBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,gBAAgB,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,EAC5C,WAAW,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;YAGN,KAAK,6BAA6B,CAAC,QAAQ;AACzC,gBAAA,QACE,CAAA,CAAA,oBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAA4D,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,KAAK,EAAE,EAAA,CAAA,CAC9H;YAGN,KAAK,6BAA6B,CAAC,OAAO;AACxC,gBAAA,QACE,CAAA,CAAA,mBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAwB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,KAAK,EAAA,CAAA,CACzC;YAGN,KAAK,6BAA6B,CAAC,IAAI;AACrC,gBAAA,QACE,CAAA,CAAA,gBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACrC;YAGN,KAAK,6BAA6B,CAAC,QAAQ;AACzC,gBAAA,QACE,CAAA,CAAA,oBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACrC;YAGN,KAAK,6BAA6B,CAAC,IAAI;AACrC,gBAAA,QACE,CAAA,CAAA,gBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACrC;YAGN,KAAK,6BAA6B,CAAC,KAAK;AACtC,gBAAA,QACE,uCACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACrC,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;YAGN,KAAK,6BAA6B,CAAC,SAAS;AAC1C,gBAAA,QACE,2CACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAClC,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;YAGN,KAAK,6BAA6B,CAAC,IAAI;AACrC,gBAAA,QACE,CAAA,CAAA,gBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAkC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAChD,QAAQ,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,KAAK,EAChC,SAAS,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CAC/B;YAGN,KAAK,6BAA6B,CAAC,IAAI;AACrC,gBAAA,QACE,CAAA,CAAA,gBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACzB,OAAO,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,EAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,EAAA,CAAA,CAC9B;YAGN,KAAK,6BAA6B,CAAC,KAAK;AACtC,gBAAA,QACE,CAAA,CAAA,iBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,WAAW,EAAA,EACf,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,SAAS,EAChC,OAAO,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,EAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,EAAA,CAAA,CAC9B;YAGN,KAAK,6BAA6B,CAAC,QAAQ;AACzC,gBAAA,QACE,0CACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACrC,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;YAGN,KAAK,6BAA6B,CAAC,MAAM;AACvC,gBAAA,QACE,wCACM,WAAW,EAAA,EACf,KAAK,EAAE,CAAA,EAAA,GAAC,YAAuB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACrC,WAAW,EAAE,MAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EAAA,CAAA,CACnC;AAGN,YAAA;AACE,gBAAA,OAAO,IAAI;;;IAIjB,MAAM,GAAA;;QACJ,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;QAEpC,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAoB,CAAC,QAAQ,EAAE;YAC/C,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,oBAAA,EAAA,EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,KAAK,EAChC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,oBAAoB,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,oBAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACrD,WAAW,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,mCAAmC,CAAC,MAAM,EAC3E,YAAY,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI,EACvC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,QAAQ,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,KAAK,EAChC,cAAc,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,EACzC,KAAK,EAAE,KAAY,EACnB,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,aAAa,EAAE,IAAI,CAAC,cAAc,EAAA,CAClC,CACG;;QAIX,IAAI,IAAI,CAAC,IAAI,KAAK,oBAAoB,CAAC,KAAK,EAAE;AAC5C,YAAA,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,CAAQ;;AAGtB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE;AAC3C,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,EAClC,IAAI,CAAC,mBAAmB,EAAE,CACvB,CACD;;;;;;;;;;;;;","names":[],"sources":["src/components/mrd-field/mrd-field.scss?tag=mrd-field&encapsulation=scoped","src/components/mrd-field/mrd-field.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.mrd-field__inner {\n  display: block;\n  width: 100%;\n}\n\n.mrd-field__history-editor {\n  margin-top: var(--mrd-space-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--mrd-space-1);\n}\n\n.mrd-field__history-editor-label {\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-xs);\n  font-weight: var(--mrd-font-weight-medium);\n  color: var(--mrd-color-neutral-500);\n}\n\n.mrd-field__history-editor-row {\n  display: flex;\n  align-items: center;\n  gap: var(--mrd-space-2);\n}\n\n.mrd-field__history-editor-sep {\n  flex-shrink: 0;\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-xs);\n  color: var(--mrd-color-neutral-500);\n}\n\n.mrd-field__history-editor-value {\n  flex: 1 1 0;\n  min-width: 0;\n  height: var(--mrd-input-height);\n  padding: 0 var(--mrd-space-3);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-sm);\n  color: var(--mrd-color-neutral-800);\n  background-color: var(--mrd-color-white);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius-md);\n  outline: none;\n  transition: border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast);\n}\n\n.mrd-field__history-editor-value:focus {\n  border-color: var(--mrd-color-primary);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-field__history-editor-until {\n  flex: 0 0 10rem;\n  height: var(--mrd-input-height);\n  padding: 0 var(--mrd-space-3);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-sm);\n  color: var(--mrd-color-neutral-800);\n  background-color: var(--mrd-color-white);\n  border: var(--mrd-border-width) solid var(--mrd-border-color);\n  border-radius: var(--mrd-border-radius-md);\n  outline: none;\n  transition: border-color var(--mrd-transition-fast), box-shadow var(--mrd-transition-fast);\n}\n\n.mrd-field__history-editor-until:focus {\n  border-color: var(--mrd-color-primary);\n  box-shadow: var(--mrd-shadow-focus);\n}\n\n.mrd-field__history-editor-remove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: var(--mrd-border-radius-sm);\n  color: var(--mrd-color-neutral-400);\n  cursor: pointer;\n  transition: color var(--mrd-transition-fast), background-color var(--mrd-transition-fast);\n}\n\n.mrd-field__history-editor-remove:hover {\n  color: var(--mrd-color-danger);\n  background-color: var(--mrd-color-danger-light);\n}\n\n.mrd-field__history-editor-remove svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.mrd-field__history-editor-add {\n  align-self: flex-start;\n  padding: var(--mrd-space-1) var(--mrd-space-3);\n  font-family: var(--mrd-font-family);\n  font-size: var(--mrd-font-size-xs);\n  font-weight: var(--mrd-font-weight-medium);\n  color: var(--mrd-color-primary);\n  background: transparent;\n  border: var(--mrd-border-width) solid var(--mrd-color-primary);\n  border-radius: var(--mrd-border-radius-md);\n  cursor: pointer;\n  transition: background-color var(--mrd-transition-fast), color var(--mrd-transition-fast);\n}\n\n.mrd-field__history-editor-add:hover {\n  background-color: var(--mrd-color-primary-light);\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport {\n  ClientLayoutItem,\n  ClientLayoutItemType,\n  ClientLayoutItemFieldDataType,\n  ClientLayoutItemRelationDisplayType,\n} from '../../types';\nimport { t } from '../../utils/i18n';\n\n@Component({\n  tag: 'mrd-field',\n  styleUrl: 'mrd-field.scss',\n  scoped: true,\n})\nexport class MrdField {\n  @Element() el!: HTMLElement;\n\n  @Prop() item!: ClientLayoutItem;\n  @Prop() locale: string = navigator.language;\n  @Prop() value: unknown;\n\n  @Event() mrdChange!: EventEmitter<{ name: string; value: unknown }>;\n  @Event() mrdBlur!: EventEmitter<{ name: string; value: unknown }>;\n  @Event() mrdSearch!: EventEmitter<{ name: string; query: string; relatedClass: string }>;\n  @Event() mrdFetchAll!: EventEmitter<{ name: string; relatedClass: string; mostSignificantClass?: string; commonRelation?: string; filter?: string; filterValue?: string }>;\n  @Event() mrdUpload!: EventEmitter<{ name: string; file: File }>;\n\n  @State() historyEntries: Array<{ value: string; until: string }> = [];\n  @State() currentValue: unknown = undefined;\n\n  componentWillLoad() {\n    this.initHistoryState();\n  }\n\n  @Watch('value')\n  valueChanged() {\n    this.initHistoryState();\n  }\n\n  private initHistoryState() {\n    const hist = this.item?.historyEnabled ?? this.item?.field?.historyEnabled;\n    if (!hist) return;\n    const raw = this.value as any;\n    this.currentValue = raw?.current ?? raw;\n    this.historyEntries = Array.isArray(raw?.history) ? [...raw.history] : [];\n  }\n\n  private handleChange = (e: CustomEvent<{ name: string; value: unknown }>) => {\n    e.stopPropagation();\n    const hist = this.item?.historyEnabled ?? this.item?.field?.historyEnabled;\n    if (hist) {\n      this.currentValue = e.detail.value;\n      this.mrdChange.emit({\n        name: e.detail.name,\n        value: { current: e.detail.value, history: this.historyEntries },\n      });\n    } else {\n      this.mrdChange.emit(e.detail);\n    }\n  };\n\n  private handleBlur = (e: CustomEvent<{ name: string; value: unknown }>) => {\n    e.stopPropagation();\n    const hist = this.item?.historyEnabled ?? this.item?.field?.historyEnabled;\n    if (hist) {\n      this.mrdBlur.emit({\n        name: e.detail.name,\n        value: { current: this.currentValue, history: this.historyEntries },\n      });\n    } else {\n      this.mrdBlur.emit(e.detail);\n    }\n  };\n\n  private handleSearch = (e: CustomEvent<{ name: string; query: string; relatedClass: string }>) => {\n    e.stopPropagation();\n    this.mrdSearch.emit(e.detail);\n  };\n\n  private handleFetchAll = (e: CustomEvent<{ name: string; relatedClass: string; mostSignificantClass?: string; commonRelation?: string; filter?: string; filterValue?: string }>) => {\n    e.stopPropagation();\n    this.mrdFetchAll.emit(e.detail);\n  };\n\n  private handleUpload = (e: CustomEvent<{ name: string; file: File }>) => {\n    e.stopPropagation();\n    this.mrdUpload.emit(e.detail);\n  };\n\n  private getDisplayValue(): unknown {\n    const hist = this.item?.historyEnabled ?? this.item?.field?.historyEnabled;\n    if (hist && this.value !== null && typeof this.value === 'object' && 'current' in (this.value as object)) {\n      return (this.value as any).current;\n    }\n    return this.value;\n  }\n\n  private historyValueInputType(): string {\n    switch (this.item?.dataType) {\n      case ClientLayoutItemFieldDataType.DATE:     return 'date';\n      case ClientLayoutItemFieldDataType.DATETIME: return 'datetime-local';\n      case ClientLayoutItemFieldDataType.TIME:     return 'time';\n      case ClientLayoutItemFieldDataType.INTEGER:\n      case ClientLayoutItemFieldDataType.DECIMAL:\n      case ClientLayoutItemFieldDataType.PERCENTAGE: return 'number';\n      case ClientLayoutItemFieldDataType.EMAIL:    return 'email';\n      default:                                     return 'text';\n    }\n  }\n\n  private emitHistoryChange(entries: Array<{ value: string; until: string }>) {\n    this.historyEntries = entries;\n    this.mrdChange.emit({\n      name: this.item.name!,\n      value: { current: this.currentValue, history: entries },\n    });\n  }\n\n  private renderHistoryEditor(): any {\n    const hist = this.item?.historyEnabled ?? this.item?.field?.historyEnabled;\n    if (!hist) return null;\n    const { locale } = this;\n    const valueType = this.historyValueInputType();\n\n    const updateEntry = (i: number, field: 'value' | 'until', val: string) => {\n      const updated = this.historyEntries.map((e, idx) => idx === i ? { ...e, [field]: val } : e);\n      this.emitHistoryChange(updated);\n    };\n\n    const removeEntry = (i: number) => {\n      this.emitHistoryChange(this.historyEntries.filter((_, idx) => idx !== i));\n    };\n\n    const addEntry = () => {\n      this.emitHistoryChange([...this.historyEntries, { value: '', until: '' }]);\n    };\n\n    return (\n      <div class=\"mrd-field__history-editor\">\n        {this.historyEntries.length > 0 && (\n          <span class=\"mrd-field__history-editor-label\">{t('history_badge_tooltip', locale)}</span>\n        )}\n        {this.historyEntries.map((entry, i) => (\n          <div key={String(i)} class=\"mrd-field__history-editor-row\">\n            <input\n              class=\"mrd-field__history-editor-value\"\n              type={valueType}\n              value={entry.value}\n              onInput={(e) => updateEntry(i, 'value', (e.target as HTMLInputElement).value)}\n            />\n            <span class=\"mrd-field__history-editor-sep\">{t('history_until', locale)}</span>\n            <input\n              class=\"mrd-field__history-editor-until\"\n              type=\"date\"\n              value={entry.until}\n              onInput={(e) => updateEntry(i, 'until', (e.target as HTMLInputElement).value)}\n            />\n            <button\n              type=\"button\"\n              class=\"mrd-field__history-editor-remove\"\n              onClick={() => removeEntry(i)}\n              aria-label={t('remove', locale)}\n            >\n              <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" d=\"M8.75 1A2.75 2.75 0 006 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 10.23 1.482l.149-.022.841 10.518A2.75 2.75 0 007.596 19h4.807a2.75 2.75 0 002.742-2.53l.841-10.52.149.023a.75.75 0 00.23-1.482A41.03 41.03 0 0014 4.193V3.75A2.75 2.75 0 0011.25 1h-2.5zM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4zM8.58 7.72a.75.75 0 00-1.5.06l.3 7.5a.75.75 0 101.5-.06l-.3-7.5zm4.34.06a.75.75 0 10-1.5-.06l-.3 7.5a.75.75 0 101.5.06l.3-7.5z\" clip-rule=\"evenodd\"/>\n              </svg>\n            </button>\n          </div>\n        ))}\n        <button type=\"button\" class=\"mrd-field__history-editor-add\" onClick={addEntry}>\n          + {t('add', locale)}\n        </button>\n      </div>\n    );\n  }\n\n  private renderLeafField(displayValue: unknown): any {\n    const { item, locale } = this;\n    const commonProps = {\n      name: item.name,\n      label: item.label,\n      required: item.required,\n      disabled: item.disabled ?? false,\n      locale,\n      onMrdChange: this.handleChange,\n      onMrdBlur: this.handleBlur,\n    };\n\n    switch (item.dataType) {\n      case ClientLayoutItemFieldDataType.TEXT:\n        return (\n          <mrd-text-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.TEXTBLOCK:\n        return (\n          <mrd-textarea-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.INTEGER:\n      case ClientLayoutItemFieldDataType.DECIMAL:\n      case ClientLayoutItemFieldDataType.PERCENTAGE:\n        return (\n          <mrd-number-field\n            {...commonProps}\n            value={(displayValue as number) ?? null}\n            dataType={item.dataType}\n            decimalPrecision={item.decimalPrecision ?? 2}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.CURRENCY:\n        return (\n          <mrd-currency-field\n            {...commonProps}\n            value={(displayValue as { amount: number | null; currency: string }) ?? { amount: null, currency: item.currencyCode ?? 'EUR' }}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.BOOLEAN:\n        return (\n          <mrd-boolean-field\n            {...commonProps}\n            value={(displayValue as boolean) ?? false}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.DATE:\n        return (\n          <mrd-date-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.DATETIME:\n        return (\n          <mrd-datetime-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.TIME:\n        return (\n          <mrd-time-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.EMAIL:\n        return (\n          <mrd-email-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.HYPERLINK:\n        return (\n          <mrd-hyperlink-field\n            {...commonProps}\n            value={(displayValue as any) ?? ''}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.LIST:\n        return (\n          <mrd-list-field\n            {...commonProps}\n            value={(displayValue as string | string[]) ?? ''}\n            multiple={item.multiple ?? false}\n            listItems={item.listItems ?? []}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.FILE:\n        return (\n          <mrd-file-field\n            {...commonProps}\n            value={displayValue}\n            accept={item.accept ?? ''}\n            maxSize={item.maxSize ?? 0}\n            onMrdUpload={this.handleUpload}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.IMAGE:\n        return (\n          <mrd-image-field\n            {...commonProps}\n            value={displayValue}\n            accept={item.accept ?? 'image/*'}\n            maxSize={item.maxSize ?? 0}\n            onMrdUpload={this.handleUpload}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.LONGTEXT:\n        return (\n          <mrd-longtext-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      case ClientLayoutItemFieldDataType.SECRET:\n        return (\n          <mrd-secret-field\n            {...commonProps}\n            value={(displayValue as string) ?? ''}\n            placeholder={item.placeholder ?? ''}\n          />\n        );\n\n      default:\n        return null;\n    }\n  }\n\n  render() {\n    const { item, locale, value } = this;\n\n    if (item.type === ClientLayoutItemType.RELATION) {\n      return (\n        <Host>\n          <mrd-relation-field\n            name={item.name}\n            label={item.label}\n            required={item.required}\n            disabled={item.disabled ?? false}\n            locale={locale}\n            relatedClass={item.relatedClass}\n            mostSignificantClass={item.mostSignificantClass ?? ''}\n            displayType={item.displayType ?? ClientLayoutItemRelationDisplayType.SEARCH}\n            editBehavior={item.editBehavior ?? null}\n            commonRelation={item.commonRelation}\n            multiple={item.multiple ?? false}\n            dropdownValues={item.dropdownValues ?? []}\n            value={value as any}\n            onMrdChange={this.handleChange}\n            onMrdBlur={this.handleBlur}\n            onMrdSearch={this.handleSearch}\n            onMrdFetchAll={this.handleFetchAll}\n          />\n        </Host>\n      );\n    }\n\n    if (item.type !== ClientLayoutItemType.FIELD) {\n      return <Host></Host>;\n    }\n\n    const displayValue = this.getDisplayValue();\n    return (\n      <Host>\n        <div class=\"mrd-field__inner\">\n          {this.renderLeafField(displayValue)}\n          {this.renderHistoryEditor()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/mosterdcomponents/mrd-file-field.entry.js

@@ -1,108 +0,0 @@
-import { r as registerInstance, a as createEvent, h, d as Host } from './index-B_tPFIvS.js';
-import { t } from './i18n-hoGGKbKU.js';
-
-const mrdFileFieldScss = () => `.sc-mrd-file-field-h{display:block}.mrd-file-field.sc-mrd-file-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-file-field__label.sc-mrd-file-field{display:block;font-family:var(--mrd-font-family);font-size:var(--mrd-label-font-size);font-weight:var(--mrd-label-font-weight);color:var(--mrd-label-color)}.mrd-file-field__label--required.sc-mrd-file-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-file-field__zone.sc-mrd-file-field{display:flex;align-items:center;justify-content:center;padding:var(--mrd-space-6);border:2px dashed var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);background-color:var(--mrd-color-neutral-50);cursor:pointer;transition:border-color var(--mrd-transition), background-color var(--mrd-transition);min-height:100px;position:relative}.mrd-file-field__zone.sc-mrd-file-field:hover{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-file-field__zone--dragging.sc-mrd-file-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-file-field__zone--error.sc-mrd-file-field{border-color:var(--mrd-border-color-error)}.mrd-file-field__zone--disabled.sc-mrd-file-field{opacity:0.6;cursor:not-allowed}.mrd-file-field__zone--disabled.sc-mrd-file-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-file-field__input.sc-mrd-file-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;pointer-events:none}.mrd-file-field__prompt.sc-mrd-file-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-file-field__upload-icon.sc-mrd-file-field{width:32px;height:32px;color:var(--mrd-color-neutral-400)}.mrd-file-field__browse.sc-mrd-file-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-file-field__selected.sc-mrd-file-field{display:flex;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700)}.mrd-file-field__icon.sc-mrd-file-field{width:20px;height:20px;color:var(--mrd-color-primary);flex-shrink:0}.mrd-file-field__filename.sc-mrd-file-field{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.mrd-file-field__clear.sc-mrd-file-field{background:none;border:none;cursor:pointer;color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm);padding:var(--mrd-space-1);border-radius:var(--mrd-border-radius-sm);line-height:1}.mrd-file-field__clear.sc-mrd-file-field:hover{color:var(--mrd-color-danger);background-color:var(--mrd-color-danger-light)}.mrd-file-field__spinner.sc-mrd-file-field{display:inline-block;flex-shrink:0;width:18px;height:18px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-file-spin 0.6s linear infinite}@keyframes mrd-file-spin{to{transform:rotate(360deg)}}.mrd-file-field__error.sc-mrd-file-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}`;
-
-const MrdFileField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mrdChange = createEvent(this, "mrdChange", 7);
-        this.mrdBlur = createEvent(this, "mrdBlur", 7);
-        this.mrdUpload = createEvent(this, "mrdUpload", 7);
-        this.name = '';
-        this.label = '';
-        this.value = null;
-        this.required = false;
-        this.disabled = false;
-        this.locale = navigator.language;
-        this.accept = '';
-        this.maxSize = 0; // bytes, 0 = no limit
-        this.fileName = '';
-        this.isDragging = false;
-        this.uploading = false;
-        this.error = '';
-        this.handleInputChange = (e) => {
-            var _a;
-            const files = e.target.files;
-            this.handleFile((_a = files === null || files === void 0 ? void 0 : files[0]) !== null && _a !== void 0 ? _a : null);
-        };
-        this.handleDragOver = (e) => {
-            e.preventDefault();
-            this.isDragging = true;
-        };
-        this.handleDragLeave = () => {
-            this.isDragging = false;
-        };
-        this.handleDrop = (e) => {
-            var _a, _b, _c;
-            e.preventDefault();
-            this.isDragging = false;
-            const file = (_c = (_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : null;
-            this.handleFile(file);
-        };
-        this.handleZoneClick = () => {
-            var _a;
-            if (!this.disabled && !this.uploading) {
-                (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click();
-            }
-        };
-        this.handleClear = (e) => {
-            e.stopPropagation();
-            this.fileName = '';
-            this.error = '';
-            this.uploading = false;
-            if (this.fileInputRef)
-                this.fileInputRef.value = '';
-            this.mrdChange.emit({ name: this.name, value: null });
-        };
-    }
-    /** When the host provides a URI back via setFieldValue, the upload is done. */
-    valueChanged(newVal) {
-        if (typeof newVal === 'string' && newVal) {
-            this.uploading = false;
-        }
-        else if (!newVal) {
-            this.uploading = false;
-            this.fileName = '';
-        }
-    }
-    handleFile(file) {
-        if (!file) {
-            this.fileName = '';
-            this.uploading = false;
-            this.mrdChange.emit({ name: this.name, value: null });
-            return;
-        }
-        if (this.maxSize > 0 && file.size > this.maxSize) {
-            this.error = t('file_too_large', this.locale);
-            return;
-        }
-        this.error = '';
-        this.fileName = file.name;
-        this.uploading = true;
-        this.mrdChange.emit({ name: this.name, value: file });
-        this.mrdUpload.emit({ name: this.name, file });
-    }
-    render() {
-        const hasFile = this.uploading || (typeof this.value === 'string' && this.value) || this.fileName;
-        const hasError = !!this.error;
-        const zoneClass = [
-            'mrd-file-field__zone',
-            this.isDragging ? 'mrd-file-field__zone--dragging' : '',
-            hasError ? 'mrd-file-field__zone--error' : '',
-            this.disabled || this.uploading ? 'mrd-file-field__zone--disabled' : '',
-        ].filter(Boolean).join(' ');
-        return (h(Host, { key: '2090102df8169226c1e66f87cbc837296e4b55d4' }, h("div", { key: '7a37a09df1bfa2eaf28ed04c806ad5f7c0337bb0', class: "mrd-file-field" }, this.label && (h("label", { key: '8f1fcb8adbb66b792be902c7c548e50db99b6a53', class: `mrd-file-field__label${this.required ? ' mrd-file-field__label--required' : ''}` }, this.label)), h("div", { key: '66d992298f537b24d69ce3ead3dd229f6d124f3d', class: zoneClass, onClick: this.handleZoneClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("input", { key: '95ba6560e71ee08c6b2526802727b29a18cdc454', ref: el => (this.fileInputRef = el), class: "mrd-file-field__input", type: "file", name: this.name, accept: this.accept, disabled: this.disabled || this.uploading, required: this.required && !hasFile, onChange: this.handleInputChange }), hasFile ? (h("div", { class: "mrd-file-field__selected" }, this.uploading ? (h("span", { class: "mrd-file-field__spinner", "aria-label": t('loading', this.locale) })) : (h("svg", { class: "mrd-file-field__icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), h("polyline", { points: "14 2 14 8 20 8" }))), h("span", { class: "mrd-file-field__filename" }, this.fileName), !this.uploading && (h("button", { class: "mrd-file-field__clear", type: "button", onClick: this.handleClear, "aria-label": t('clear', this.locale) }, "\u2715")))) : (h("div", { class: "mrd-file-field__prompt" }, h("svg", { class: "mrd-file-field__upload-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, h("polyline", { points: "16 16 12 12 8 16" }), h("line", { x1: "12", y1: "12", x2: "12", y2: "21" }), h("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" })), h("span", null, t('drop_file_here', this.locale), ' ', h("span", { class: "mrd-file-field__browse" }, t('browse', this.locale)))))), hasError && h("span", { key: 'a6020e63bebb01e31a980a903f81badd486585aa', class: "mrd-file-field__error" }, this.error))));
-    }
-    static get watchers() { return {
-        "value": [{
-                "valueChanged": 0
-            }]
-    }; }
-};
-MrdFileField.style = mrdFileFieldScss();
-
-export { MrdFileField as mrd_file_field };
-//# sourceMappingURL=mrd-file-field.entry.esm.js.map
-
-//# sourceMappingURL=mrd-file-field.entry.js.map