npm - @mmlogic/components - Versions diffs - 0.1.20 → 0.1.22 - Mend

@mmlogic/components 0.1.20 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/mosterdcomponents/p-16dcbcdf.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as r,h as e,H as l,g as i}from"./p-_tsCCkAi.js";import{f as a,a as o,b as s,c as d,d as n,e as c,t as m}from"./p-CcRjWvcb.js";import{ClientLayoutItemType as h}from"./index.esm.js";class b{static render(t,r,e){var l,i,a,o;if(t.type===h.RELATION){const e=null!==(i=null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:"",s=null===(a=null==r?void 0:r._links)||void 0===a?void 0:a[e];return s?Array.isArray(s)?s.map((t=>{var r;return null!==(r=t.name)&&void 0!==r?r:""})).filter(Boolean).join(", "):null!==(o=s.name)&&void 0!==o?o:"":""}if(t.type!==h.FIELD||!t.field)return"";const{name:s,dataType:d,listItems:n}=t.field,c=null==r?void 0:r[s];return null==c||""===c?"":(Array.isArray(c)?c:[c]).map((t=>b.renderValue(null!=d?d:"TEXT",t,null!=n?n:[],e))).filter((t=>""!==t)).join(", ")}static renderValue(t,r,e,l){var i,m;switch(t){case"INTEGER":return n(Number(r),l,{maximumFractionDigits:0});case"DECIMAL":return n(Number(r),l);case"PERCENTAGE":return c(Number(r),l);case"CURRENCY":{const{amount:t,currency:e}="object"==typeof r&&null!==r?r:{amount:r,currency:""};return e?d(Number(t),e,l):n(Number(t),l)}case"DATE":return s(r,l);case"DATETIME":return o(r,l);case"TIME":return a(r,l);case"BOOLEAN":return r?"✓":"";case"FILE":case"IMAGE":return"object"==typeof r&&null!==r&&null!==(i=r.fileName)&&void 0!==i?i:"";case"LIST":{const t=e.find((t=>t.key===String(r)));return null!==(m=null==t?void 0:t.label)&&void 0!==m?m:String(r)}case"TEXTBLOCK":{const t=String(r).replace(/<[^>]*>/g,""),e=document.createElement("textarea");return e.innerHTML=t,e.value.trim()}default:return String(r)}}}const _=new Set(["TEXT","TEXTBLOCK","EMAIL","HYPERLINK"]),u=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),p=new Set(["DATE","DATETIME","TIME"]),v=new Set(["FILE","IMAGE"]),f=class{constructor(e){t(this,e),this.mrdLoadPage=r(this,"mrdLoadPage"),this.mrdRowClick=r(this,"mrdRowClick"),this.mrdAction=r(this,"mrdAction"),this.mrdFilter=r(this,"mrdFilter"),this.mrdDownload=r(this,"mrdDownload"),this.mrdSwitchView=r(this,"mrdSwitchView"),this.mrdLoadAggregations=r(this,"mrdLoadAggregations"),this.pendingPages=new Set,this.debounceTimer=null,this.outsideClickHandler=null,this.viewSwitcherClickHandler=null,this.keydownHandler=null,this.columns=[],this.rows=[],this.locale=navigator.language,this.totalElements=0,this.pageSize=20,this.rowHeight=36,this.tableHeight=500,this.defaultSort="",this.actions=[],this.viewLabel="",this.alternativeViews=[],this.loadedPages=new Map,this.requestedPages=new Set,this.renderStart=0,this.renderEnd=0,this.colWidths=[],this.sortField="",this.sortDir="asc",this.filterMode=!1,this.activeFilters=new Map,this.openFilterCol=null,this.pendingFilter=null,this.popupPos={top:0,left:0},this.scrollTop=0,this.textblockModal=null,this.aggregations=null,this.viewSwitcherOpen=!1,this.handleScroll=t=>{const r=t.currentTarget.scrollTop,e=this.totalElements,l=Math.floor(r/this.rowHeight),i=Math.min(l+this.visibleCount(),e-1);this.scrollTop=r,this.renderStart=Math.max(0,l-10),this.renderEnd=Math.min(e-1,i+10),this.requestPagesForWindow(this.renderStart,this.renderEnd)}}totalElementsChanged(t){this.renderEnd=Math.min(this.renderEnd,Math.max(0,t-1))}async init(){var t;if(null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.defaultSort){const r=this.defaultSort.split(",");this.sortField=r[0].trim(),this.sortDir="desc"===(null===(t=r[1])||void 0===t?void 0:t.trim())?"desc":"asc"}else this.sortField="",this.sortDir="asc";this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const r=this.el.querySelector(".mrd-table__scroll");r&&(r.scrollTop=0),this.aggregations=null,this.emitLoadAggregations()}async setPage(t,r){r.length<this.pageSize&&(this.renderEnd=Math.min(this.renderEnd,t*this.pageSize+r.length-1));const e=new Map(this.loadedPages);e.set(t,r),this.loadedPages=e}async setAggregations(t){this.aggregations=t}disconnectedCallback(){this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null),this.viewSwitcherClickHandler&&(document.removeEventListener("click",this.viewSwitcherClickHandler),this.viewSwitcherClickHandler=null),this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}componentDidRender(){if(0===this.colWidths.length&&this.loadedPages.size>0&&this.totalElements>0){const t=this.el.querySelectorAll(".mrd-table__header");t.length>0&&(this.colWidths=Array.from(t).map((t=>t.offsetWidth)))}}visibleCount(){return Math.ceil(this.tableHeight/this.rowHeight)}sortParam(){return this.sortField?"desc"===this.sortDir?`${this.sortField},desc`:this.sortField:""}colName(t){var r,e,l,i;return null!==(i=null!==(e=null===(r=t.field)||void 0===r?void 0:r.name)&&void 0!==e?e:null===(l=t.relation)||void 0===l?void 0:l.name)&&void 0!==i?i:""}colDataType(t){var r,e;return"RELATION"===t.type?"RELATION":null!==(e=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==e?e:"TEXT"}buildAggregationParams(){var t;const r={sum:[],avg:[],count:[]};for(const e of this.columns){if("FIELD"!==e.type||!(null===(t=e.field)||void 0===t?void 0:t.aggregate))continue;const l=e.field.aggregate.toLowerCase();l in r&&r[l].push(e.field.name)}const e={};return r.sum.length&&(e.sum=r.sum),r.avg.length&&(e.avg=r.avg),r.count.length&&(e.count=r.count),Object.keys(e).length>0?e:null}emitLoadAggregations(){const t=this.buildAggregationParams();t&&this.mrdLoadAggregations.emit(t)}renderAggregationValue(t){var r,e;if("FIELD"!==t.type||!(null===(r=t.field)||void 0===r?void 0:r.aggregate)||!this.aggregations)return"";const l=t.field.aggregate.toLowerCase(),i=null===(e=this.aggregations[l])||void 0===e?void 0:e[t.field.name];if(null==i)return"";const a=t.field.dataType;return"INTEGER"===a?n(i,this.locale,{maximumFractionDigits:0}):"PERCENTAGE"===a?c(i,this.locale):"CURRENCY"===a&&t.field.currencyCode?d(i,t.field.currencyCode,this.locale):n(i,this.locale)}resetPages(){null!==this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null),this.pendingPages.clear(),this.loadedPages=new Map,this.requestedPages=new Set,this.colWidths=[],this.scrollTop=0,this.renderStart=0,this.renderEnd=Math.max(0,Math.min(this.visibleCount()-1,this.totalElements-1));const t=this.el.querySelector(".mrd-table__scroll");t&&(t.scrollTop=0)}handleSortClick(t){const r=this.colName(t);this.sortField===r?this.sortDir="asc"===this.sortDir?"desc":"asc":(this.sortField=r,this.sortDir="asc"),this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}applySort(t,r){this.sortField=this.colName(t),this.sortDir=r,this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd)}emitPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize),i=new Set(this.requestedPages);let a=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||i.has(t)||(i.add(t),this.mrdLoadPage.emit({page:t,sort:this.sortParam()}),a=!0);a&&(this.requestedPages=i)}getRow(t){var r;const e=this.loadedPages.get(Math.floor(t/this.pageSize));return null!==(r=null==e?void 0:e[t%this.pageSize])&&void 0!==r?r:null}requestPagesForWindow(t,r){const e=Math.floor(t/this.pageSize),l=Math.floor(r/this.pageSize);let i=!1;for(let t=e;t<=l;t++)this.loadedPages.has(t)||this.requestedPages.has(t)||this.pendingPages.has(t)||(this.pendingPages.add(t),i=!0);i&&(null!==this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.flushPendingPages()),150))}flushPendingPages(){if(this.debounceTimer=null,0===this.pendingPages.size)return;const t=new Set(this.requestedPages);let r=!1;for(const e of this.pendingPages){if(this.loadedPages.has(e)||t.has(e))continue;const l=e*this.pageSize;l+this.pageSize-1<this.renderStart||l>this.renderEnd||(t.add(e),this.mrdLoadPage.emit({page:e,sort:this.sortParam()}),r=!0)}this.pendingPages.clear(),r&&(this.requestedPages=t)}handleFilterToggle(){this.filterMode=!this.filterMode,this.filterMode||this.closeFilterPopup()}handleFilterOpen(t,r){r.stopPropagation();const e=r.currentTarget.getBoundingClientRect();let l=e.left;l+280>window.innerWidth-8&&(l=e.right-280),this.popupPos={top:e.bottom+4,left:Math.max(8,l)};const i=this.colName(t),a=this.colDataType(t),o=this.activeFilters.get(i),s=_.has(a)||"RELATION"===a?"startsWith":void 0;if("DATETIME"===a&&o&&"isEmpty"!==o.operator&&"isNotEmpty"!==o.operator){const t=Object.assign({},o);"string"==typeof t.from&&t.from&&(t.from=this.utcISOToLocalDate(t.from)),"string"==typeof t.to&&t.to&&(t.to=this.utcISOToLocalDateExclusiveEnd(t.to)),this.pendingFilter=t.from&&t.to&&t.from===t.to?Object.assign(Object.assign({},t),{value:t.from,from:void 0,to:void 0}):t}else this.pendingFilter=o?Object.assign({},o):{field:i,dataType:a,operator:s};this.openFilterCol=i,this.outsideClickHandler&&document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=t=>{const r=this.el.querySelector(".mrd-table__filter-popup");r&&!r.contains(t.target)&&this.closeFilterPopup()},document.addEventListener("click",this.outsideClickHandler)}closeFilterPopup(){this.openFilterCol=null,this.pendingFilter=null,this.outsideClickHandler&&(document.removeEventListener("click",this.outsideClickHandler),this.outsideClickHandler=null)}openTextblockModal(t){this.textblockModal=t,this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=t=>{"Escape"===t.key&&this.closeTextblockModal()},document.addEventListener("keydown",this.keydownHandler)}closeTextblockModal(){this.textblockModal=null,this.keydownHandler&&(document.removeEventListener("keydown",this.keydownHandler),this.keydownHandler=null)}setPending(t,r){this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{[t]:r})}togglePendingValue(t,r){var e,l;const i=null!==(l=null===(e=this.pendingFilter)||void 0===e?void 0:e.values)&&void 0!==l?l:[];this.pendingFilter=Object.assign(Object.assign({},this.pendingFilter),{values:r?[...i,t]:i.filter((r=>r!==t))})}filterHasValue(t){return"isEmpty"===t.operator||"isNotEmpty"===t.operator||void 0!==t.values&&t.values.length>0||null!=t.value&&""!==t.value||"boolean"==typeof t.value||null!=t.from&&""!==t.from||null!=t.to&&""!==t.to}dateLocalToUTCStart(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l).toISOString().replace(/\.\d{3}Z$/,"Z")}dateLocalToUTCEndExclusive(t){if(!t)return t;const[r,e,l]=t.split("-").map(Number);return new Date(r,e-1,l+1).toISOString().replace(/\.\d{3}Z$/,"Z")}utcISOToLocalDate(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`}utcISOToLocalDateExclusiveEnd(t){if(!t)return t;const r=new Date(t);return isNaN(r.getTime())?t:(r.setDate(r.getDate()-1),`${r.getFullYear()}-${String(r.getMonth()+1).padStart(2,"0")}-${String(r.getDate()).padStart(2,"0")}`)}applyFilter(){const t=this.pendingFilter;if(!(null==t?void 0:t.field))return void this.closeFilterPopup();let r=Object.assign({},t);"DATETIME"===t.dataType&&"isEmpty"!==t.operator&&"isNotEmpty"!==t.operator&&("string"==typeof r.value&&r.value?(r.from=this.dateLocalToUTCStart(r.value),r.to=this.dateLocalToUTCEndExclusive(r.value),r.value=void 0):("string"==typeof r.from&&r.from&&(r.from=this.dateLocalToUTCStart(r.from)),"string"==typeof r.to&&r.to&&(r.to=this.dateLocalToUTCEndExclusive(r.to))));const e=new Map(this.activeFilters);this.filterHasValue(r)?e.set(r.field,r):e.delete(r.field),this.activeFilters=e,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearFilter(){const t=this.openFilterCol,r=new Map(this.activeFilters);t&&r.delete(t),this.activeFilters=r,this.closeFilterPopup(),this.mrdFilter.emit({filters:Array.from(this.activeFilters.values())}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}clearAllFilters(){this.activeFilters=new Map,this.mrdFilter.emit({filters:[]}),this.aggregations=null,this.emitLoadAggregations(),this.totalElements>0&&(this.resetPages(),this.emitPagesForWindow(this.renderStart,this.renderEnd))}openViewSwitcher(){this.viewSwitcherOpen=!0,this.viewSwitcherClickHandler&&document.removeEventListener("click",this.viewSwitcherClickHandler),this.viewSwitcherClickHandler=t=>{const r=this.el.querySelector(".mrd-table__view-switcher");r&&!r.contains(t.target)&&this.closeViewSwitcher()},document.addEventListener("click",this.viewSwitcherClickHandler)}closeViewSwitcher(){this.viewSwitcherOpen=!1,this.viewSwitcherClickHandler&&(document.removeEventListener("click",this.viewSwitcherClickHandler),this.viewSwitcherClickHandler=null)}handleViewSwitch(t){this.closeViewSwitcher(),this.mrdSwitchView.emit({name:t.name,class:t.class})}renderViewSwitcher(){return e("div",{class:"mrd-table__view-switcher"},e("button",{class:"mrd-table__view-switcher-btn"+(this.viewSwitcherOpen?" mrd-table__view-switcher-btn--open":""),"aria-label":this.viewLabel,onClick:t=>{t.stopPropagation(),this.viewSwitcherOpen?this.closeViewSwitcher():this.openViewSwitcher()}},e("svg",{class:"mrd-table__view-switcher-chevron",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M7 10l5 5 5-5z"}))),this.viewSwitcherOpen&&e("div",{class:"mrd-table__view-switcher-dropdown",onClick:t=>t.stopPropagation()},this.alternativeViews.map((t=>{var r;return e("button",{class:"mrd-table__view-switcher-item",onClick:()=>this.handleViewSwitch(t)},null!==(r=t.label)&&void 0!==r?r:t.name)}))))}renderToolbar(){var t,r;const l=this.activeFilters.size,i=(null===(t=this.actions)||void 0===t?void 0:t.length)>0,a=!!this.viewLabel&&(null===(r=this.alternativeViews)||void 0===r?void 0:r.length)>0;return e("div",{class:"mrd-table__toolbar"},e("div",{class:"mrd-table__toolbar-left"},e("button",{class:"mrd-table__action mrd-table__action--secondary mrd-table__filter-toggle"+(this.filterMode?" mrd-table__filter-toggle--active":""),onClick:()=>this.handleFilterToggle()},e("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})),l>0&&e("span",{class:"mrd-table__filter-badge"},l),e("span",{class:"mrd-table__action-tooltip"},m(this.filterMode?"table_filter_hide":"table_filter",this.locale),l>0?` (${l} ${m("table_filter_active",this.locale)})`:"")),l>0&&e("button",{class:"mrd-table__action mrd-table__action--secondary",onClick:()=>this.clearAllFilters()},e("svg",{class:"mrd-table__action-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),e("span",{class:"mrd-table__action-tooltip"},m("table_filter_clear_all",this.locale)))),a&&e("div",{class:"mrd-table__toolbar-center"},e("span",{class:"mrd-table__view-title"},this.viewLabel),this.renderViewSwitcher()),i&&e("div",{class:"mrd-table__toolbar-right"},this.actions.map((t=>{var r;return e("button",{class:`mrd-table__action mrd-table__action--${null!==(r=t.variant)&&void 0!==r?r:"secondary"}`,disabled:t.disabled,onClick:()=>this.mrdAction.emit({action:t.action})},t.icon?e("svg",{class:"mrd-table__action-icon","aria-hidden":"true"},e("use",{href:t.icon})):t.label,e("span",{class:"mrd-table__action-tooltip"},t.label))}))))}renderFilterEditor(t){var r,l,i,a,o,s,d,n;const c=null!==(r=this.pendingFilter)&&void 0!==r?r:{},h=this.colDataType(t);if(v.has(h))return e("p",{class:"mrd-table__filter-no-support"},m("filter_no_support",this.locale));if("BOOLEAN"===h){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t;return e("div",{class:"mrd-table__filter-radio-group"},[{labelKey:"filter_all",value:null},{labelKey:"yes",value:!0},{labelKey:"no",value:!1}].map((t=>e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:!r&&c.value===t.value,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:void 0,value:t.value})}}),m(t.labelKey,this.locale)))),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isEmpty",value:void 0})}}),m("filter_is_empty",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`bf-${this.openFilterCol}`,checked:"isNotEmpty"===t,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{operator:"isNotEmpty",value:void 0})}}),m("filter_is_not_empty",this.locale)))}if("LIST"===h){const r=null!==(i=null===(l=t.field)||void 0===l?void 0:l.listItems)&&void 0!==i?i:[],o=null!==(a=c.values)&&void 0!==a?a:[];return e("div",{class:"mrd-table__filter-list"},e("div",{class:"mrd-table__filter-list-controls"},e("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:r.map((t=>t.key))})}},m("filter_select_all",this.locale)),e("button",{class:"mrd-table__filter-list-btn",onClick:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{values:[]})}},m("filter_select_none",this.locale))),r.map((t=>e("label",{class:"mrd-table__filter-checkbox-label"},e("input",{type:"checkbox",checked:o.includes(t.key),onChange:r=>this.togglePendingValue(t.key,r.target.checked)}),t.label))))}if(_.has(h)||"RELATION"===h){const t=null!==(o=c.operator)&&void 0!==o?o:"startsWith",r="isEmpty"===t||"isNotEmpty"===t;return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>this.setPending("operator",t.target.value)},[{val:"startsWith",labelKey:"filter_starts_with"},{val:"equals",labelKey:"filter_equals"},{val:"isEmpty",labelKey:"filter_is_empty"},{val:"isNotEmpty",labelKey:"filter_is_not_empty"}].map((r=>e("option",{value:r.val,selected:t===r.val},m(r.labelKey,this.locale))))),!r&&e("input",{type:"text",class:"mrd-table__filter-input",value:String(null!==(s=c.value)&&void 0!==s?s:""),placeholder:m("filter_search_value",this.locale),onInput:t=>this.setPending("value",t.target.value)}))}if(u.has(h)){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,l=!r&&(void 0!==c.from||void 0!==c.to);return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},e("option",{value:"",selected:!r},m("filter_has_value",this.locale)),e("option",{value:"isEmpty",selected:"isEmpty"===t},m("filter_is_empty",this.locale)),e("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},m("filter_is_not_empty",this.locale))),!r&&e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`nm-${this.openFilterCol}`,checked:!l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`nm-${this.openFilterCol}`,checked:l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),l?e("div",{class:"mrd-table__filter-range"},e("input",{type:"number",class:"mrd-table__filter-input",placeholder:m("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),e("span",{class:"mrd-table__filter-range-sep"},"–"),e("input",{type:"number",class:"mrd-table__filter-input",placeholder:m("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):e("input",{type:"number",class:"mrd-table__filter-input",value:null!=c.value?String(c.value):"",onInput:t=>this.setPending("value",t.target.value)})))}if("DATETIME"===h){const t=c.operator,r="isEmpty"===t||"isNotEmpty"===t,l=!r&&(void 0!==c.from||void 0!==c.to);return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},e("option",{value:"",selected:!r},m("filter_has_value",this.locale)),e("option",{value:"isEmpty",selected:"isEmpty"===t},m("filter_is_empty",this.locale)),e("option",{value:"isNotEmpty",selected:"isNotEmpty"===t},m("filter_is_not_empty",this.locale))),!r&&e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:!l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:l,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),l?e("div",{class:"mrd-table__filter-range mrd-table__filter-range--stacked"},e("label",{class:"mrd-table__filter-range-label"},m("filter_from",this.locale)),e("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),e("label",{class:"mrd-table__filter-range-label"},m("filter_to",this.locale)),e("input",{type:"date",class:"mrd-table__filter-input",value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):e("input",{type:"date",class:"mrd-table__filter-input",value:String(null!==(d=c.value)&&void 0!==d?d:""),onInput:t=>this.setPending("value",t.target.value)})))}if(p.has(h)){const t="DATE"===h?"date":"time",r=c.operator,l="isEmpty"===r||"isNotEmpty"===r,i=!l&&(void 0!==c.from||void 0!==c.to);return e("div",{class:"mrd-table__filter-editor"},e("select",{class:"mrd-table__filter-select",onChange:t=>{const r=t.target.value;this.pendingFilter=Object.assign(Object.assign({},c),"isEmpty"===r||"isNotEmpty"===r?{operator:r,value:void 0,from:void 0,to:void 0}:{operator:void 0})}},e("option",{value:"",selected:!l},m("filter_has_value",this.locale)),e("option",{value:"isEmpty",selected:"isEmpty"===r},m("filter_is_empty",this.locale)),e("option",{value:"isNotEmpty",selected:"isNotEmpty"===r},m("filter_is_not_empty",this.locale))),!l&&e("div",{class:"mrd-table__filter-editor"},e("div",{class:"mrd-table__filter-radio-group mrd-table__filter-radio-group--inline"},e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:!i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{from:void 0,to:void 0})}}),m("filter_exact",this.locale)),e("label",{class:"mrd-table__filter-radio-label"},e("input",{type:"radio",name:`dt-${this.openFilterCol}`,checked:i,onChange:()=>{this.pendingFilter=Object.assign(Object.assign({},c),{value:void 0,from:null,to:null})}}),m("filter_range",this.locale))),i?e("div",{class:"mrd-table__filter-range"},e("input",{type:t,class:"mrd-table__filter-input",placeholder:m("filter_from",this.locale),value:null!=c.from?String(c.from):"",onInput:t=>this.setPending("from",t.target.value)}),e("input",{type:t,class:"mrd-table__filter-input",placeholder:m("filter_to",this.locale),value:null!=c.to?String(c.to):"",onInput:t=>this.setPending("to",t.target.value)})):e("input",{type:t,class:"mrd-table__filter-input",value:String(null!==(n=c.value)&&void 0!==n?n:""),onInput:t=>this.setPending("value",t.target.value)})))}return null}renderFilterPopup(){var t,r,l,i;if(!this.openFilterCol||!this.pendingFilter)return null;const a=this.columns.find((t=>this.colName(t)===this.openFilterCol));if(!a)return null;const o=null!==(i=null!==(r=null===(t=a.field)||void 0===t?void 0:t.label)&&void 0!==r?r:null===(l=a.relation)||void 0===l?void 0:l.label)&&void 0!==i?i:this.openFilterCol,s=this.sortField===this.openFilterCol;return e("div",{class:"mrd-table__filter-popup",style:{top:`${this.popupPos.top}px`,left:`${this.popupPos.left}px`},onClick:t=>t.stopPropagation()},e("div",{class:"mrd-table__filter-popup-header"},e("span",{class:"mrd-table__filter-popup-title"},o),e("button",{class:"mrd-table__filter-close",onClick:()=>this.closeFilterPopup()},"✕")),e("div",{class:"mrd-table__filter-section"},e("div",{class:"mrd-table__filter-section-label"},m("filter_sorting",this.locale)),e("div",{class:"mrd-table__filter-sort-buttons"},e("button",{class:"mrd-table__filter-sort-btn"+(s&&"asc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(a,"asc")},"▲ ",m("filter_ascending",this.locale)),e("button",{class:"mrd-table__filter-sort-btn"+(s&&"desc"===this.sortDir?" mrd-table__filter-sort-btn--active":""),onClick:()=>this.applySort(a,"desc")},"▼ ",m("filter_descending",this.locale)))),e("div",{class:"mrd-table__filter-divider"}),e("div",{class:"mrd-table__filter-section"},e("div",{class:"mrd-table__filter-section-label"},m("filter_section",this.locale)),this.renderFilterEditor(a)),e("div",{class:"mrd-table__filter-popup-footer"},e("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--clear",onClick:()=>this.clearFilter()},m("filter_clear",this.locale)),e("button",{class:"mrd-table__filter-btn mrd-table__filter-btn--apply",onClick:()=>this.applyFilter()},m("filter_apply",this.locale))))}renderFooter(t,r){const l=this.totalElements;if(0===l){const r=null!=t?t:0;return 0===r?null:e("div",{class:"mrd-table__footer"},r," ",m("table_of",this.locale)," ",r)}if(!this.loadedPages.has(0))return null;const i=null!=r?r:l,a=Math.min(Math.floor(this.scrollTop/this.rowHeight)+1,i),o=Math.min(Math.ceil((this.scrollTop+this.tableHeight)/this.rowHeight),i);return e("div",{class:"mrd-table__footer"},a,"–",o," ",m("table_of",this.locale)," ",i)}renderCell(t,r){var l,i,a,o;const s=new Set(["INTEGER","DECIMAL","PERCENTAGE","CURRENCY"]),d=null!==(i=null===(l=t.field)||void 0===l?void 0:l.dataType)&&void 0!==i?i:"",n="FIELD"===t.type&&s.has(d);if("FIELD"===t.type&&("FILE"===d||"IMAGE"===d)){const l=null!==(o=null===(a=t.field)||void 0===a?void 0:a.name)&&void 0!==o?o:"",i=null==r?void 0:r[l],s=null==i?void 0:i.href,d=null==i?void 0:i.fileName;return e("td",{class:"mrd-table__cell"},s&&d?e("button",{class:"mrd-table__file-btn",title:d,onClick:t=>{t.stopPropagation(),this.mrdDownload.emit({href:s,fileName:d})}},e("svg",{class:"mrd-table__file-icon",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{fill:"currentColor",d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-3 8l-3-3 1.41-1.41L10 14.17l4.59-4.58L16 11l-6 6z"})),m("download",this.locale)):"")}if("TEXTBLOCK"===d){const l=b.render(t,r,this.locale);if(l.length<=200)return e("td",{class:"mrd-table__cell"},l);const i=l.slice(0,200)+"…";return e("td",{class:"mrd-table__cell"},i,e("button",{class:"mrd-table__textblock-btn",onClick:t=>{t.stopPropagation(),this.openTextblockModal(l)},"aria-label":m("textblock_show_more",this.locale)},"⋯"))}const c=b.render(t,r,this.locale);return e("td",{class:"mrd-table__cell"+(n?" mrd-table__cell--numeric":"")},c)}renderTotalsRow(){return this.aggregations&&this.columns.some((t=>{var r;return"FIELD"===t.type&&(null===(r=t.field)||void 0===r?void 0:r.aggregate)}))?e("tfoot",null,e("tr",{class:"mrd-table__totals-row"},this.columns.map((t=>{var r,l;const i=this.renderAggregationValue(t),a="FIELD"===t.type&&u.has(null!==(l=null===(r=t.field)||void 0===r?void 0:r.dataType)&&void 0!==l?l:"");return e("td",{class:"mrd-table__totals-cell"+(a?" mrd-table__totals-cell--numeric":"")},i)})))):null}render(){var t,r,i;if(!(null===(t=this.columns)||void 0===t?void 0:t.length))return null;if(0===this.totalElements)return e(l,null,this.renderToolbar(),e("div",{class:"mrd-table"},e("table",{class:"mrd-table__table"},e("thead",null,e("tr",null,this.columns.map((t=>{var r,l,i,a;const o=this.colName(t),s=this.activeFilters.has(o),d=["mrd-table__header",s?"mrd-table__header--filtered":"",this.filterMode?"mrd-table__header--sortable":""].filter(Boolean).join(" ");return e("th",{class:d,onClick:this.filterMode?r=>this.handleFilterOpen(t,r):void 0},e("span",{class:"mrd-table__header-label"},null!==(a=null!==(l=null===(r=t.field)||void 0===r?void 0:r.label)&&void 0!==l?l:null===(i=t.relation)||void 0===i?void 0:i.label)&&void 0!==a?a:""),s&&this.renderFilterIcon())})))),e("tbody",null,null===(r=this.rows)||void 0===r?void 0:r.map(((t,r)=>e("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:r%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(t)},this.columns.map((r=>this.renderCell(r,t))))))),this.renderTotalsRow()),(!this.rows||0===this.rows.length)&&e("p",{class:"mrd-table__empty"},m("no_results",this.locale))),this.renderFooter(null===(i=this.rows)||void 0===i?void 0:i.length),this.renderFilterPopup(),this.renderTextblockModal());let a=this.totalElements;for(const[t,r]of this.loadedPages)r.length<this.pageSize&&(a=Math.min(a,t*this.pageSize+r.length));const o=Math.min(this.renderEnd,a-1),s=this.columns.length,d=this.renderStart*this.rowHeight,n=Math.max(0,(a-1-o)*this.rowHeight),c=this.colWidths.length>0?{tableLayout:"fixed"}:void 0,h=[];for(let t=this.renderStart;t<=o;t++){const r=this.getRow(t);h.push(null===r?e("tr",{class:"mrd-table__row mrd-table__row--loading"},e("td",{class:"mrd-table__cell--placeholder",colSpan:s},e("span",{class:"mrd-table__placeholder-bar"}))):e("tr",{class:"mrd-table__row mrd-table__row--clickable",style:{background:t%2==0?"":"var(--mrd-color-neutral-100)"},onClick:()=>this.mrdRowClick.emit(r)},this.columns.map((t=>this.renderCell(t,r)))))}return e(l,null,this.renderToolbar(),e("div",{class:"mrd-table__scroll",style:{height:`${this.tableHeight}px`},onScroll:this.handleScroll},e("table",{class:"mrd-table__table",style:c},e("thead",null,e("tr",null,this.columns.map(((t,r)=>{var l,i,a,o;const s=this.colName(t),d=this.sortField===s,n=this.activeFilters.has(s),c=["mrd-table__header","mrd-table__header--sortable",d?`mrd-table__header--sorted-${this.sortDir}`:"",n?"mrd-table__header--filtered":""].filter(Boolean).join(" ");return e("th",{class:c,style:this.colWidths[r]?{width:`${this.colWidths[r]}px`}:void 0,onClick:r=>this.filterMode?this.handleFilterOpen(t,r):this.handleSortClick(t)},e("span",{class:"mrd-table__header-label"},null!==(o=null!==(i=null===(l=t.field)||void 0===l?void 0:l.label)&&void 0!==i?i:null===(a=t.relation)||void 0===a?void 0:a.label)&&void 0!==o?o:""),d&&e("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"asc"===this.sortDir?"▲":"▼"),!d&&!this.filterMode&&e("span",{class:"mrd-table__sort-icon","aria-hidden":"true"},"⇅"),n&&this.renderFilterIcon())})))),e("tbody",null,d>0&&e("tr",{class:"mrd-table__spacer",style:{height:`${d}px`}},e("td",{colSpan:s})),h,n>0&&e("tr",{class:"mrd-table__spacer",style:{height:`${n}px`}},e("td",{colSpan:s}))),this.renderTotalsRow())),0===a&&this.loadedPages.has(0)&&e("p",{class:"mrd-table__empty"},m("no_results",this.locale)),a>0&&this.renderFooter(void 0,a),this.renderFilterPopup(),this.renderTextblockModal())}renderFilterIcon(){return e("span",{class:"mrd-table__filter-icon","aria-hidden":"true"},e("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"currentColor"},e("path",{d:"M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"})))}renderTextblockModal(){return null===this.textblockModal?null:e("div",{class:"mrd-table__modal-backdrop",onClick:()=>this.closeTextblockModal(),role:"dialog","aria-modal":"true"},e("div",{class:"mrd-table__modal",onClick:t=>t.stopPropagation()},e("button",{class:"mrd-table__modal-close",onClick:()=>this.closeTextblockModal(),"aria-label":m("close",this.locale)},"✕"),e("p",{class:"mrd-table__modal-text"},this.textblockModal)))}get el(){return i(this)}static get watchers(){return{totalElements:[{totalElementsChanged:0}]}}};f.style=".sc-mrd-table-h{display:block;width:100%}.mrd-table__scroll.sc-mrd-table{overflow-y:auto;overflow-x:auto;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow-anchor:none}.mrd-table.sc-mrd-table{overflow-x:auto}.mrd-table__table.sc-mrd-table{width:auto;min-width:100%;border-collapse:collapse;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900)}.mrd-table__scroll.sc-mrd-table .mrd-table__table.sc-mrd-table{min-width:max-content}.mrd-table__header.sc-mrd-table{position:sticky;top:0;z-index:1;background:var(--mrd-color-white);text-align:left;padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:2px solid var(--mrd-border-color);color:var(--mrd-color-neutral-600);font-weight:var(--mrd-font-weight-medium);white-space:nowrap;font-size:var(--mrd-font-size-xs);text-transform:uppercase;letter-spacing:0.04em}.mrd-table__header--sortable.sc-mrd-table{cursor:pointer;user-select:none}.mrd-table__header--sortable.sc-mrd-table:hover{background:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-800)}.mrd-table__header--sorted-asc.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__header-label.sc-mrd-table{margin-right:var(--mrd-space-1)}.mrd-table__sort-icon.sc-mrd-table{font-size:0.85rem;opacity:0.4;vertical-align:middle}.mrd-table__header--sorted-asc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table,.mrd-table__header--sorted-desc.sc-mrd-table .mrd-table__sort-icon.sc-mrd-table{opacity:1;color:var(--mrd-color-primary)}.mrd-table__filter-icon.sc-mrd-table{display:inline-flex;align-items:center;vertical-align:middle;margin-left:var(--mrd-space-1);color:var(--mrd-color-primary)}.mrd-table__row.sc-mrd-table{border-bottom:1px solid var(--mrd-border-color)}.mrd-table__row.sc-mrd-table:hover{background:var(--mrd-color-neutral-200) !important}.mrd-table__row--clickable.sc-mrd-table{cursor:pointer}.mrd-table__spacer.sc-mrd-table{border:none}.mrd-table__spacer.sc-mrd-table td.sc-mrd-table{padding:0;border:none}.mrd-table__cell.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);vertical-align:top;white-space:nowrap}.mrd-table__cell--numeric.sc-mrd-table{text-align:right;font-variant-numeric:tabular-nums}.mrd-table__row--loading.sc-mrd-table{background:transparent}.mrd-table__cell--placeholder.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-4);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__placeholder-bar.sc-mrd-table{display:block;height:0.75rem;width:55%;border-radius:var(--mrd-border-radius-sm);background:linear-gradient( 90deg, var(--mrd-color-neutral-200) 25%, var(--mrd-color-neutral-100) 50%, var(--mrd-color-neutral-200) 75% );background-size:200% 100%;animation:mrd-shimmer 1.4s ease infinite}@keyframes mrd-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.mrd-table__toolbar.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--mrd-space-2)}.mrd-table__toolbar-left.sc-mrd-table,.mrd-table__toolbar-right.sc-mrd-table{display:flex;gap:var(--mrd-space-2);align-items:center}.mrd-table__toolbar-center.sc-mrd-table{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--mrd-space-1)}.mrd-table__view-title.sc-mrd-table{font-size:var(--mrd-font-size-sm);font-weight:600;color:var(--mrd-color-neutral-800)}.mrd-table__view-switcher.sc-mrd-table{position:relative}.mrd-table__view-switcher-btn.sc-mrd-table{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;cursor:pointer;padding:var(--mrd-space-1) var(--mrd-space-2);color:var(--mrd-color-neutral-400);font-size:var(--mrd-font-size-sm);border-radius:var(--mrd-border-radius);transition:color 0.15s, background-color 0.15s;line-height:1.4}.mrd-table__view-switcher-btn.sc-mrd-table:hover{color:var(--mrd-color-neutral-700);background-color:var(--mrd-color-neutral-50)}.mrd-table__view-switcher-label.sc-mrd-table{font-weight:var(--mrd-font-weight-medium)}.mrd-table__view-switcher-chevron.sc-mrd-table{width:1.1rem;height:1.1rem;flex-shrink:0;transition:transform 0.15s}.mrd-table__view-switcher-btn--open.sc-mrd-table .mrd-table__view-switcher-chevron.sc-mrd-table{transform:rotate(180deg)}.mrd-table__view-switcher-dropdown.sc-mrd-table{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);min-width:160px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0,0,0,.12));z-index:var(--mrd-z-dropdown, 200);overflow:hidden}.mrd-table__view-switcher-item.sc-mrd-table{display:block;width:100%;padding:var(--mrd-space-2) var(--mrd-space-3);background:none;border:none;text-align:left;cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-700);white-space:nowrap;transition:background-color 0.1s, color 0.1s}.mrd-table__view-switcher-item.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-50);color:var(--mrd-color-neutral-900)}.mrd-table__action.sc-mrd-table{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--mrd-border-radius);cursor:pointer;color:var(--mrd-color-neutral-400);transition:background-color 0.15s, border-color 0.15s, color 0.15s}.mrd-table__action.sc-mrd-table:hover{background-color:var(--mrd-color-neutral-100);border-color:var(--mrd-color-neutral-300);color:var(--mrd-color-neutral-700)}.mrd-table__action.sc-mrd-table:disabled{opacity:0.4;cursor:not-allowed}.mrd-table__action--primary.sc-mrd-table{color:var(--mrd-color-neutral-500)}.mrd-table__action--primary.sc-mrd-table:hover{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__action--danger.sc-mrd-table{color:var(--mrd-color-error)}.mrd-table__action--danger.sc-mrd-table:hover{background-color:var(--mrd-color-error-light, #fef2f2);border-color:var(--mrd-color-error)}.mrd-table__action-icon.sc-mrd-table{width:1.25rem;height:1.25rem;pointer-events:none;fill:currentColor}.mrd-table__action-tooltip.sc-mrd-table{display:none;position:absolute;bottom:calc(100% + 6px);right:0;padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);white-space:nowrap;background:var(--mrd-color-tooltip, #fffce1);color:var(--mrd-color-neutral-900);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-sm, var(--mrd-border-radius));pointer-events:none;z-index:10}.mrd-table__action.sc-mrd-table:hover .mrd-table__action-tooltip.sc-mrd-table{display:block}.mrd-table__filter-toggle--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-toggle--active.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary));color:var(--mrd-color-white)}.mrd-table__filter-badge.sc-mrd-table{position:absolute;top:-6px;right:-6px;min-width:1.25rem;height:1.25rem;padding:0 3px;background:var(--mrd-color-error, #e53e3e);color:var(--mrd-color-white);border-radius:9999px;font-size:0.65rem;font-weight:var(--mrd-font-weight-medium);line-height:1.25rem;text-align:center;pointer-events:none}.mrd-table__header--filtered.sc-mrd-table{color:var(--mrd-color-primary);border-bottom-color:var(--mrd-color-primary)}.mrd-table__filter-popup.sc-mrd-table{position:fixed;width:280px;background:var(--mrd-color-white);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md, 0 4px 12px rgba(0,0,0,.12));z-index:var(--mrd-z-dropdown, 200);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-popup-header.sc-mrd-table{display:flex;align-items:center;justify-content:space-between;padding:var(--mrd-space-2) var(--mrd-space-3);border-bottom:1px solid var(--mrd-border-color)}.mrd-table__filter-popup-title.sc-mrd-table{font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);font-size:var(--mrd-font-size-sm)}.mrd-table__filter-close.sc-mrd-table{background:transparent;border:none;cursor:pointer;color:var(--mrd-color-neutral-500);font-size:0.9rem;padding:2px 4px;border-radius:3px;line-height:1}.mrd-table__filter-close.sc-mrd-table:hover{background:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-table__filter-section.sc-mrd-table{padding:var(--mrd-space-2) var(--mrd-space-3)}.mrd-table__filter-section-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);font-weight:var(--mrd-font-weight-medium);text-transform:uppercase;letter-spacing:0.04em;color:var(--mrd-color-neutral-500);margin-bottom:var(--mrd-space-2)}.mrd-table__filter-sort-buttons.sc-mrd-table{display:flex;gap:var(--mrd-space-2)}.mrd-table__filter-sort-btn.sc-mrd-table{flex:1;padding:var(--mrd-space-1) var(--mrd-space-2);background:transparent;border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-700)}.mrd-table__filter-sort-btn.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-sort-btn--active.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-divider.sc-mrd-table{height:1px;background:var(--mrd-border-color);margin:0}.mrd-table__filter-editor.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-table__filter-select.sc-mrd-table,.mrd-table__filter-input.sc-mrd-table{width:100%;padding:var(--mrd-space-1) var(--mrd-space-2);border:1px solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-900);background:var(--mrd-color-white);box-sizing:border-box}.mrd-table__filter-select.sc-mrd-table:focus,.mrd-table__filter-input.sc-mrd-table:focus{outline:none;border-color:var(--mrd-color-primary);box-shadow:0 0 0 2px rgba(0,0,0,.06)}.mrd-table__filter-range.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1)}.mrd-table__filter-range.sc-mrd-table .mrd-table__filter-input.sc-mrd-table{flex:1;min-width:0}.mrd-table__filter-range-sep.sc-mrd-table{color:var(--mrd-color-neutral-400);flex-shrink:0}.mrd-table__filter-range--stacked.sc-mrd-table{flex-direction:column;align-items:stretch;gap:var(--mrd-space-2)}.mrd-table__filter-range-label.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-bottom:2px}.mrd-table__filter-radio-group.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-table__filter-radio-group--inline.sc-mrd-table{flex-direction:row;gap:var(--mrd-space-3)}.mrd-table__filter-radio-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-list.sc-mrd-table{display:flex;flex-direction:column;gap:var(--mrd-space-1);max-height:180px;overflow-y:auto}.mrd-table__filter-list-controls.sc-mrd-table{display:flex;gap:var(--mrd-space-2);margin-bottom:var(--mrd-space-1)}.mrd-table__filter-list-btn.sc-mrd-table{font-size:var(--mrd-font-size-xs);color:var(--mrd-color-primary);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline}.mrd-table__filter-checkbox-label.sc-mrd-table{display:flex;align-items:center;gap:var(--mrd-space-1);cursor:pointer;font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-800)}.mrd-table__filter-no-support.sc-mrd-table{font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);margin:0;font-style:italic}.mrd-table__filter-popup-footer.sc-mrd-table{display:flex;justify-content:flex-end;gap:var(--mrd-space-2);padding:var(--mrd-space-2) var(--mrd-space-3);border-top:1px solid var(--mrd-border-color)}.mrd-table__filter-btn.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-3);border-radius:var(--mrd-border-radius);border:1px solid var(--mrd-border-color);font-size:var(--mrd-font-size-sm);cursor:pointer}.mrd-table__filter-btn--clear.sc-mrd-table{background:transparent;color:var(--mrd-color-neutral-600)}.mrd-table__filter-btn--clear.sc-mrd-table:hover{background:var(--mrd-color-neutral-100)}.mrd-table__filter-btn--apply.sc-mrd-table{background:var(--mrd-color-primary);border-color:var(--mrd-color-primary);color:var(--mrd-color-white)}.mrd-table__filter-btn--apply.sc-mrd-table:hover{background:var(--mrd-color-primary-dark, var(--mrd-color-primary));border-color:var(--mrd-color-primary-dark, var(--mrd-color-primary))}.mrd-table__totals-row.sc-mrd-table{border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell.sc-mrd-table{position:sticky;bottom:0;z-index:2;padding:var(--mrd-space-2) var(--mrd-space-4);background:var(--mrd-color-white);font-weight:var(--mrd-font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;border-top:2px solid var(--mrd-border-color)}.mrd-table__totals-cell--numeric.sc-mrd-table{text-align:right}.mrd-table__footer.sc-mrd-table{padding:var(--mrd-space-1) var(--mrd-space-2);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);text-align:right}.mrd-table__empty.sc-mrd-table{padding:var(--mrd-space-4) var(--mrd-space-3);color:var(--mrd-color-neutral-500);font-size:var(--mrd-font-size-sm);text-align:center;margin:0}.mrd-table__file-btn.sc-mrd-table{display:inline-flex;align-items:center;gap:var(--mrd-space-1);background:none;border:none;padding:0;cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;max-width:100%;overflow:hidden}.mrd-table__file-btn.sc-mrd-table:hover{text-decoration:underline;color:var(--mrd-color-primary-dark)}.mrd-table__file-icon.sc-mrd-table{flex-shrink:0;width:1rem;height:1rem}.mrd-table__textblock-btn.sc-mrd-table{display:inline;background:none;border:none;padding:0 0 0 var(--mrd-space-1);cursor:pointer;color:var(--mrd-color-primary);font-size:var(--mrd-font-size-sm);font-family:inherit;line-height:inherit;vertical-align:middle}.mrd-table__textblock-btn.sc-mrd-table:hover{color:var(--mrd-color-primary-dark)}.mrd-table__modal-backdrop.sc-mrd-table{position:fixed;inset:0;background:rgba(0, 0, 0, 0.4);z-index:var(--mrd-z-modal, 300);display:flex;align-items:center;justify-content:center}.mrd-table__modal.sc-mrd-table{background:#fff;border-radius:var(--mrd-radius-md, 0.5rem);padding:var(--mrd-space-6);max-width:min(600px, 90vw);max-height:70vh;overflow-y:auto;position:relative;box-shadow:var(--mrd-shadow-lg)}.mrd-table__modal-close.sc-mrd-table{position:absolute;top:var(--mrd-space-3);right:var(--mrd-space-3);background:none;border:none;cursor:pointer;font-size:1.25rem;line-height:1;color:var(--mrd-color-text-muted, #6b7280);padding:0}.mrd-table__modal-close.sc-mrd-table:hover{color:var(--mrd-color-text, #111827)}.mrd-table__modal-text.sc-mrd-table{margin:0;padding-right:var(--mrd-space-6);white-space:pre-wrap;word-break:break-word;font-size:var(--mrd-font-size-sm);line-height:1.6}";export{f as mrd_table}

package/dist/mosterdcomponents/{p-c5b058e7.entry.js → p-4b719a2d.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r,c as e,h as i,H as d,g as t}from"./p-_tsCCkAi.js";import{p as o,t as l,d as a}from"./p-CcRjWvcb.js";import{ClientLayoutItemFieldDataType as s,ClientLayoutItemType as n,ClientLayoutItemRelationDisplayType as m,ClientLayoutItemRelationEditBehavior as c}from"./index.esm.js";const f=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value=!1,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.checked=!1,this.handleChange=r=>{this.checked=r.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 i(d,{key:"aed1d936d686870114a12aad9fc4cccb76ecd31e"},i("div",{key:"5cc8aaa0f12d4195d02fce8a810d7d993e2e8c99",class:"mrd-boolean-field"},i("label",{key:"41c3b3e0f01778fc2654ba86e3fe4e5a07c8537a",class:"mrd-boolean-field__toggle-label"},i("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}),i("span",{key:"079ee220fe692536af15a7fb4286626102ae940e",class:"mrd-boolean-field__toggle","aria-hidden":"true"}),this.label&&i("span",{key:"1f4f52a41f0bd6ba4c61cf9d4db74ab2f1aa8877",class:"mrd-boolean-field__text"+(this.required?" mrd-boolean-field__text--required":"")},this.label))))}};function h(r){return null!=r&&("string"==typeof r?r.trim().length>0:Array.isArray(r)?r.length>0:"object"!=typeof r\|\|!("amount"in r)\|\|null!=r.amount&&""!==r.amount)}f.style=".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 u=["EUR","USD","GBP","CHF","JPY","CNY","AUD","CAD","SEK","NOK","DKK","NZD","SGD","HKD","PLN","CZK","HUF","MXN","BRL","INR","TRY","ZAR","AED","SAR"],b=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value={amount:null,currency:"EUR"},this.required=!1,this.disabled=!1,this.locale=navigator.language,this.amountDisplay="",this.currency="EUR",this.error="",this.handleAmountInput=r=>{this.amountDisplay=r.target.value},this.handleAmountBlur=r=>{const e=r.target.value,i=o(e,this.locale);this.error=this.required&&!h(e)?l("required",this.locale):"";const d={amount:i,currency:this.currency};this.mrdChange.emit({name:this.name,value:d}),this.mrdBlur.emit({name:this.name,value:d})},this.handleCurrencyChange=r=>{this.currency=r.target.value;const e=o(this.amountDisplay,this.locale);this.mrdChange.emit({name:this.name,value:{amount:e,currency:this.currency}})}}componentWillLoad(){this.value&&(this.currency=this.value.currency\|\|"EUR",this.amountDisplay=null!==this.value.amount?String(this.value.amount):"")}render(){const r=!!this.error;return i(d,{key:"d3450e9c26b1a755d3e6a5a3561d93b2ac566a28"},i("div",{key:"b66942cc1953daff728504deef8a9cc1330ef549",class:"mrd-currency-field"},this.label&&i("label",{key:"3d3f2f06e9ffea944552f0f7cf3150d0246c54f0",class:"mrd-currency-field__label"+(this.required?" mrd-currency-field__label--required":"")},this.label),i("div",{key:"d30a2adfceefdbefef2d4fe6633a163a753b15d0",class:"mrd-currency-field__row"},i("input",{key:"9af09b19b6cbe24498d6ca8edf7b28f675afdec5",class:"mrd-currency-field__amount"+(r?" 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}),i("select",{key:"21e55b04b7bf16586b5cfaa82d77db45c6dedf21",class:"mrd-currency-field__currency",disabled:this.disabled,onChange:this.handleCurrencyChange},u.map((r=>i("option",{key:r,value:r,selected:r===this.currency},r))))),r&&i("span",{key:"7a0006d4230557cf9c58f82f21de73b5d12f7e17",class:"mrd-currency-field__error"},this.error)))}};b.style=".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 v=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleChange=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:e})},this.handleBlur=r=>{this.mrdBlur.emit({name:this.name,value:r.target.value})}}render(){const r=!!this.error;return i(d,{key:"84c777fc68a95e0b1ceb08d61e3af7afa199ce94"},i("div",{key:"6653d94ab79c74342ce792792547018e4464a814",class:"mrd-date-field"},this.label&&i("label",{key:"2fa7b7ec50c784f9410ca48b93d50e39dc6e0bee",class:"mrd-date-field__label"+(this.required?" mrd-date-field__label--required":"")},this.label),i("input",{key:"f79ebbaf0e28ad7668a5400d1df514b66457b72d",class:"mrd-date-field__input"+(r?" 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}),r&&i("span",{key:"e52f0b720d76e8ba0586fb40395b6875860762db",class:"mrd-date-field__error"},this.error)))}};v.style=".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 p=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.localValue="",this.handleChange=r=>{const e=r.target.value;this.localValue=e,this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:this.localToUtc(e)})},this.handleBlur=r=>{this.mrdBlur.emit({name:this.name,value:this.localToUtc(r.target.value)})}}componentWillLoad(){this.localValue=this.utcToLocal(this.value)}valueChanged(r){this.localValue=this.utcToLocal(r)}utcToLocal(r){if(!r)return"";const e=new Date(r);if(isNaN(e.getTime()))return"";const i=r=>String(r).padStart(2,"0");return`${e.getFullYear()}-${i(e.getMonth()+1)}-${i(e.getDate())}T${i(e.getHours())}:${i(e.getMinutes())}`}localToUtc(r){if(!r)return"";const e=new Date(r);return isNaN(e.getTime())?"":e.toISOString().replace(/\.\d{3}Z$/,"Z")}render(){const r=!!this.error;return i(d,{key:"6052b08238484bee345ae4bb9b3025c7f2474c35"},i("div",{key:"f9073be4496e35a7d40405ae4e6a27a5c1607626",class:"mrd-datetime-field"},this.label&&i("label",{key:"5933c3b2dfcae9bfad378441210ada6b625657a2",class:"mrd-datetime-field__label"+(this.required?" mrd-datetime-field__label--required":"")},this.label),i("input",{key:"7a947b104c38960d2326a4877e4ca52db9fd9d84",class:"mrd-datetime-field__input"+(r?" 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}),r&&i("span",{key:"cea3dba7e14e18a3a08394ef3027b661f1808969",class:"mrd-datetime-field__error"},this.error)))}static get watchers(){return{value:[{valueChanged:0}]}}};p.style=".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 _=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;var i;this.error=this.required&&!h(e)?l("required",this.locale):e&&(i=e)&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i)?l("invalid_email",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return i(d,{key:"851ec092957ab86e811b292eaabe29d04a600fe0"},i("div",{key:"2d8969d60378f3161656369494549d682de8ec0e",class:"mrd-email-field"},this.label&&i("label",{key:"7a35cc60d4804097e1a54f984c7da1829f6bbd11",class:"mrd-email-field__label"+(this.required?" mrd-email-field__label--required":"")},this.label),i("input",{key:"1fc20e860aa021886f7ed522c3a0c8dd2cb1e093",class:"mrd-email-field__input"+(r?" 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}),r&&i("span",{key:"a44b3b41b7cd6b8c643cc64e6aadd884a2ba4961",class:"mrd-email-field__error"},this.error)))}};_.style=".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 g=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdSearch=e(this,"mrdSearch"),this.mrdFetchAll=e(this,"mrdFetchAll"),this.mrdUpload=e(this,"mrdUpload"),this.locale=navigator.language,this.handleChange=r=>{r.stopPropagation(),this.mrdChange.emit(r.detail)},this.handleBlur=r=>{r.stopPropagation(),this.mrdBlur.emit(r.detail)},this.handleSearch=r=>{r.stopPropagation(),this.mrdSearch.emit(r.detail)},this.handleFetchAll=r=>{r.stopPropagation(),this.mrdFetchAll.emit(r.detail)},this.handleUpload=r=>{r.stopPropagation(),this.mrdUpload.emit(r.detail)}}render(){var r,e,t,o,l,a,c,f,h,u,b,v,p,_,g,y,x,w,k,z,C,q,j,B,O,D,S,A,F,M,R;const{item:N,locale:U,value:E}=this;if(N.type===n.RELATION&&N.relation){const s=N.relation;return i(d,null,i("mrd-relation-field",{name:s.name,label:s.label,required:s.required,disabled:null!==(r=s.disabled)&&void 0!==r&&r,locale:U,relatedClass:s.relatedClass,mostSignificantClass:null!==(e=s.mostSignificantClass)&&void 0!==e?e:"",displayType:null!==(t=s.displayType)&&void 0!==t?t:m.SEARCH,editBehavior:null!==(o=s.editBehavior)&&void 0!==o?o:null,commonRelation:s.commonRelation,multiple:null!==(l=s.multiple)&&void 0!==l&&l,dropdownValues:null!==(a=s.dropdownValues)&&void 0!==a?a:[],value:E,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur,onMrdSearch:this.handleSearch,onMrdFetchAll:this.handleFetchAll}))}if(N.type!==n.FIELD\|\|!N.field)return i(d,null);const L=N.field,I={name:L.name,label:L.label,required:L.required,disabled:null!==(c=L.disabled)&&void 0!==c&&c,locale:U,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur};switch(L.dataType){case s.TEXT:return i(d,null,i("mrd-text-field",Object.assign({},I,{value:null!==(f=E)&&void 0!==f?f:"",placeholder:null!==(h=L.placeholder)&&void 0!==h?h:""})));case s.TEXTBLOCK:return i(d,null,i("mrd-textarea-field",Object.assign({},I,{value:null!==(u=E)&&void 0!==u?u:"",placeholder:null!==(b=L.placeholder)&&void 0!==b?b:""})));case s.INTEGER:case s.DECIMAL:case s.PERCENTAGE:return i(d,null,i("mrd-number-field",Object.assign({},I,{value:null!==(v=E)&&void 0!==v?v:null,dataType:L.dataType,decimalPrecision:null!==(p=L.decimalPrecision)&&void 0!==p?p:2,placeholder:null!==(_=L.placeholder)&&void 0!==_?_:""})));case s.CURRENCY:return i(d,null,i("mrd-currency-field",Object.assign({},I,{value:null!==(g=E)&&void 0!==g?g:{amount:null,currency:null!==(y=L.currencyCode)&&void 0!==y?y:"EUR"}})));case s.BOOLEAN:return i(d,null,i("mrd-boolean-field",Object.assign({},I,{value:null!==(x=E)&&void 0!==x&&x})));case s.DATE:return i(d,null,i("mrd-date-field",Object.assign({},I,{value:null!==(w=E)&&void 0!==w?w:""})));case s.DATETIME:return i(d,null,i("mrd-datetime-field",Object.assign({},I,{value:null!==(k=E)&&void 0!==k?k:""})));case s.TIME:return i(d,null,i("mrd-time-field",Object.assign({},I,{value:null!==(z=E)&&void 0!==z?z:""})));case s.EMAIL:return i(d,null,i("mrd-email-field",Object.assign({},I,{value:null!==(C=E)&&void 0!==C?C:"",placeholder:null!==(q=L.placeholder)&&void 0!==q?q:""})));case s.HYPERLINK:return i(d,null,i("mrd-hyperlink-field",Object.assign({},I,{value:null!==(j=E)&&void 0!==j?j:"",placeholder:null!==(B=L.placeholder)&&void 0!==B?B:""})));case s.LIST:return i(d,null,i("mrd-list-field",Object.assign({},I,{value:null!==(O=E)&&void 0!==O?O:"",multiple:null!==(D=L.multiple)&&void 0!==D&&D,listItems:null!==(S=L.listItems)&&void 0!==S?S:[]})));case s.FILE:return i(d,null,i("mrd-file-field",Object.assign({},I,{value:E,accept:null!==(A=L.accept)&&void 0!==A?A:"",maxSize:null!==(F=L.maxSize)&&void 0!==F?F:0,onMrdUpload:this.handleUpload})));case s.IMAGE:return i(d,null,i("mrd-image-field",Object.assign({},I,{value:E,accept:null!==(M=L.accept)&&void 0!==M?M:"image/",maxSize:null!==(R=L.maxSize)&&void 0!==R?R:0,onMrdUpload:this.handleUpload})));default:return i(d,null)}}},y=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdUpload=e(this,"mrdUpload"),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="",this.maxSize=0,this.fileName="",this.isDragging=!1,this.uploading=!1,this.error="",this.handleInputChange=r=>{var e;const i=r.target.files;this.handleFile(null!==(e=null==i?void 0:i[0])&&void 0!==e?e:null)},this.handleDragOver=r=>{r.preventDefault(),this.isDragging=!0},this.handleDragLeave=()=>{this.isDragging=!1},this.handleDrop=r=>{var e,i,d;r.preventDefault(),this.isDragging=!1;const t=null!==(d=null===(i=null===(e=r.dataTransfer)\|\|void 0===e?void 0:e.files)\|\|void 0===i?void 0:i[0])&&void 0!==d?d:null;this.handleFile(t)},this.handleZoneClick=()=>{var r;this.disabled\|\|this.uploading\|\|null===(r=this.fileInputRef)\|\|void 0===r\|\|r.click()},this.handleClear=r=>{r.stopPropagation(),this.fileName="",this.error="",this.uploading=!1,this.fileInputRef&&(this.fileInputRef.value=""),this.mrdChange.emit({name:this.name,value:null})}}valueChanged(r){"string"==typeof r&&r?this.uploading=!1:r\|\|(this.uploading=!1,this.fileName="")}handleFile(r){if(!r)return this.fileName="",this.uploading=!1,void this.mrdChange.emit({name:this.name,value:null});this.maxSize>0&&r.size>this.maxSize?this.error=l("file_too_large",this.locale):(this.error="",this.fileName=r.name,this.uploading=!0,this.mrdChange.emit({name:this.name,value:r}),this.mrdUpload.emit({name:this.name,file:r}))}render(){const r=this.uploading\|\|"string"==typeof this.value&&this.value\|\|this.fileName,e=!!this.error,t=["mrd-file-field__zone",this.isDragging?"mrd-file-field__zone--dragging":"",e?"mrd-file-field__zone--error":"",this.disabled\|\|this.uploading?"mrd-file-field__zone--disabled":""].filter(Boolean).join(" ");return i(d,{key:"2090102df8169226c1e66f87cbc837296e4b55d4"},i("div",{key:"7a37a09df1bfa2eaf28ed04c806ad5f7c0337bb0",class:"mrd-file-field"},this.label&&i("label",{key:"8f1fcb8adbb66b792be902c7c548e50db99b6a53",class:"mrd-file-field__label"+(this.required?" mrd-file-field__label--required":"")},this.label),i("div",{key:"66d992298f537b24d69ce3ead3dd229f6d124f3d",class:t,onClick:this.handleZoneClick,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},i("input",{key:"95ba6560e71ee08c6b2526802727b29a18cdc454",ref:r=>this.fileInputRef=r,class:"mrd-file-field__input",type:"file",name:this.name,accept:this.accept,disabled:this.disabled\|\|this.uploading,required:this.required&&!r,onChange:this.handleInputChange}),r?i("div",{class:"mrd-file-field__selected"},this.uploading?i("span",{class:"mrd-file-field__spinner","aria-label":l("loading",this.locale)}):i("svg",{class:"mrd-file-field__icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},i("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),i("polyline",{points:"14 2 14 8 20 8"})),i("span",{class:"mrd-file-field__filename"},this.fileName),!this.uploading&&i("button",{class:"mrd-file-field__clear",type:"button",onClick:this.handleClear,"aria-label":l("clear",this.locale)},"✕")):i("div",{class:"mrd-file-field__prompt"},i("svg",{class:"mrd-file-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},i("polyline",{points:"16 16 12 12 8 16"}),i("line",{x1:"12",y1:"12",x2:"12",y2:"21"}),i("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})),i("span",null,l("drop_file_here",this.locale)," ",i("span",{class:"mrd-file-field__browse"},l("browse",this.locale))))),e&&i("span",{key:"a6020e63bebb01e31a980a903f81badd486585aa",class:"mrd-file-field__error"},this.error)))}static get watchers(){return{value:[{valueChanged:0}]}}};y.style=".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 x=class{constructor(i){r(this,i),this.mrdSubmit=e(this,"mrdSubmit"),this.mrdCancel=e(this,"mrdCancel"),this.mrdSearch=e(this,"mrdSearch"),this.mrdFetchAll=e(this,"mrdFetchAll"),this.mrdUpload=e(this,"mrdUpload"),this.locale=navigator.language,this.values={},this.referenceHref="",this.referenceClass="",this.showCancel=!1,this.formValues={},this.errors={},this.submitted=!1,this.initialValues={},this.handleFieldChange=r=>{const{name:e,value:i}=r.detail,d=this.getHref(this.formValues[e]);this.formValues=Object.assign(Object.assign({},this.formValues),{[e]:i}),this.errors[e]&&(this.errors=Object.assign(Object.assign({},this.errors),{[e]:""}));const t=this.getHref(i);if(t!==d)for(const r of this.collectDependentDropdowns())r.commonRelation===e&&(this.formValues=Object.assign(Object.assign({},this.formValues),{[r.name]:null}),this.mrdFetchAll.emit({name:r.name,relatedClass:r.relatedClass,mostSignificantClass:r.mostSignificantClass,commonRelation:r.commonRelation,filter:r.commonRelation+"_href",filterValue:t}))},this.handleSearch=r=>{r.stopPropagation(),this.mrdSearch.emit(r.detail)},this.handleFetchAll=r=>{r.stopPropagation(),this.mrdFetchAll.emit(r.detail)},this.handleUpload=r=>{r.stopPropagation(),this.mrdUpload.emit(r.detail)},this.handleSubmit=r=>{r.preventDefault(),this.submitted=!0,this.validate()&&this.mrdSubmit.emit(this.buildSubmitPayload())}}componentWillLoad(){var r,e;this.initialValues=Object.assign({},null!==(r=this.values)&&void 0!==r?r:{}),this.formValues=Object.assign({},null!==(e=this.values)&&void 0!==e?e:{})}componentDidLoad(){setTimeout((()=>{this.applyReferenceValue(),this.emitDependentFetchAll()}),0)}valuesChanged(r){this.initialValues=Object.assign({},null!=r?r:{}),this.formValues=Object.assign({},null!=r?r:{}),this.applyReferenceValue(),this.errors={},this.submitted=!1,setTimeout((()=>this.emitDependentFetchAll()),0)}applyReferenceValue(){if(!this.referenceHref\|\|!this.referenceClass)return;const r=this.resolveReferenceFieldName();r&&(this.formValues[r]\|\|(this.formValues=Object.assign(Object.assign({},this.formValues),{[r]:this.referenceHref})))}resolveReferenceFieldName(){var r,e;const i=this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]),d=i.find((r=>{var e;return r.type===n.RELATION&&(null===(e=r.relation)\|\|void 0===e?void 0:e.mostSignificantClass)===this.referenceClass}));if(null==d?void 0:d.relation)return d.relation.name;const t=new Set(i.filter((r=>r.type===n.RELATION)).map((r=>r.relation.name)));for(const r of i){const e=r.relation;if(r.type===n.RELATION&&(null==e?void 0:e.editBehavior)===c.DROPDOWN&&e.commonRelation&&!t.has(e.commonRelation))return e.commonRelation}return null}async setFieldValue(r,e){this.formValues=Object.assign(Object.assign({},this.formValues),{[r]:e}),this.errors[r]&&(this.errors=Object.assign(Object.assign({},this.errors),{[r]:""}))}collectDependentDropdowns(){var r,e;return this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]).filter((r=>{var e;return r.type===n.RELATION&&(null===(e=r.relation)\|\|void 0===e?void 0:e.editBehavior)===c.DROPDOWN&&!!r.relation.commonRelation})).map((r=>r.relation))}emitDependentFetchAll(){for(const r of this.collectDependentDropdowns()){const e=this.getHref(this.formValues[r.commonRelation]);e&&this.mrdFetchAll.emit({name:r.name,relatedClass:r.relatedClass,mostSignificantClass:r.mostSignificantClass,commonRelation:r.commonRelation,filter:r.commonRelation+"_href",filterValue:e})}}getHref(r){return r?"string"==typeof r?r:"object"==typeof r&&"id"in r?r.id:"":""}collectFields(r){const e=[];for(const i of r)i.type!==n.FIELD&&i.type!==n.RELATION\|\|e.push(i),i.items&&e.push(...this.collectFields(i.items));return e}validate(){var r,e,i;const d={},t=this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]);for(const r of t){const e=null!==(i=r.field)&&void 0!==i?i:r.relation;e&&e.required&&!h(this.formValues[e.name])&&(d[e.name]=l("required",this.locale))}return this.errors=d,0===Object.keys(d).length}normalizeFieldValue(r){return""===r\|\|null==r?null:r}normalizeRelationValue(r){return null==r\|\|""===r?null:"string"==typeof r?r\|\|null:Array.isArray(r)?r.map((r=>"object"==typeof r&&null!==r&&"id"in r?r.id:String(r))):"object"==typeof r&&"id"in r&&r.id\|\|null}deepEqual(r,e){if(r===e)return!0;if(null==r&&null==e)return!0;if(null==r\|\|null==e)return!1;if(Array.isArray(r)&&Array.isArray(e)){if(r.length!==e.length)return!1;const i=[...r].sort(),d=[...e].sort();return JSON.stringify(i)===JSON.stringify(d)}return JSON.stringify(r)===JSON.stringify(e)}buildSubmitPayload(){var r,e;const i={},d=this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]);for(const r of d)if(r.type===n.FIELD&&r.field){const e=r.field.name,d=this.formValues[e];if(d instanceof File)continue;const t=this.normalizeFieldValue(d),o=this.normalizeFieldValue(this.initialValues[e]);if(this.deepEqual(t,o))continue;i[e]=t}else if(r.type===n.RELATION&&r.relation){const e=r.relation.name,d=this.normalizeRelationValue(this.formValues[e]),t=this.normalizeRelationValue(this.initialValues[e]);if(this.deepEqual(d,t))continue;i[e]=d}return i}renderItems(r){return r.map((r=>{var e,d,t,o;if(r.type===n.SECTION)return i("fieldset",{class:"mrd-form__section"},r.label&&i("legend",{class:"mrd-form__section-legend"},r.label),i("div",{class:"mrd-form__section-body"},r.items&&this.renderItems(r.items)));if(r.type===n.GROUP)return i("div",{class:"mrd-form__group"},r.label&&i("div",{class:"mrd-form__group-label"},r.label),i("div",{class:"mrd-form__group-body"},r.items&&this.renderItems(r.items)));const l=null!==(o=null!==(d=null===(e=r.field)\|\|void 0===e?void 0:e.name)&&void 0!==d?d:null===(t=r.relation)\|\|void 0===t?void 0:t.name)&&void 0!==o?o:"";return i("div",{class:"mrd-form__field"},i("mrd-field",{item:r,locale:this.locale,value:this.formValues[l],onMrdChange:this.handleFieldChange,onMrdBlur:this.handleFieldChange,onMrdSearch:this.handleSearch,onMrdFetchAll:this.handleFetchAll,onMrdUpload:this.handleUpload}),this.errors[l]&&i("span",{class:"mrd-form__field-error"},this.errors[l]))}))}render(){if(!this.layout)return i(d,null);const r=this.locale.startsWith("ar")?"rtl":"ltr";return i(d,null,i("form",{class:"mrd-form",dir:r,onSubmit:this.handleSubmit,noValidate:!0},this.layout.title&&i("h2",{class:"mrd-form__title"},this.layout.title),i("div",{class:"mrd-form__body"},this.renderItems(this.layout.items)),i("div",{class:"mrd-form__footer"},i("button",{type:"submit",class:"mrd-form__submit"},l("submit",this.locale)),this.showCancel&&i("button",{type:"button",class:"mrd-form__cancel",onClick:()=>this.mrdCancel.emit()},l("cancel",this.locale)))))}static get watchers(){return{values:[{valuesChanged:0}]}}};x.style=".sc-mrd-form-h{display:block}.mrd-form.sc-mrd-form{font-family:var(--mrd-font-family);width:100%}.mrd-form__title.sc-mrd-form{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-6) 0}.mrd-form__body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-5)}.mrd-form__field.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-form__field-error.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-form__section.sc-mrd-form{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-4) var(--mrd-space-5);margin:0}.mrd-form__section-legend.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-700);padding:0 var(--mrd-space-2)}.mrd-form__section-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);margin-top:var(--mrd-space-2)}.mrd-form__group.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-form__group-label.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);text-transform:uppercase;letter-spacing:0.05em}.mrd-form__group-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);padding-left:var(--mrd-space-4);border-left:3px solid var(--mrd-color-neutral-200)}.mrd-form__footer.sc-mrd-form{margin-top:var(--mrd-space-8);padding-top:var(--mrd-space-5);border-top:var(--mrd-border-width) solid var(--mrd-border-color);display:flex;justify-content:flex-end;gap:var(--mrd-space-3)}.mrd-form__submit.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-form__submit.sc-mrd-form:hover{background-color:var(--mrd-color-primary-hover)}.mrd-form__submit.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__submit.sc-mrd-form:active{background-color:var(--mrd-color-primary-dark)}.mrd-form__cancel.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-form__cancel.sc-mrd-form:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-form__cancel.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__cancel.sc-mrd-form:active{background-color:var(--mrd-color-neutral-200)}";const w=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):e&&!function(r){if(!r)return!0;try{return new URL(r),!0}catch(r){return!1}}(e)?l("invalid_url",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return i(d,{key:"4f642cb037c6e25786593dbf0cbead71ce34580c"},i("div",{key:"c679d95924bc2d22089c435ec15a35132a4a062d",class:"mrd-hyperlink-field"},this.label&&i("label",{key:"b391dd2d152c68fe75517926c40779313a23b9d9",class:"mrd-hyperlink-field__label"+(this.required?" mrd-hyperlink-field__label--required":"")},this.label),i("input",{key:"ea0d2aba8520ecbde4df8e4507e0f16bd497baa9",class:"mrd-hyperlink-field__input"+(r?" mrd-hyperlink-field__input--error":""),type:"url",name:this.name,value:this.value,placeholder:this.placeholder\|\|"https://",required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),r&&i("span",{key:"fab1d90c726b69c6c43c7997fd1b7480678c2c78",class:"mrd-hyperlink-field__error"},this.error)))}};w.style=".sc-mrd-hyperlink-field-h{display:block}.mrd-hyperlink-field.sc-mrd-hyperlink-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-hyperlink-field__label.sc-mrd-hyperlink-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-hyperlink-field__label--required.sc-mrd-hyperlink-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-hyperlink-field__input.sc-mrd-hyperlink-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-hyperlink-field__input.sc-mrd-hyperlink-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-hyperlink-field__input.sc-mrd-hyperlink-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-hyperlink-field__input.sc-mrd-hyperlink-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-hyperlink-field__input--error.sc-mrd-hyperlink-field{border-color:var(--mrd-border-color-error)}.mrd-hyperlink-field__input--error.sc-mrd-hyperlink-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-hyperlink-field__error.sc-mrd-hyperlink-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const k=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdUpload=e(this,"mrdUpload"),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="image/",this.maxSize=0,this.previewUrl="",this.fileName="",this.isDragging=!1,this.uploading=!1,this.error="",this.handleInputChange=r=>{var e;const i=r.target.files;this.handleFile(null!==(e=null==i?void 0:i[0])&&void 0!==e?e:null)},this.handleDragOver=r=>{r.preventDefault(),this.isDragging=!0},this.handleDragLeave=()=>{this.isDragging=!1},this.handleDrop=r=>{var e,i,d;r.preventDefault(),this.isDragging=!1;const t=null!==(d=null===(i=null===(e=r.dataTransfer)\|\|void 0===e?void 0:e.files)\|\|void 0===i?void 0:i[0])&&void 0!==d?d:null;this.handleFile(t)},this.handleZoneClick=()=>{var r;this.disabled\|\|this.uploading\|\|null===(r=this.fileInputRef)\|\|void 0===r\|\|r.click()},this.handleClear=r=>{r.stopPropagation(),this.previewUrl="",this.fileName="",this.error="",this.uploading=!1,this.fileInputRef&&(this.fileInputRef.value=""),this.mrdChange.emit({name:this.name,value:null})}}valueChanged(r){"string"==typeof r&&r?this.uploading=!1:r\|\|(this.uploading=!1,this.previewUrl="",this.fileName="")}handleFile(r){if(!r)return this.previewUrl="",this.fileName="",this.uploading=!1,void this.mrdChange.emit({name:this.name,value:null});if(this.maxSize>0&&r.size>this.maxSize)return void(this.error=l("file_too_large",this.locale));if(!r.type.startsWith("image/"))return void(this.error="Please select an image file");this.error="",this.fileName=r.name,this.uploading=!0;const e=new FileReader;e.onload=r=>{var e;this.previewUrl=null===(e=r.target)\|\|void 0===e?void 0:e.result},e.readAsDataURL(r),this.mrdChange.emit({name:this.name,value:r}),this.mrdUpload.emit({name:this.name,file:r})}render(){const r=!!this.error,e=["mrd-image-field__zone",this.isDragging?"mrd-image-field__zone--dragging":"",r?"mrd-image-field__zone--error":"",this.disabled\|\|this.uploading?"mrd-image-field__zone--disabled":""].filter(Boolean).join(" ");return i(d,{key:"76b5a36a7f5a420ded3400c8a1481843363d1cbe"},i("div",{key:"3544df84aaf427a25518bafe13d60cf89ed28537",class:"mrd-image-field"},this.label&&i("label",{key:"dca64c1600cb98526eb4b91a908106087f099ad1",class:"mrd-image-field__label"+(this.required?" mrd-image-field__label--required":"")},this.label),i("div",{key:"ce07f32126f0956e47ff6fc41ff231590e0503d3",class:e,onClick:this.handleZoneClick,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},i("input",{key:"660fbae5f730834c465522a11dd674fc8e50a54e",ref:r=>this.fileInputRef=r,class:"mrd-image-field__input",type:"file",name:this.name,accept:this.accept,disabled:this.disabled\|\|this.uploading,required:this.required&&!this.previewUrl,onChange:this.handleInputChange}),this.previewUrl?i("div",{class:"mrd-image-field__preview-container"},i("div",{class:"mrd-image-field__preview-thumb"},i("img",{class:"mrd-image-field__preview",src:this.previewUrl,alt:this.fileName}),this.uploading&&i("div",{class:"mrd-image-field__preview-overlay"},i("span",{class:"mrd-image-field__spinner"}))),i("div",{class:"mrd-image-field__preview-info"},i("span",{class:"mrd-image-field__preview-name"},this.fileName),this.uploading&&i("span",{class:"mrd-image-field__upload-status"},l("loading",this.locale))),!this.uploading&&i("button",{class:"mrd-image-field__clear",type:"button",onClick:this.handleClear,"aria-label":l("clear",this.locale)},l("remove",this.locale))):i("div",{class:"mrd-image-field__prompt"},i("svg",{class:"mrd-image-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},i("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),i("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),i("polyline",{points:"21 15 16 10 5 21"})),i("span",null,l("drop_file_here",this.locale)," ",i("span",{class:"mrd-image-field__browse"},l("browse",this.locale))))),r&&i("span",{key:"9b8f9563fea63bd12c38f5c480e9cbd24106c3af",class:"mrd-image-field__error"},this.error)))}static get watchers(){return{value:[{valueChanged:0}]}}};k.style=".sc-mrd-image-field-h{display:block}.mrd-image-field.sc-mrd-image-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-image-field__label.sc-mrd-image-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-image-field__label--required.sc-mrd-image-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-image-field__zone.sc-mrd-image-field{display:flex;align-items:center;justify-content:center;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-image-field__zone.sc-mrd-image-field:hover{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-image-field__zone--dragging.sc-mrd-image-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-image-field__zone--error.sc-mrd-image-field{border-color:var(--mrd-border-color-error)}.mrd-image-field__zone--disabled.sc-mrd-image-field{opacity:0.6;cursor:not-allowed}.mrd-image-field__zone--disabled.sc-mrd-image-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-image-field__input.sc-mrd-image-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:none}.mrd-image-field__prompt.sc-mrd-image-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-6);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-image-field__upload-icon.sc-mrd-image-field{width:40px;height:40px;color:var(--mrd-color-neutral-400)}.mrd-image-field__browse.sc-mrd-image-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-image-field__preview-container.sc-mrd-image-field{display:flex;align-items:center;gap:var(--mrd-space-4);padding:var(--mrd-space-4);width:100%}.mrd-image-field__preview-thumb.sc-mrd-image-field{flex-shrink:0;width:80px;height:80px;border-radius:var(--mrd-border-radius);overflow:hidden;border:var(--mrd-border-width) solid var(--mrd-border-color);background-color:var(--mrd-color-neutral-100)}.mrd-image-field__preview.sc-mrd-image-field{width:100%;height:100%;object-fit:cover;display:block}.mrd-image-field__preview-info.sc-mrd-image-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-image-field__preview-name.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-image-field__preview-overlay.sc-mrd-image-field{position:absolute;inset:0;background:rgb(255 255 255 / 0.7);display:flex;align-items:center;justify-content:center;border-radius:var(--mrd-border-radius)}.mrd-image-field__spinner.sc-mrd-image-field{display:inline-block;width:24px;height:24px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-image-spin 0.6s linear infinite}@keyframes mrd-image-spin{to{transform:rotate(360deg)}}.mrd-image-field__upload-status.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-image-field__clear.sc-mrd-image-field{flex-shrink:0;background-color:var(--mrd-color-white);color:var(--mrd-color-danger);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-image-field__clear.sc-mrd-image-field:hover{background-color:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-image-field__error.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const z=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.multiple=!1,this.locale=navigator.language,this.listItems=[],this.error="",this.selected=[],this.handleSelectChange=r=>{const e=r.target;if(this.multiple){const r=Array.from(e.selectedOptions).map((r=>r.value));this.selected=r,this.error=this.required&&!h(r)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:r})}else{const r=e.value;this.error=this.required&&!h(r)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:r})}},this.handleBlur=()=>{this.mrdBlur.emit({name:this.name,value:this.multiple?this.selected:this.value})},this.toggleCheckbox=r=>{this.selected=this.selected.includes(r)?this.selected.filter((e=>e!==r)):[...this.selected,r],this.error=this.required&&!h(this.selected)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:this.selected})}}componentWillLoad(){this.multiple&&(this.selected=Array.isArray(this.value)?this.value:this.value?[this.value]:[])}getContrastColor(r){if(!r)return"#000000";const e=r.replace("#","");return(.299parseInt(e.substr(0,2),16)+.587parseInt(e.substr(2,2),16)+.114parseInt(e.substr(4,2),16))/255>.5?"#000000":"#ffffff"}render(){var r,e;const t=!!this.error,o=Array.isArray(this.value)?null!==(r=this.value[0])&&void 0!==r?r:"":null!==(e=this.value)&&void 0!==e?e:"";return i(d,null,i("div",{class:"mrd-list-field"},this.label&&i("label",{class:"mrd-list-field__label"+(this.required?" mrd-list-field__label--required":"")},this.label),this.multiple?i("div",{class:"mrd-list-field__checkbox-list"+(t?" mrd-list-field__checkbox-list--error":"")},this.listItems.map((r=>{var e,d;return i("label",{key:r.key,class:"mrd-list-field__checkbox-item"},i("input",{type:"checkbox",checked:this.selected.includes(r.key),disabled:this.disabled,onChange:()=>this.toggleCheckbox(r.key)}),(r.color\|\|r.backgroundColor)&&i("span",{class:"mrd-list-field__color-dot",style:{backgroundColor:null!==(d=null!==(e=r.backgroundColor)&&void 0!==e?e:r.color)&&void 0!==d?d:""}}),i("span",null,r.label))}))):i("select",{class:"mrd-list-field__select"+(t?" mrd-list-field__select--error":""),name:this.name,required:this.required,disabled:this.disabled,onChange:this.handleSelectChange,onBlur:this.handleBlur},i("option",{value:""},l("select_placeholder",this.locale)),this.listItems.map((r=>{var e,d;const t=null!==(d=null!==(e=r.backgroundColor)&&void 0!==e?e:r.color)&&void 0!==d?d:null,l=t?{backgroundColor:t,color:this.getContrastColor(t)}:{};return i("option",{key:r.key,value:r.key,selected:r.key===o,style:l},r.label)}))),t&&i("span",{class:"mrd-list-field__error"},this.error)))}};z.style=".sc-mrd-list-field-h{display:block}.mrd-list-field.sc-mrd-list-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-list-field__label.sc-mrd-list-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-list-field__label--required.sc-mrd-list-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-list-field__select.sc-mrd-list-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);padding-right:calc(var(--mrd-input-padding-x) + 1.5rem);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--mrd-space-3) center;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;cursor:pointer;box-sizing:border-box}.mrd-list-field__select.sc-mrd-list-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-list-field__select.sc-mrd-list-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-list-field__select--error.sc-mrd-list-field{border-color:var(--mrd-border-color-error)}.mrd-list-field__select--error.sc-mrd-list-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-list-field__checkbox-list.sc-mrd-list-field{display:flex;flex-direction:column;gap:var(--mrd-space-2);padding:var(--mrd-space-3);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);background-color:var(--mrd-input-bg)}.mrd-list-field__checkbox-list--error.sc-mrd-list-field{border-color:var(--mrd-border-color-error)}.mrd-list-field__checkbox-item.sc-mrd-list-field{display:flex;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);cursor:pointer}.mrd-list-field__checkbox-item.sc-mrd-list-field input[type='checkbox'].sc-mrd-list-field{width:1rem;height:1rem;cursor:pointer;accent-color:var(--mrd-color-primary)}.mrd-list-field__color-dot.sc-mrd-list-field{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.mrd-list-field__error.sc-mrd-list-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const C=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value=null,this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.dataType=s.INTEGER,this.decimalPrecision=2,this.displayValue="",this.error="",this.handleInput=r=>{this.displayValue=r.target.value},this.handleBlur=r=>{const e=r.target.value,i=o(e,this.locale);this.error=!this.required\|\|null!==i&&""!==e?""===e\|\|function(r,e){if(null==r\|\|""===r)return!0;const i=Number(r);return!isNaN(i)&&(e===s.INTEGER?Number.isInteger(i):e!==s.PERCENTAGE\|\|i>=0&&i<=100)}(i,this.dataType)?"":l("invalid_number",this.locale):l("required",this.locale),null!==i&&h(e)&&(this.displayValue=this.formatForDisplay(i)),this.mrdChange.emit({name:this.name,value:i}),this.mrdBlur.emit({name:this.name,value:i})},this.handleFocus=()=>{if(null!=this.value){const r=String(this.value);this.displayValue=r}}}componentWillLoad(){null!=this.value&&(this.displayValue=this.formatForDisplay(this.value))}formatForDisplay(r){return this.dataType===s.PERCENTAGE?a(r,this.locale,{minimumFractionDigits:0,maximumFractionDigits:this.decimalPrecision})+"%":a(r,this.locale,this.dataType===s.DECIMAL?{minimumFractionDigits:this.decimalPrecision,maximumFractionDigits:this.decimalPrecision}:{maximumFractionDigits:0})}render(){const r=!!this.error,e=this.dataType===s.PERCENTAGE?"%":"";return i(d,{key:"68d81012d9180dde4160a507121b83f04698834a"},i("div",{key:"b8e46f6d23527b2c95ad2738fc63a07adfce4fda",class:"mrd-number-field"},this.label&&i("label",{key:"c3271c7a8adfd8bcb3b4f51e580239f928a354a5",class:"mrd-number-field__label"+(this.required?" mrd-number-field__label--required":"")},this.label),i("div",{key:"c46b69affd1e22c539511f6743b6d23fe73fb079",class:"mrd-number-field__input-wrapper"},i("input",{key:"e68188829c2e03c947c5605332a2681de550a0d5",class:"mrd-number-field__input"+(r?" mrd-number-field__input--error":""),type:"text",inputMode:"decimal",name:this.name,value:this.displayValue,placeholder:this.placeholder\|\|(e?`0${e}`:"0"),required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus})),r&&i("span",{key:"bdc2723e2547517765bd64ad70c5103c7a2b363c",class:"mrd-number-field__error"},this.error)))}};C.style=".sc-mrd-number-field-h{display:block}.mrd-number-field.sc-mrd-number-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-number-field__label.sc-mrd-number-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-number-field__label--required.sc-mrd-number-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-number-field__input-wrapper.sc-mrd-number-field{position:relative;display:flex;align-items:center}.mrd-number-field__input.sc-mrd-number-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;text-align:right}.mrd-number-field__input.sc-mrd-number-field::placeholder{color:var(--mrd-input-placeholder-color);text-align:left}.mrd-number-field__input.sc-mrd-number-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-number-field__input.sc-mrd-number-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-number-field__input--error.sc-mrd-number-field{border-color:var(--mrd-border-color-error)}.mrd-number-field__input--error.sc-mrd-number-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-number-field__error.sc-mrd-number-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const q=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdSearch=e(this,"mrdSearch"),this.mrdFetchAll=e(this,"mrdFetchAll"),this.name="",this.label="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.relatedClass="",this.mostSignificantClass="",this.displayType=m.SEARCH,this.multiple=!1,this.dropdownValues=[],this.value=null,this.searchQuery="",this.searchResults=[],this.allRecords=[],this.isLoading=!1,this.selectedItems=[],this.showResults=!1,this.error="",this.highlightedIndex=-1,this.searchDebounce=null,this.handleKeyDown=r=>{this.showResults&&0!==this.searchResults.length?"ArrowDown"===r.key?(r.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.searchResults.length-1)):"ArrowUp"===r.key?(r.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0)):"Enter"===r.key?(r.preventDefault(),this.highlightedIndex>=0&&this.handleResultSelect(this.searchResults[this.highlightedIndex])):"Escape"===r.key&&(this.showResults=!1,this.highlightedIndex=-1):"Escape"===r.key&&(this.showResults=!1,this.highlightedIndex=-1)},this.clearSelection=()=>{this.selectedItems=[],this.searchQuery="",this.searchResults=[],this.showResults=!1,this.highlightedIndex=-1,this.mrdChange.emit({name:this.name,value:this.multiple?[]:null})},this.handleSearchInput=r=>{const e=r.target.value;this.searchQuery=e,this.searchDebounce&&clearTimeout(this.searchDebounce),e.trim().length>=2?(this.isLoading=!0,this.showResults=!0,this.searchDebounce=setTimeout((()=>{this.mrdSearch.emit({name:this.name,query:e,relatedClass:this.mostSignificantClass})}),300)):(this.searchResults=[],this.showResults=!1,this.isLoading=!1)},this.handleResultSelect=r=>{if(this.multiple){this.selectedItems.find((e=>e.id===r.id))\|\|(this.selectedItems=[...this.selectedItems,r]),this.searchQuery="",this.searchResults=[],this.showResults=!1;const e=this.selectedItems.map((r=>r.id));this.mrdChange.emit({name:this.name,value:e})}else this.selectedItems=[r],this.searchQuery=r.label,this.showResults=!1,this.mrdChange.emit({name:this.name,value:r.id});this.error=this.required&&!h(this.selectedItems)?l("required",this.locale):""},this.handleRemoveSelected=r=>{this.selectedItems=this.selectedItems.filter((e=>e.id!==r));const e=this.selectedItems.map((r=>r.id));this.mrdChange.emit({name:this.name,value:this.multiple?e:null})},this.handleDropdownChange=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:e})},this.handleBlur=()=>{var r,e;setTimeout((()=>{this.showResults=!1,this.highlightedIndex=-1}),200);const i=this.multiple?this.selectedItems.map((r=>r.id)):null!==(e=null===(r=this.selectedItems[0])\|\|void 0===r?void 0:r.id)&&void 0!==e?e:null;this.mrdBlur.emit({name:this.name,value:i})}}async setAllRecords(r){this.allRecords=r}async setSearchResults(r){this.searchResults=r,this.isLoading=!1,this.showResults=!0,this.highlightedIndex=-1}async setLoading(r){this.isLoading=r}componentWillLoad(){var r;this.value&&(Array.isArray(this.value)?this.value.length>0&&"object"==typeof this.value[0]&&(this.selectedItems=this.value,this.searchQuery=""):"object"==typeof this.value&&(this.selectedItems=[this.value],this.searchQuery=null!==(r=this.value.label)&&void 0!==r?r:""))}componentDidLoad(){this.editBehavior!==c.DROPDOWN\|\|this.commonRelation\|\|setTimeout((()=>{this.mrdFetchAll.emit({name:this.name,relatedClass:this.relatedClass,mostSignificantClass:this.mostSignificantClass\|\|void 0})}),0)}render(){var r,e,t,o;const a=!!this.error;if(this.editBehavior===c.DROPDOWN){const t=Array.isArray(this.value)?null!==(r=this.value[0])&&void 0!==r?r:"":null!==(e=this.value)&&void 0!==e?e:"";return i(d,null,i("div",{class:"mrd-relation-field"},this.label&&i("label",{class:"mrd-relation-field__label"+(this.required?" mrd-relation-field__label--required":"")},this.label),i("select",{class:"mrd-relation-field__select"+(a?" mrd-relation-field__select--error":""),name:this.name,required:this.required,disabled:this.disabled,onChange:this.handleDropdownChange},i("option",{value:""},l("select_placeholder",this.locale)),this.allRecords.map((r=>i("option",{key:r.id,value:r.id,selected:r.id===t},r.label)))),a&&i("span",{class:"mrd-relation-field__error"},this.error)))}if(this.displayType===m.DROPDOWN){const r=Array.isArray(this.value)?null!==(t=this.value[0])&&void 0!==t?t:"":null!==(o=this.value)&&void 0!==o?o:"";return i(d,null,i("div",{class:"mrd-relation-field"},this.label&&i("label",{class:"mrd-relation-field__label"+(this.required?" mrd-relation-field__label--required":"")},this.label),i("select",{class:"mrd-relation-field__select"+(a?" mrd-relation-field__select--error":""),name:this.name,required:this.required,disabled:this.disabled,onChange:this.handleDropdownChange},i("option",{value:""},l("select_placeholder",this.locale)),this.dropdownValues.map((e=>i("option",{key:e.key,value:e.key,selected:e.key===r},e.label)))),a&&i("span",{class:"mrd-relation-field__error"},this.error)))}const s=this.label&&i("label",{class:"mrd-relation-field__label"+(this.required?" mrd-relation-field__label--required":"")},this.label);return i(d,null,!this.multiple&&this.selectedItems.length>0?i("div",{class:"mrd-relation-field"},s,i("div",{class:"mrd-relation-field__selected-value"+(a?" mrd-relation-field__selected-value--error":"")},i("span",{class:"mrd-relation-field__selected-name"},this.selectedItems[0].label),i("button",{type:"button",class:"mrd-relation-field__selected-clear",onClick:this.clearSelection,"aria-label":l("remove",this.locale)},"✕")),a&&i("span",{class:"mrd-relation-field__error"},this.error)):i("div",{class:"mrd-relation-field"},s,this.multiple&&this.selectedItems.length>0&&i("div",{class:"mrd-relation-field__tags"},this.selectedItems.map((r=>i("span",{key:r.id,class:"mrd-relation-field__tag"},r.label,i("button",{type:"button",class:"mrd-relation-field__tag-remove",onClick:()=>this.handleRemoveSelected(r.id),"aria-label":l("remove",this.locale)},"✕"))))),i("div",{class:"mrd-relation-field__search-wrapper"},i("input",{class:"mrd-relation-field__search"+(a?" mrd-relation-field__search--error":""),type:"text",value:this.searchQuery,placeholder:l("search_placeholder",this.locale),disabled:this.disabled,onInput:this.handleSearchInput,onKeyDown:this.handleKeyDown,onBlur:this.handleBlur}),this.isLoading&&i("span",{class:"mrd-relation-field__spinner","aria-label":l("loading",this.locale)})),this.showResults&&i("div",{class:"mrd-relation-field__results"},0!==this.searchResults.length\|\|this.isLoading?this.searchResults.map(((r,e)=>i("div",{key:r.id,class:"mrd-relation-field__result-item"+(e===this.highlightedIndex?" mrd-relation-field__result-item--highlighted":""),onMouseDown:()=>this.handleResultSelect(r)},i("span",{class:"mrd-relation-field__result-label"},r.label),r.description&&i("span",{class:"mrd-relation-field__result-desc"},r.description)))):i("div",{class:"mrd-relation-field__no-results"},l("no_results",this.locale))),a&&i("span",{class:"mrd-relation-field__error"},this.error)))}};q.style=".sc-mrd-relation-field-h{display:block}.mrd-relation-field.sc-mrd-relation-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%;position:relative}.mrd-relation-field__label.sc-mrd-relation-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-relation-field__label--required.sc-mrd-relation-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-relation-field__select.sc-mrd-relation-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);padding-right:calc(var(--mrd-input-padding-x) + 1.5rem);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--mrd-space-3) center;border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;cursor:pointer;box-sizing:border-box}.mrd-relation-field__select.sc-mrd-relation-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-relation-field__select.sc-mrd-relation-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-relation-field__select--error.sc-mrd-relation-field{border-color:var(--mrd-border-color-error)}.mrd-relation-field__select--error.sc-mrd-relation-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-relation-field__tags.sc-mrd-relation-field{display:flex;flex-wrap:wrap;gap:var(--mrd-space-1);margin-bottom:var(--mrd-space-1)}.mrd-relation-field__tag.sc-mrd-relation-field{display:inline-flex;align-items:center;gap:var(--mrd-space-1);padding:var(--mrd-space-1) var(--mrd-space-2);background-color:var(--mrd-color-primary-light);color:var(--mrd-color-primary-dark);border-radius:var(--mrd-border-radius-full);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium)}.mrd-relation-field__tag-remove.sc-mrd-relation-field{background:none;border:none;cursor:pointer;color:var(--mrd-color-primary-dark);font-size:var(--mrd-font-size-xs);padding:0;line-height:1;opacity:0.7}.mrd-relation-field__tag-remove.sc-mrd-relation-field:hover{opacity:1}.mrd-relation-field__search-wrapper.sc-mrd-relation-field{position:relative;display:flex;align-items:center}.mrd-relation-field__search.sc-mrd-relation-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);outline:none;appearance:none;box-sizing:border-box}.mrd-relation-field__search.sc-mrd-relation-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-relation-field__search.sc-mrd-relation-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-relation-field__search.sc-mrd-relation-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-relation-field__search--error.sc-mrd-relation-field{border-color:var(--mrd-border-color-error)}.mrd-relation-field__search--error.sc-mrd-relation-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-relation-field__spinner.sc-mrd-relation-field{position:absolute;right:var(--mrd-space-3);width:16px;height:16px;border:2px solid var(--mrd-color-neutral-200);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-spin 0.7s linear infinite}@keyframes mrd-spin{to{transform:rotate(360deg)}}.mrd-relation-field__results.sc-mrd-relation-field{position:absolute;top:calc(100% + var(--mrd-space-1));left:0;right:0;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md);z-index:var(--mrd-z-dropdown);max-height:240px;overflow-y:auto}.mrd-relation-field__result-item.sc-mrd-relation-field{display:flex;flex-direction:column;padding:var(--mrd-space-2) var(--mrd-space-3);cursor:pointer;transition:background-color var(--mrd-transition-fast)}.mrd-relation-field__result-item.sc-mrd-relation-field:hover{background-color:var(--mrd-color-neutral-50)}.mrd-relation-field__result-item.sc-mrd-relation-field:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-relation-field__result-label.sc-mrd-relation-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800);font-weight:var(--mrd-font-weight-medium)}.mrd-relation-field__result-desc.sc-mrd-relation-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-relation-field__result-item--highlighted.sc-mrd-relation-field{background-color:var(--mrd-color-primary-light)}.mrd-relation-field__selected-value.sc-mrd-relation-field{display:flex;align-items:center;gap:var(--mrd-space-2);height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);background-color:var(--mrd-color-primary-light);border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius);box-sizing:border-box}.mrd-relation-field__selected-value--error.sc-mrd-relation-field{border-color:var(--mrd-border-color-error);background-color:var(--mrd-color-danger-light)}.mrd-relation-field__selected-name.sc-mrd-relation-field{flex:1;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-relation-field__selected-clear.sc-mrd-relation-field{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--mrd-color-primary-dark);font-size:var(--mrd-font-size-sm);padding:0;line-height:1;opacity:0.6;transition:opacity var(--mrd-transition-fast)}.mrd-relation-field__selected-clear.sc-mrd-relation-field:hover{opacity:1}.mrd-relation-field__no-results.sc-mrd-relation-field{padding:var(--mrd-space-4);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-relation-field__error.sc-mrd-relation-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const j=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return i(d,{key:"4ddbcb2f8915235631c6f66449b28e664c24c0a4"},i("div",{key:"91dbb52ed715c92d4ef2bc0924fd378d0dc839a8",class:"mrd-text-field"},this.label&&i("label",{key:"cf3278503107d313c08034273916a4b84a16febd",class:"mrd-text-field__label"+(this.required?" mrd-text-field__label--required":"")},this.label),i("input",{key:"9ab992213bfaa372e453331e1b1e12a853c3ae6e",class:"mrd-text-field__input"+(r?" mrd-text-field__input--error":""),type:"text",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),r&&i("span",{key:"a4ff2fdd2490f644eb97f66f15edc5af0b22e823",class:"mrd-text-field__error"},this.error)))}};j.style=".sc-mrd-text-field-h{display:block}.mrd-text-field.sc-mrd-text-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-text-field__label.sc-mrd-text-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-text-field__label--required.sc-mrd-text-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-text-field__input.sc-mrd-text-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-text-field__input.sc-mrd-text-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-text-field__input.sc-mrd-text-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-text-field__input.sc-mrd-text-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-text-field__input--error.sc-mrd-text-field{border-color:var(--mrd-border-color-error)}.mrd-text-field__input--error.sc-mrd-text-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-text-field__error.sc-mrd-text-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const B=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.editorReady=!1}componentDidLoad(){this.initQuill()}async initQuill(){try{const r=(await import("./p-CiuCgGz_.js")).default;if(this.editorEl=this.el.querySelector(".mrd-textarea-field__editor"),!this.editorEl)return;const e=new r(this.editorEl,{theme:"snow",placeholder:this.placeholder,readOnly:this.disabled,modules:{toolbar:[["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],[{header:[1,2,3,!1]}],["link"],["clean"]]}});this.value&&e.clipboard.dangerouslyPasteHTML(this.value),e.on("text-change",(()=>{var r,e;const i=null!==(e=null===(r=this.editorEl.querySelector(".ql-editor"))\|\|void 0===r?void 0:r.innerHTML)&&void 0!==e?e:"";this.mrdChange.emit({name:this.name,value:i})})),e.on("selection-change",(r=>{var e,i;if(!r){const r=null!==(i=null===(e=this.editorEl.querySelector(".ql-editor"))\|\|void 0===e?void 0:e.innerHTML)&&void 0!==i?i:"";this.error=this.required&&!h(r)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:r})}})),this.editorReady=!0}catch(r){console.error("Failed to load Quill editor:",r)}}render(){return i(d,{key:"8f7544745341ea2eca4450296db53ed8b41af0e2"},i("div",{key:"62937448dd685071e0500b8f7f53fe22b10ffa15",class:"mrd-textarea-field"},this.label&&i("label",{key:"4a7d807d78c2a9abeaf3ff94ee5e71b167475e25",class:"mrd-textarea-field__label"+(this.required?" mrd-textarea-field__label--required":"")},this.label),i("div",{key:"599e28a45b1c161d7cfec3de138e386bf997f9b9",class:"mrd-textarea-field__container"+(this.error?" mrd-textarea-field__container--error":"")},i("div",{key:"5824a225fa6ea29bf02dfd8e4b27a71e853f059e",class:"mrd-textarea-field__editor"})),this.error&&i("span",{key:"1c7693269df8f3fe112a6df419e6cbace75bdaa9",class:"mrd-textarea-field__error"},this.error)))}get el(){return t(this)}};B.style=".sc-mrd-textarea-field-h{display:block}.mrd-textarea-field.sc-mrd-textarea-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-textarea-field__label.sc-mrd-textarea-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-textarea-field__label--required.sc-mrd-textarea-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-textarea-field__container.sc-mrd-textarea-field{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden;background-color:var(--mrd-input-bg);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition)}.mrd-textarea-field__container.sc-mrd-textarea-field:focus-within{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-textarea-field__container--error.sc-mrd-textarea-field{border-color:var(--mrd-border-color-error)}.mrd-textarea-field__container--error.sc-mrd-textarea-field:focus-within{box-shadow:var(--mrd-shadow-focus-error)}.mrd-textarea-field__editor.sc-mrd-textarea-field{min-height:150px;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-toolbar.sc-mrd-textarea-field{border:none;border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);font-family:var(--mrd-font-family)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-container.sc-mrd-textarea-field{border:none;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.sc-mrd-textarea-field{min-height:120px;padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.ql-blank.sc-mrd-textarea-field::before{color:var(--mrd-input-placeholder-color);font-style:normal}.mrd-textarea-field__error.sc-mrd-textarea-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const O=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleChange=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:e})},this.handleBlur=r=>{this.mrdBlur.emit({name:this.name,value:r.target.value})}}render(){const r=!!this.error;return i(d,{key:"0a6e3047eb409b50a7dfa46c724e0d9824bdbad9"},i("div",{key:"1fdcaa9cc0e44edd514d3453df0cfb264989cbca",class:"mrd-time-field"},this.label&&i("label",{key:"ae53864761258ae56e29474c2da68c852fe8db57",class:"mrd-time-field__label"+(this.required?" mrd-time-field__label--required":"")},this.label),i("input",{key:"60336f497545b61656756790cfb5ec096034ecf7",class:"mrd-time-field__input"+(r?" mrd-time-field__input--error":""),type:"time",name:this.name,value:this.value,required:this.required,disabled:this.disabled,onChange:this.handleChange,onBlur:this.handleBlur}),r&&i("span",{key:"f8409b690c67873f6e4fe10f1d404b57005f0557",class:"mrd-time-field__error"},this.error)))}};O.style=".sc-mrd-time-field-h{display:block}.mrd-time-field.sc-mrd-time-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-time-field__label.sc-mrd-time-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-time-field__label--required.sc-mrd-time-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-time-field__input.sc-mrd-time-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-time-field__input.sc-mrd-time-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-time-field__input.sc-mrd-time-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-time-field__input--error.sc-mrd-time-field{border-color:var(--mrd-border-color-error)}.mrd-time-field__input--error.sc-mrd-time-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-time-field__error.sc-mrd-time-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";export{f as mrd_boolean_field,b as mrd_currency_field,v as mrd_date_field,p as mrd_datetime_field,_ as mrd_email_field,g as mrd_field,y as mrd_file_field,x as mrd_form,w as mrd_hyperlink_field,k as mrd_image_field,z as mrd_list_field,C as mrd_number_field,q as mrd_relation_field,j as mrd_text_field,B as mrd_textarea_field,O as mrd_time_field}
1	+ import{r,c as e,h as i,H as d,g as t}from"./p-_tsCCkAi.js";import{p as o,t as l,d as a}from"./p-CcRjWvcb.js";import{ClientLayoutItemFieldDataType as s,ClientLayoutItemType as n,ClientLayoutItemRelationDisplayType as m,ClientLayoutItemRelationEditBehavior as c}from"./index.esm.js";const f=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value=!1,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.checked=!1,this.handleChange=r=>{this.checked=r.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 i(d,{key:"aed1d936d686870114a12aad9fc4cccb76ecd31e"},i("div",{key:"5cc8aaa0f12d4195d02fce8a810d7d993e2e8c99",class:"mrd-boolean-field"},i("label",{key:"41c3b3e0f01778fc2654ba86e3fe4e5a07c8537a",class:"mrd-boolean-field__toggle-label"},i("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}),i("span",{key:"079ee220fe692536af15a7fb4286626102ae940e",class:"mrd-boolean-field__toggle","aria-hidden":"true"}),this.label&&i("span",{key:"1f4f52a41f0bd6ba4c61cf9d4db74ab2f1aa8877",class:"mrd-boolean-field__text"+(this.required?" mrd-boolean-field__text--required":"")},this.label))))}};function h(r){return null!=r&&("string"==typeof r?r.trim().length>0:Array.isArray(r)?r.length>0:"object"!=typeof r\|\|!("amount"in r)\|\|null!=r.amount&&""!==r.amount)}f.style=".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 u=["EUR","USD","GBP","CHF","JPY","CNY","AUD","CAD","SEK","NOK","DKK","NZD","SGD","HKD","PLN","CZK","HUF","MXN","BRL","INR","TRY","ZAR","AED","SAR"],b=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value={amount:null,currency:"EUR"},this.required=!1,this.disabled=!1,this.locale=navigator.language,this.amountDisplay="",this.currency="EUR",this.error="",this.handleAmountInput=r=>{this.amountDisplay=r.target.value},this.handleAmountBlur=r=>{const e=r.target.value,i=o(e,this.locale);this.error=this.required&&!h(e)?l("required",this.locale):"";const d={amount:i,currency:this.currency};this.mrdChange.emit({name:this.name,value:d}),this.mrdBlur.emit({name:this.name,value:d})},this.handleCurrencyChange=r=>{this.currency=r.target.value;const e=o(this.amountDisplay,this.locale);this.mrdChange.emit({name:this.name,value:{amount:e,currency:this.currency}})}}componentWillLoad(){this.value&&(this.currency=this.value.currency\|\|"EUR",this.amountDisplay=null!==this.value.amount?String(this.value.amount):"")}render(){const r=!!this.error;return i(d,{key:"d3450e9c26b1a755d3e6a5a3561d93b2ac566a28"},i("div",{key:"b66942cc1953daff728504deef8a9cc1330ef549",class:"mrd-currency-field"},this.label&&i("label",{key:"3d3f2f06e9ffea944552f0f7cf3150d0246c54f0",class:"mrd-currency-field__label"+(this.required?" mrd-currency-field__label--required":"")},this.label),i("div",{key:"d30a2adfceefdbefef2d4fe6633a163a753b15d0",class:"mrd-currency-field__row"},i("input",{key:"9af09b19b6cbe24498d6ca8edf7b28f675afdec5",class:"mrd-currency-field__amount"+(r?" 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}),i("select",{key:"21e55b04b7bf16586b5cfaa82d77db45c6dedf21",class:"mrd-currency-field__currency",disabled:this.disabled,onChange:this.handleCurrencyChange},u.map((r=>i("option",{key:r,value:r,selected:r===this.currency},r))))),r&&i("span",{key:"7a0006d4230557cf9c58f82f21de73b5d12f7e17",class:"mrd-currency-field__error"},this.error)))}};b.style=".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 v=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleChange=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:e})},this.handleBlur=r=>{this.mrdBlur.emit({name:this.name,value:r.target.value})}}render(){const r=!!this.error;return i(d,{key:"84c777fc68a95e0b1ceb08d61e3af7afa199ce94"},i("div",{key:"6653d94ab79c74342ce792792547018e4464a814",class:"mrd-date-field"},this.label&&i("label",{key:"2fa7b7ec50c784f9410ca48b93d50e39dc6e0bee",class:"mrd-date-field__label"+(this.required?" mrd-date-field__label--required":"")},this.label),i("input",{key:"f79ebbaf0e28ad7668a5400d1df514b66457b72d",class:"mrd-date-field__input"+(r?" 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}),r&&i("span",{key:"e52f0b720d76e8ba0586fb40395b6875860762db",class:"mrd-date-field__error"},this.error)))}};v.style=".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 p=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.localValue="",this.handleChange=r=>{const e=r.target.value;this.localValue=e,this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:this.localToUtc(e)})},this.handleBlur=r=>{this.mrdBlur.emit({name:this.name,value:this.localToUtc(r.target.value)})}}componentWillLoad(){this.localValue=this.utcToLocal(this.value)}valueChanged(r){this.localValue=this.utcToLocal(r)}utcToLocal(r){if(!r)return"";const e=new Date(r);if(isNaN(e.getTime()))return"";const i=r=>String(r).padStart(2,"0");return`${e.getFullYear()}-${i(e.getMonth()+1)}-${i(e.getDate())}T${i(e.getHours())}:${i(e.getMinutes())}`}localToUtc(r){if(!r)return"";const e=new Date(r);return isNaN(e.getTime())?"":e.toISOString().replace(/\.\d{3}Z$/,"Z")}render(){const r=!!this.error;return i(d,{key:"6052b08238484bee345ae4bb9b3025c7f2474c35"},i("div",{key:"f9073be4496e35a7d40405ae4e6a27a5c1607626",class:"mrd-datetime-field"},this.label&&i("label",{key:"5933c3b2dfcae9bfad378441210ada6b625657a2",class:"mrd-datetime-field__label"+(this.required?" mrd-datetime-field__label--required":"")},this.label),i("input",{key:"7a947b104c38960d2326a4877e4ca52db9fd9d84",class:"mrd-datetime-field__input"+(r?" 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}),r&&i("span",{key:"cea3dba7e14e18a3a08394ef3027b661f1808969",class:"mrd-datetime-field__error"},this.error)))}static get watchers(){return{value:[{valueChanged:0}]}}};p.style=".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 _=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;var i;this.error=this.required&&!h(e)?l("required",this.locale):e&&(i=e)&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i)?l("invalid_email",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return i(d,{key:"851ec092957ab86e811b292eaabe29d04a600fe0"},i("div",{key:"2d8969d60378f3161656369494549d682de8ec0e",class:"mrd-email-field"},this.label&&i("label",{key:"7a35cc60d4804097e1a54f984c7da1829f6bbd11",class:"mrd-email-field__label"+(this.required?" mrd-email-field__label--required":"")},this.label),i("input",{key:"1fc20e860aa021886f7ed522c3a0c8dd2cb1e093",class:"mrd-email-field__input"+(r?" 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}),r&&i("span",{key:"a44b3b41b7cd6b8c643cc64e6aadd884a2ba4961",class:"mrd-email-field__error"},this.error)))}};_.style=".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 g=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdSearch=e(this,"mrdSearch"),this.mrdFetchAll=e(this,"mrdFetchAll"),this.mrdUpload=e(this,"mrdUpload"),this.locale=navigator.language,this.handleChange=r=>{r.stopPropagation(),this.mrdChange.emit(r.detail)},this.handleBlur=r=>{r.stopPropagation(),this.mrdBlur.emit(r.detail)},this.handleSearch=r=>{r.stopPropagation(),this.mrdSearch.emit(r.detail)},this.handleFetchAll=r=>{r.stopPropagation(),this.mrdFetchAll.emit(r.detail)},this.handleUpload=r=>{r.stopPropagation(),this.mrdUpload.emit(r.detail)}}render(){var r,e,t,o,l,a,c,f,h,u,b,v,p,_,g,y,x,w,k,z,C,q,j,B,O,D,A,S,F,R,M;const{item:N,locale:U,value:E}=this;if(N.type===n.RELATION&&N.relation){const s=N.relation;return i(d,null,i("mrd-relation-field",{name:s.name,label:s.label,required:s.required,disabled:null!==(r=s.disabled)&&void 0!==r&&r,locale:U,relatedClass:s.relatedClass,mostSignificantClass:null!==(e=s.mostSignificantClass)&&void 0!==e?e:"",displayType:null!==(t=s.displayType)&&void 0!==t?t:m.SEARCH,editBehavior:null!==(o=s.editBehavior)&&void 0!==o?o:null,commonRelation:s.commonRelation,multiple:null!==(l=s.multiple)&&void 0!==l&&l,dropdownValues:null!==(a=s.dropdownValues)&&void 0!==a?a:[],value:E,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur,onMrdSearch:this.handleSearch,onMrdFetchAll:this.handleFetchAll}))}if(N.type!==n.FIELD\|\|!N.field)return i(d,null);const L=N.field,I={name:L.name,label:L.label,required:L.required,disabled:null!==(c=L.disabled)&&void 0!==c&&c,locale:U,onMrdChange:this.handleChange,onMrdBlur:this.handleBlur};switch(L.dataType){case s.TEXT:return i(d,null,i("mrd-text-field",Object.assign({},I,{value:null!==(f=E)&&void 0!==f?f:"",placeholder:null!==(h=L.placeholder)&&void 0!==h?h:""})));case s.TEXTBLOCK:return i(d,null,i("mrd-textarea-field",Object.assign({},I,{value:null!==(u=E)&&void 0!==u?u:"",placeholder:null!==(b=L.placeholder)&&void 0!==b?b:""})));case s.INTEGER:case s.DECIMAL:case s.PERCENTAGE:return i(d,null,i("mrd-number-field",Object.assign({},I,{value:null!==(v=E)&&void 0!==v?v:null,dataType:L.dataType,decimalPrecision:null!==(p=L.decimalPrecision)&&void 0!==p?p:2,placeholder:null!==(_=L.placeholder)&&void 0!==_?_:""})));case s.CURRENCY:return i(d,null,i("mrd-currency-field",Object.assign({},I,{value:null!==(g=E)&&void 0!==g?g:{amount:null,currency:null!==(y=L.currencyCode)&&void 0!==y?y:"EUR"}})));case s.BOOLEAN:return i(d,null,i("mrd-boolean-field",Object.assign({},I,{value:null!==(x=E)&&void 0!==x&&x})));case s.DATE:return i(d,null,i("mrd-date-field",Object.assign({},I,{value:null!==(w=E)&&void 0!==w?w:""})));case s.DATETIME:return i(d,null,i("mrd-datetime-field",Object.assign({},I,{value:null!==(k=E)&&void 0!==k?k:""})));case s.TIME:return i(d,null,i("mrd-time-field",Object.assign({},I,{value:null!==(z=E)&&void 0!==z?z:""})));case s.EMAIL:return i(d,null,i("mrd-email-field",Object.assign({},I,{value:null!==(C=E)&&void 0!==C?C:"",placeholder:null!==(q=L.placeholder)&&void 0!==q?q:""})));case s.HYPERLINK:return i(d,null,i("mrd-hyperlink-field",Object.assign({},I,{value:null!==(j=E)&&void 0!==j?j:"",placeholder:null!==(B=L.placeholder)&&void 0!==B?B:""})));case s.LIST:return i(d,null,i("mrd-list-field",Object.assign({},I,{value:null!==(O=E)&&void 0!==O?O:"",multiple:null!==(D=L.multiple)&&void 0!==D&&D,listItems:null!==(A=L.listItems)&&void 0!==A?A:[]})));case s.FILE:return i(d,null,i("mrd-file-field",Object.assign({},I,{value:E,accept:null!==(S=L.accept)&&void 0!==S?S:"",maxSize:null!==(F=L.maxSize)&&void 0!==F?F:0,onMrdUpload:this.handleUpload})));case s.IMAGE:return i(d,null,i("mrd-image-field",Object.assign({},I,{value:E,accept:null!==(R=L.accept)&&void 0!==R?R:"image/",maxSize:null!==(M=L.maxSize)&&void 0!==M?M:0,onMrdUpload:this.handleUpload})));default:return i(d,null)}}},y=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdUpload=e(this,"mrdUpload"),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="",this.maxSize=0,this.fileName="",this.isDragging=!1,this.uploading=!1,this.error="",this.handleInputChange=r=>{var e;const i=r.target.files;this.handleFile(null!==(e=null==i?void 0:i[0])&&void 0!==e?e:null)},this.handleDragOver=r=>{r.preventDefault(),this.isDragging=!0},this.handleDragLeave=()=>{this.isDragging=!1},this.handleDrop=r=>{var e,i,d;r.preventDefault(),this.isDragging=!1;const t=null!==(d=null===(i=null===(e=r.dataTransfer)\|\|void 0===e?void 0:e.files)\|\|void 0===i?void 0:i[0])&&void 0!==d?d:null;this.handleFile(t)},this.handleZoneClick=()=>{var r;this.disabled\|\|this.uploading\|\|null===(r=this.fileInputRef)\|\|void 0===r\|\|r.click()},this.handleClear=r=>{r.stopPropagation(),this.fileName="",this.error="",this.uploading=!1,this.fileInputRef&&(this.fileInputRef.value=""),this.mrdChange.emit({name:this.name,value:null})}}valueChanged(r){"string"==typeof r&&r?this.uploading=!1:r\|\|(this.uploading=!1,this.fileName="")}handleFile(r){if(!r)return this.fileName="",this.uploading=!1,void this.mrdChange.emit({name:this.name,value:null});this.maxSize>0&&r.size>this.maxSize?this.error=l("file_too_large",this.locale):(this.error="",this.fileName=r.name,this.uploading=!0,this.mrdChange.emit({name:this.name,value:r}),this.mrdUpload.emit({name:this.name,file:r}))}render(){const r=this.uploading\|\|"string"==typeof this.value&&this.value\|\|this.fileName,e=!!this.error,t=["mrd-file-field__zone",this.isDragging?"mrd-file-field__zone--dragging":"",e?"mrd-file-field__zone--error":"",this.disabled\|\|this.uploading?"mrd-file-field__zone--disabled":""].filter(Boolean).join(" ");return i(d,{key:"2090102df8169226c1e66f87cbc837296e4b55d4"},i("div",{key:"7a37a09df1bfa2eaf28ed04c806ad5f7c0337bb0",class:"mrd-file-field"},this.label&&i("label",{key:"8f1fcb8adbb66b792be902c7c548e50db99b6a53",class:"mrd-file-field__label"+(this.required?" mrd-file-field__label--required":"")},this.label),i("div",{key:"66d992298f537b24d69ce3ead3dd229f6d124f3d",class:t,onClick:this.handleZoneClick,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},i("input",{key:"95ba6560e71ee08c6b2526802727b29a18cdc454",ref:r=>this.fileInputRef=r,class:"mrd-file-field__input",type:"file",name:this.name,accept:this.accept,disabled:this.disabled\|\|this.uploading,required:this.required&&!r,onChange:this.handleInputChange}),r?i("div",{class:"mrd-file-field__selected"},this.uploading?i("span",{class:"mrd-file-field__spinner","aria-label":l("loading",this.locale)}):i("svg",{class:"mrd-file-field__icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},i("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),i("polyline",{points:"14 2 14 8 20 8"})),i("span",{class:"mrd-file-field__filename"},this.fileName),!this.uploading&&i("button",{class:"mrd-file-field__clear",type:"button",onClick:this.handleClear,"aria-label":l("clear",this.locale)},"✕")):i("div",{class:"mrd-file-field__prompt"},i("svg",{class:"mrd-file-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},i("polyline",{points:"16 16 12 12 8 16"}),i("line",{x1:"12",y1:"12",x2:"12",y2:"21"}),i("path",{d:"M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"})),i("span",null,l("drop_file_here",this.locale)," ",i("span",{class:"mrd-file-field__browse"},l("browse",this.locale))))),e&&i("span",{key:"a6020e63bebb01e31a980a903f81badd486585aa",class:"mrd-file-field__error"},this.error)))}static get watchers(){return{value:[{valueChanged:0}]}}};y.style=".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 x=class{constructor(i){r(this,i),this.mrdSubmit=e(this,"mrdSubmit"),this.mrdCancel=e(this,"mrdCancel"),this.mrdSearch=e(this,"mrdSearch"),this.mrdFetchAll=e(this,"mrdFetchAll"),this.mrdUpload=e(this,"mrdUpload"),this.locale=navigator.language,this.values={},this.referenceHref="",this.referenceClass="",this.showCancel=!1,this.formValues={},this.errors={},this.submitted=!1,this.initialValues={},this.handleFieldChange=r=>{const{name:e,value:i}=r.detail,d=this.getHref(this.formValues[e]);this.formValues=Object.assign(Object.assign({},this.formValues),{[e]:i}),this.errors[e]&&(this.errors=Object.assign(Object.assign({},this.errors),{[e]:""}));const t=this.getHref(i);if(t!==d)for(const r of this.collectDependentDropdowns())r.commonRelation===e&&(this.formValues=Object.assign(Object.assign({},this.formValues),{[r.name]:null}),this.mrdFetchAll.emit({name:r.name,relatedClass:r.relatedClass,mostSignificantClass:r.mostSignificantClass,commonRelation:r.commonRelation,filter:r.commonRelation+"_href",filterValue:t}))},this.handleSearch=r=>{r.stopPropagation(),this.mrdSearch.emit(r.detail)},this.handleFetchAll=r=>{r.stopPropagation(),this.mrdFetchAll.emit(r.detail)},this.handleUpload=r=>{r.stopPropagation(),this.mrdUpload.emit(r.detail)},this.handleSubmit=r=>{r.preventDefault(),this.submitted=!0,this.validate()&&this.mrdSubmit.emit(this.buildSubmitPayload())}}componentWillLoad(){var r,e;this.initialValues=Object.assign({},null!==(r=this.values)&&void 0!==r?r:{}),this.formValues=Object.assign({},null!==(e=this.values)&&void 0!==e?e:{})}componentDidLoad(){setTimeout((()=>{this.applyReferenceValue(),this.emitDependentFetchAll()}),0)}valuesChanged(r){this.initialValues=Object.assign({},null!=r?r:{}),this.formValues=Object.assign({},null!=r?r:{}),this.applyReferenceValue(),this.errors={},this.submitted=!1,setTimeout((()=>this.emitDependentFetchAll()),0)}applyReferenceValue(){if(!this.referenceHref\|\|!this.referenceClass)return;const r=this.resolveReferenceFieldName();r&&(this.formValues[r]\|\|(this.formValues=Object.assign(Object.assign({},this.formValues),{[r]:this.referenceHref})))}resolveReferenceFieldName(){var r,e;const i=this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]),d=i.find((r=>{var e;return r.type===n.RELATION&&(null===(e=r.relation)\|\|void 0===e?void 0:e.mostSignificantClass)===this.referenceClass}));if(null==d?void 0:d.relation)return d.relation.name;const t=new Set(i.filter((r=>r.type===n.RELATION)).map((r=>r.relation.name)));for(const r of i){const e=r.relation;if(r.type===n.RELATION&&(null==e?void 0:e.editBehavior)===c.DROPDOWN&&e.commonRelation&&!t.has(e.commonRelation))return e.commonRelation}return null}async setFieldValue(r,e){this.formValues=Object.assign(Object.assign({},this.formValues),{[r]:e}),this.errors[r]&&(this.errors=Object.assign(Object.assign({},this.errors),{[r]:""}))}collectDependentDropdowns(){var r,e;return this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]).filter((r=>{var e;return r.type===n.RELATION&&(null===(e=r.relation)\|\|void 0===e?void 0:e.editBehavior)===c.DROPDOWN&&!!r.relation.commonRelation})).map((r=>r.relation))}emitDependentFetchAll(){for(const r of this.collectDependentDropdowns()){const e=this.getHref(this.formValues[r.commonRelation]);e&&this.mrdFetchAll.emit({name:r.name,relatedClass:r.relatedClass,mostSignificantClass:r.mostSignificantClass,commonRelation:r.commonRelation,filter:r.commonRelation+"_href",filterValue:e})}}getHref(r){return r?"string"==typeof r?r:"object"==typeof r&&"id"in r?r.id:"":""}collectFields(r){const e=[];for(const i of r)i.type!==n.FIELD&&i.type!==n.RELATION\|\|e.push(i),i.items&&e.push(...this.collectFields(i.items));return e}validate(){var r,e,i;const d={},t=this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]);for(const r of t){const e=null!==(i=r.field)&&void 0!==i?i:r.relation;e&&e.required&&!h(this.formValues[e.name])&&(d[e.name]=l("required",this.locale))}return this.errors=d,0===Object.keys(d).length}normalizeFieldValue(r){return""===r\|\|null==r?null:r}normalizeRelationValue(r){return null==r\|\|""===r?null:"string"==typeof r?r\|\|null:Array.isArray(r)?r.map((r=>"object"==typeof r&&null!==r&&"id"in r?r.id:String(r))):"object"==typeof r&&"id"in r&&r.id\|\|null}deepEqual(r,e){if(r===e)return!0;if(null==r&&null==e)return!0;if(null==r\|\|null==e)return!1;if(Array.isArray(r)&&Array.isArray(e)){if(r.length!==e.length)return!1;const i=[...r].sort(),d=[...e].sort();return JSON.stringify(i)===JSON.stringify(d)}return JSON.stringify(r)===JSON.stringify(e)}buildSubmitPayload(){var r,e;const i={},d=this.collectFields(null!==(e=null===(r=this.layout)\|\|void 0===r?void 0:r.items)&&void 0!==e?e:[]);for(const r of d)if(r.type===n.FIELD&&r.field){const e=r.field.name,d=this.formValues[e];if(d instanceof File)continue;const t=this.normalizeFieldValue(d),o=this.normalizeFieldValue(this.initialValues[e]);if(this.deepEqual(t,o))continue;i[e]=t}else if(r.type===n.RELATION&&r.relation){const e=r.relation.name,d=this.normalizeRelationValue(this.formValues[e]),t=this.normalizeRelationValue(this.initialValues[e]);if(this.deepEqual(d,t))continue;i[e]=d}return i}renderItems(r){return r.map((r=>{var e,d,t,o;if(r.type===n.SECTION)return i("fieldset",{class:"mrd-form__section"},r.label&&i("legend",{class:"mrd-form__section-legend"},r.label),i("div",{class:"mrd-form__section-body"},r.items&&this.renderItems(r.items)));if(r.type===n.GROUP)return i("div",{class:"mrd-form__group"},r.label&&i("div",{class:"mrd-form__group-label"},r.label),i("div",{class:"mrd-form__group-body"},r.items&&this.renderItems(r.items)));const l=null!==(o=null!==(d=null===(e=r.field)\|\|void 0===e?void 0:e.name)&&void 0!==d?d:null===(t=r.relation)\|\|void 0===t?void 0:t.name)&&void 0!==o?o:"";return i("div",{class:"mrd-form__field"},i("mrd-field",{item:r,locale:this.locale,value:this.formValues[l],onMrdChange:this.handleFieldChange,onMrdBlur:this.handleFieldChange,onMrdSearch:this.handleSearch,onMrdFetchAll:this.handleFetchAll,onMrdUpload:this.handleUpload}),this.errors[l]&&i("span",{class:"mrd-form__field-error"},this.errors[l]))}))}render(){if(!this.layout)return i(d,null);const r=this.locale.startsWith("ar")?"rtl":"ltr";return i(d,null,i("form",{class:"mrd-form",dir:r,onSubmit:this.handleSubmit,noValidate:!0},this.layout.title&&i("h2",{class:"mrd-form__title"},this.layout.title),i("div",{class:"mrd-form__body"},this.renderItems(this.layout.items)),i("div",{class:"mrd-form__footer"},i("button",{type:"submit",class:"mrd-form__submit"},l("submit",this.locale)),this.showCancel&&i("button",{type:"button",class:"mrd-form__cancel",onClick:()=>this.mrdCancel.emit()},l("cancel",this.locale)))))}static get watchers(){return{values:[{valuesChanged:0}]}}};x.style=".sc-mrd-form-h{display:block}.mrd-form.sc-mrd-form{font-family:var(--mrd-font-family);width:100%}.mrd-form__title.sc-mrd-form{font-size:var(--mrd-font-size-2xl);font-weight:var(--mrd-font-weight-bold);color:var(--mrd-color-neutral-900);margin:0 0 var(--mrd-space-6) 0}.mrd-form__body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-5)}.mrd-form__field.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-form__field-error.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}.mrd-form__section.sc-mrd-form{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius-md);padding:var(--mrd-space-4) var(--mrd-space-5);margin:0}.mrd-form__section-legend.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-700);padding:0 var(--mrd-space-2)}.mrd-form__section-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);margin-top:var(--mrd-space-2)}.mrd-form__group.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-2)}.mrd-form__group-label.sc-mrd-form{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-semibold);color:var(--mrd-color-neutral-500);text-transform:uppercase;letter-spacing:0.05em}.mrd-form__group-body.sc-mrd-form{display:flex;flex-direction:column;gap:var(--mrd-space-4);padding-left:var(--mrd-space-4);border-left:3px solid var(--mrd-color-neutral-200)}.mrd-form__footer.sc-mrd-form{margin-top:var(--mrd-space-8);padding-top:var(--mrd-space-5);border-top:var(--mrd-border-width) solid var(--mrd-border-color);display:flex;justify-content:flex-end;gap:var(--mrd-space-3)}.mrd-form__submit.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:var(--mrd-color-primary);color:var(--mrd-color-white);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:none;border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition)}.mrd-form__submit.sc-mrd-form:hover{background-color:var(--mrd-color-primary-hover)}.mrd-form__submit.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__submit.sc-mrd-form:active{background-color:var(--mrd-color-primary-dark)}.mrd-form__cancel.sc-mrd-form{display:inline-flex;align-items:center;justify-content:center;height:var(--mrd-input-height);padding:0 var(--mrd-space-6);background-color:transparent;color:var(--mrd-color-neutral-600);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-form__cancel.sc-mrd-form:hover{background-color:var(--mrd-color-neutral-100);color:var(--mrd-color-neutral-800)}.mrd-form__cancel.sc-mrd-form:focus{outline:none;box-shadow:var(--mrd-shadow-focus)}.mrd-form__cancel.sc-mrd-form:active{background-color:var(--mrd-color-neutral-200)}";const w=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):e&&!function(r){if(!r)return!0;try{return new URL(r),!0}catch(r){return!1}}(e)?l("invalid_url",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return i(d,{key:"4f642cb037c6e25786593dbf0cbead71ce34580c"},i("div",{key:"c679d95924bc2d22089c435ec15a35132a4a062d",class:"mrd-hyperlink-field"},this.label&&i("label",{key:"b391dd2d152c68fe75517926c40779313a23b9d9",class:"mrd-hyperlink-field__label"+(this.required?" mrd-hyperlink-field__label--required":"")},this.label),i("input",{key:"ea0d2aba8520ecbde4df8e4507e0f16bd497baa9",class:"mrd-hyperlink-field__input"+(r?" mrd-hyperlink-field__input--error":""),type:"url",name:this.name,value:this.value,placeholder:this.placeholder\|\|"https://",required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),r&&i("span",{key:"fab1d90c726b69c6c43c7997fd1b7480678c2c78",class:"mrd-hyperlink-field__error"},this.error)))}};w.style=".sc-mrd-hyperlink-field-h{display:block}.mrd-hyperlink-field.sc-mrd-hyperlink-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-hyperlink-field__label.sc-mrd-hyperlink-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-hyperlink-field__label--required.sc-mrd-hyperlink-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-hyperlink-field__input.sc-mrd-hyperlink-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-hyperlink-field__input.sc-mrd-hyperlink-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-hyperlink-field__input.sc-mrd-hyperlink-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-hyperlink-field__input.sc-mrd-hyperlink-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-hyperlink-field__input--error.sc-mrd-hyperlink-field{border-color:var(--mrd-border-color-error)}.mrd-hyperlink-field__input--error.sc-mrd-hyperlink-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-hyperlink-field__error.sc-mrd-hyperlink-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const k=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdUpload=e(this,"mrdUpload"),this.name="",this.label="",this.value=null,this.required=!1,this.disabled=!1,this.locale=navigator.language,this.accept="image/",this.maxSize=0,this.previewUrl="",this.fileName="",this.isDragging=!1,this.uploading=!1,this.error="",this.handleInputChange=r=>{var e;const i=r.target.files;this.handleFile(null!==(e=null==i?void 0:i[0])&&void 0!==e?e:null)},this.handleDragOver=r=>{r.preventDefault(),this.isDragging=!0},this.handleDragLeave=()=>{this.isDragging=!1},this.handleDrop=r=>{var e,i,d;r.preventDefault(),this.isDragging=!1;const t=null!==(d=null===(i=null===(e=r.dataTransfer)\|\|void 0===e?void 0:e.files)\|\|void 0===i?void 0:i[0])&&void 0!==d?d:null;this.handleFile(t)},this.handleZoneClick=()=>{var r;this.disabled\|\|this.uploading\|\|null===(r=this.fileInputRef)\|\|void 0===r\|\|r.click()},this.handleClear=r=>{r.stopPropagation(),this.previewUrl="",this.fileName="",this.error="",this.uploading=!1,this.fileInputRef&&(this.fileInputRef.value=""),this.mrdChange.emit({name:this.name,value:null})}}valueChanged(r){"string"==typeof r&&r?this.uploading=!1:r\|\|(this.uploading=!1,this.previewUrl="",this.fileName="")}handleFile(r){if(!r)return this.previewUrl="",this.fileName="",this.uploading=!1,void this.mrdChange.emit({name:this.name,value:null});if(this.maxSize>0&&r.size>this.maxSize)return void(this.error=l("file_too_large",this.locale));if(!r.type.startsWith("image/"))return void(this.error="Please select an image file");this.error="",this.fileName=r.name,this.uploading=!0;const e=new FileReader;e.onload=r=>{var e;this.previewUrl=null===(e=r.target)\|\|void 0===e?void 0:e.result},e.readAsDataURL(r),this.mrdChange.emit({name:this.name,value:r}),this.mrdUpload.emit({name:this.name,file:r})}render(){const r=!!this.error,e=["mrd-image-field__zone",this.isDragging?"mrd-image-field__zone--dragging":"",r?"mrd-image-field__zone--error":"",this.disabled\|\|this.uploading?"mrd-image-field__zone--disabled":""].filter(Boolean).join(" ");return i(d,{key:"76b5a36a7f5a420ded3400c8a1481843363d1cbe"},i("div",{key:"3544df84aaf427a25518bafe13d60cf89ed28537",class:"mrd-image-field"},this.label&&i("label",{key:"dca64c1600cb98526eb4b91a908106087f099ad1",class:"mrd-image-field__label"+(this.required?" mrd-image-field__label--required":"")},this.label),i("div",{key:"ce07f32126f0956e47ff6fc41ff231590e0503d3",class:e,onClick:this.handleZoneClick,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},i("input",{key:"660fbae5f730834c465522a11dd674fc8e50a54e",ref:r=>this.fileInputRef=r,class:"mrd-image-field__input",type:"file",name:this.name,accept:this.accept,disabled:this.disabled\|\|this.uploading,required:this.required&&!this.previewUrl,onChange:this.handleInputChange}),this.previewUrl?i("div",{class:"mrd-image-field__preview-container"},i("div",{class:"mrd-image-field__preview-thumb"},i("img",{class:"mrd-image-field__preview",src:this.previewUrl,alt:this.fileName}),this.uploading&&i("div",{class:"mrd-image-field__preview-overlay"},i("span",{class:"mrd-image-field__spinner"}))),i("div",{class:"mrd-image-field__preview-info"},i("span",{class:"mrd-image-field__preview-name"},this.fileName),this.uploading&&i("span",{class:"mrd-image-field__upload-status"},l("loading",this.locale))),!this.uploading&&i("button",{class:"mrd-image-field__clear",type:"button",onClick:this.handleClear,"aria-label":l("clear",this.locale)},l("remove",this.locale))):i("div",{class:"mrd-image-field__prompt"},i("svg",{class:"mrd-image-field__upload-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},i("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),i("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),i("polyline",{points:"21 15 16 10 5 21"})),i("span",null,l("drop_file_here",this.locale)," ",i("span",{class:"mrd-image-field__browse"},l("browse",this.locale))))),r&&i("span",{key:"9b8f9563fea63bd12c38f5c480e9cbd24106c3af",class:"mrd-image-field__error"},this.error)))}static get watchers(){return{value:[{valueChanged:0}]}}};k.style=".sc-mrd-image-field-h{display:block}.mrd-image-field.sc-mrd-image-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-image-field__label.sc-mrd-image-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-image-field__label--required.sc-mrd-image-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-image-field__zone.sc-mrd-image-field{display:flex;align-items:center;justify-content:center;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-image-field__zone.sc-mrd-image-field:hover{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-image-field__zone--dragging.sc-mrd-image-field{border-color:var(--mrd-color-primary);background-color:var(--mrd-color-primary-light)}.mrd-image-field__zone--error.sc-mrd-image-field{border-color:var(--mrd-border-color-error)}.mrd-image-field__zone--disabled.sc-mrd-image-field{opacity:0.6;cursor:not-allowed}.mrd-image-field__zone--disabled.sc-mrd-image-field:hover{border-color:var(--mrd-border-color);background-color:var(--mrd-color-neutral-50)}.mrd-image-field__input.sc-mrd-image-field{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:none}.mrd-image-field__prompt.sc-mrd-image-field{display:flex;flex-direction:column;align-items:center;gap:var(--mrd-space-2);padding:var(--mrd-space-6);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-image-field__upload-icon.sc-mrd-image-field{width:40px;height:40px;color:var(--mrd-color-neutral-400)}.mrd-image-field__browse.sc-mrd-image-field{color:var(--mrd-color-primary);font-weight:var(--mrd-font-weight-medium);text-decoration:underline}.mrd-image-field__preview-container.sc-mrd-image-field{display:flex;align-items:center;gap:var(--mrd-space-4);padding:var(--mrd-space-4);width:100%}.mrd-image-field__preview-thumb.sc-mrd-image-field{flex-shrink:0;width:80px;height:80px;border-radius:var(--mrd-border-radius);overflow:hidden;border:var(--mrd-border-width) solid var(--mrd-border-color);background-color:var(--mrd-color-neutral-100)}.mrd-image-field__preview.sc-mrd-image-field{width:100%;height:100%;object-fit:cover;display:block}.mrd-image-field__preview-info.sc-mrd-image-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--mrd-space-1)}.mrd-image-field__preview-name.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrd-image-field__preview-overlay.sc-mrd-image-field{position:absolute;inset:0;background:rgb(255 255 255 / 0.7);display:flex;align-items:center;justify-content:center;border-radius:var(--mrd-border-radius)}.mrd-image-field__spinner.sc-mrd-image-field{display:inline-block;width:24px;height:24px;border:2px solid var(--mrd-color-neutral-300);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-image-spin 0.6s linear infinite}@keyframes mrd-image-spin{to{transform:rotate(360deg)}}.mrd-image-field__upload-status.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500)}.mrd-image-field__clear.sc-mrd-image-field{flex-shrink:0;background-color:var(--mrd-color-white);color:var(--mrd-color-danger);border:var(--mrd-border-width) solid var(--mrd-color-danger);border-radius:var(--mrd-border-radius);padding:var(--mrd-space-1) var(--mrd-space-3);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium);cursor:pointer;transition:background-color var(--mrd-transition), color var(--mrd-transition)}.mrd-image-field__clear.sc-mrd-image-field:hover{background-color:var(--mrd-color-danger);color:var(--mrd-color-white)}.mrd-image-field__error.sc-mrd-image-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const z=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.multiple=!1,this.locale=navigator.language,this.listItems=[],this.error="",this.selected=[],this.handleSelectChange=r=>{const e=r.target;if(this.multiple){const r=Array.from(e.selectedOptions).map((r=>r.value));this.selected=r,this.error=this.required&&!h(r)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:r})}else{const r=e.value;this.error=this.required&&!h(r)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:r})}},this.handleBlur=()=>{this.mrdBlur.emit({name:this.name,value:this.multiple?this.selected:this.value})},this.toggleCheckbox=r=>{this.selected=this.selected.includes(r)?this.selected.filter((e=>e!==r)):[...this.selected,r],this.error=this.required&&!h(this.selected)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:this.selected})}}componentWillLoad(){this.multiple&&(this.selected=Array.isArray(this.value)?this.value:this.value?[this.value]:[])}getContrastColor(r){if(!r)return"#000000";const e=r.replace("#","");return(.299parseInt(e.substr(0,2),16)+.587parseInt(e.substr(2,2),16)+.114parseInt(e.substr(4,2),16))/255>.5?"#000000":"#ffffff"}render(){var r,e;const t=!!this.error,o=Array.isArray(this.value)?null!==(r=this.value[0])&&void 0!==r?r:"":null!==(e=this.value)&&void 0!==e?e:"";return i(d,null,i("div",{class:"mrd-list-field"},this.label&&i("label",{class:"mrd-list-field__label"+(this.required?" mrd-list-field__label--required":"")},this.label),this.multiple?i("div",{class:"mrd-list-field__checkbox-list"+(t?" mrd-list-field__checkbox-list--error":"")},this.listItems.map((r=>{var e,d;return i("label",{key:r.key,class:"mrd-list-field__checkbox-item"},i("input",{type:"checkbox",checked:this.selected.includes(r.key),disabled:this.disabled,onChange:()=>this.toggleCheckbox(r.key)}),(r.color\|\|r.backgroundColor)&&i("span",{class:"mrd-list-field__color-dot",style:{backgroundColor:null!==(d=null!==(e=r.backgroundColor)&&void 0!==e?e:r.color)&&void 0!==d?d:""}}),i("span",null,r.label))}))):i("select",{class:"mrd-list-field__select"+(t?" mrd-list-field__select--error":""),name:this.name,required:this.required,disabled:this.disabled,onChange:this.handleSelectChange,onBlur:this.handleBlur},i("option",{value:""},l("select_placeholder",this.locale)),this.listItems.map((r=>{var e,d;const t=null!==(d=null!==(e=r.backgroundColor)&&void 0!==e?e:r.color)&&void 0!==d?d:null,l=t?{backgroundColor:t,color:this.getContrastColor(t)}:{};return i("option",{key:r.key,value:r.key,selected:r.key===o,style:l},r.label)}))),t&&i("span",{class:"mrd-list-field__error"},this.error)))}};z.style=".sc-mrd-list-field-h{display:block}.mrd-list-field.sc-mrd-list-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-list-field__label.sc-mrd-list-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-list-field__label--required.sc-mrd-list-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-list-field__select.sc-mrd-list-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);padding-right:calc(var(--mrd-input-padding-x) + 1.5rem);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--mrd-space-3) center;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;cursor:pointer;box-sizing:border-box}.mrd-list-field__select.sc-mrd-list-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-list-field__select.sc-mrd-list-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-list-field__select--error.sc-mrd-list-field{border-color:var(--mrd-border-color-error)}.mrd-list-field__select--error.sc-mrd-list-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-list-field__checkbox-list.sc-mrd-list-field{display:flex;flex-direction:column;gap:var(--mrd-space-2);padding:var(--mrd-space-3);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);background-color:var(--mrd-input-bg)}.mrd-list-field__checkbox-list--error.sc-mrd-list-field{border-color:var(--mrd-border-color-error)}.mrd-list-field__checkbox-item.sc-mrd-list-field{display:flex;align-items:center;gap:var(--mrd-space-2);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);cursor:pointer}.mrd-list-field__checkbox-item.sc-mrd-list-field input[type='checkbox'].sc-mrd-list-field{width:1rem;height:1rem;cursor:pointer;accent-color:var(--mrd-color-primary)}.mrd-list-field__color-dot.sc-mrd-list-field{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.mrd-list-field__error.sc-mrd-list-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const C=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value=null,this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.dataType=s.INTEGER,this.decimalPrecision=2,this.displayValue="",this.error="",this.handleInput=r=>{this.displayValue=r.target.value},this.handleBlur=r=>{const e=r.target.value,i=o(e,this.locale);this.error=!this.required\|\|null!==i&&""!==e?""===e\|\|function(r,e){if(null==r\|\|""===r)return!0;const i=Number(r);return!isNaN(i)&&(e===s.INTEGER?Number.isInteger(i):e!==s.PERCENTAGE\|\|i>=0&&i<=100)}(i,this.dataType)?"":l("invalid_number",this.locale):l("required",this.locale),null!==i&&h(e)&&(this.displayValue=this.formatForDisplay(i)),this.mrdChange.emit({name:this.name,value:i}),this.mrdBlur.emit({name:this.name,value:i})},this.handleFocus=()=>{if(null!=this.value){const r=String(this.value);this.displayValue=r}}}componentWillLoad(){null!=this.value&&(this.displayValue=this.formatForDisplay(this.value))}formatForDisplay(r){return this.dataType===s.PERCENTAGE?a(r,this.locale,{minimumFractionDigits:0,maximumFractionDigits:this.decimalPrecision})+"%":a(r,this.locale,this.dataType===s.DECIMAL?{minimumFractionDigits:this.decimalPrecision,maximumFractionDigits:this.decimalPrecision}:{maximumFractionDigits:0})}render(){const r=!!this.error,e=this.dataType===s.PERCENTAGE?"%":"";return i(d,{key:"68d81012d9180dde4160a507121b83f04698834a"},i("div",{key:"b8e46f6d23527b2c95ad2738fc63a07adfce4fda",class:"mrd-number-field"},this.label&&i("label",{key:"c3271c7a8adfd8bcb3b4f51e580239f928a354a5",class:"mrd-number-field__label"+(this.required?" mrd-number-field__label--required":"")},this.label),i("div",{key:"c46b69affd1e22c539511f6743b6d23fe73fb079",class:"mrd-number-field__input-wrapper"},i("input",{key:"e68188829c2e03c947c5605332a2681de550a0d5",class:"mrd-number-field__input"+(r?" mrd-number-field__input--error":""),type:"text",inputMode:"decimal",name:this.name,value:this.displayValue,placeholder:this.placeholder\|\|(e?`0${e}`:"0"),required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus})),r&&i("span",{key:"bdc2723e2547517765bd64ad70c5103c7a2b363c",class:"mrd-number-field__error"},this.error)))}};C.style=".sc-mrd-number-field-h{display:block}.mrd-number-field.sc-mrd-number-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-number-field__label.sc-mrd-number-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-number-field__label--required.sc-mrd-number-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-number-field__input-wrapper.sc-mrd-number-field{position:relative;display:flex;align-items:center}.mrd-number-field__input.sc-mrd-number-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;text-align:right}.mrd-number-field__input.sc-mrd-number-field::placeholder{color:var(--mrd-input-placeholder-color);text-align:left}.mrd-number-field__input.sc-mrd-number-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-number-field__input.sc-mrd-number-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-number-field__input--error.sc-mrd-number-field{border-color:var(--mrd-border-color-error)}.mrd-number-field__input--error.sc-mrd-number-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-number-field__error.sc-mrd-number-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const q=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.mrdSearch=e(this,"mrdSearch"),this.mrdFetchAll=e(this,"mrdFetchAll"),this.name="",this.label="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.relatedClass="",this.mostSignificantClass="",this.displayType=m.SEARCH,this.multiple=!1,this.dropdownValues=[],this.value=null,this.searchQuery="",this.searchResults=[],this.allRecords=[],this.isLoading=!1,this.selectedItems=[],this.showResults=!1,this.error="",this.highlightedIndex=-1,this.searchDebounce=null,this.handleKeyDown=r=>{this.showResults&&0!==this.searchResults.length?"ArrowDown"===r.key?(r.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.searchResults.length-1)):"ArrowUp"===r.key?(r.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0)):"Enter"===r.key?(r.preventDefault(),this.highlightedIndex>=0&&this.handleResultSelect(this.searchResults[this.highlightedIndex])):"Escape"===r.key&&(this.showResults=!1,this.highlightedIndex=-1):"Escape"===r.key&&(this.showResults=!1,this.highlightedIndex=-1)},this.clearSelection=()=>{this.selectedItems=[],this.searchQuery="",this.searchResults=[],this.showResults=!1,this.highlightedIndex=-1,this.mrdChange.emit({name:this.name,value:this.multiple?[]:null})},this.handleSearchInput=r=>{const e=r.target.value;this.searchQuery=e,this.searchDebounce&&clearTimeout(this.searchDebounce),e.trim().length>=2?(this.isLoading=!0,this.showResults=!0,this.searchDebounce=setTimeout((()=>{this.mrdSearch.emit({name:this.name,query:e,relatedClass:this.mostSignificantClass})}),300)):(this.searchResults=[],this.showResults=!1,this.isLoading=!1)},this.handleResultSelect=r=>{if(this.multiple){this.selectedItems.find((e=>e.id===r.id))\|\|(this.selectedItems=[...this.selectedItems,r]),this.searchQuery="",this.searchResults=[],this.showResults=!1;const e=this.selectedItems.map((r=>r.id));this.mrdChange.emit({name:this.name,value:e})}else this.selectedItems=[r],this.searchQuery=r.label,this.showResults=!1,this.mrdChange.emit({name:this.name,value:r.id});this.error=this.required&&!h(this.selectedItems)?l("required",this.locale):""},this.handleRemoveSelected=r=>{this.selectedItems=this.selectedItems.filter((e=>e.id!==r));const e=this.selectedItems.map((r=>r.id));this.mrdChange.emit({name:this.name,value:this.multiple?e:null})},this.handleDropdownChange=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:e})},this.handleBlur=()=>{var r,e;setTimeout((()=>{this.showResults=!1,this.highlightedIndex=-1}),200);const i=this.multiple?this.selectedItems.map((r=>r.id)):null!==(e=null===(r=this.selectedItems[0])\|\|void 0===r?void 0:r.id)&&void 0!==e?e:null;this.mrdBlur.emit({name:this.name,value:i})}}async setAllRecords(r){this.allRecords=r}allRecordsChanged(){var r,e,i;if(this.editBehavior!==c.DROPDOWN)return;const d=null===(r=this.el)\|\|void 0===r?void 0:r.querySelector("select");if(!d)return;const t=Array.isArray(this.value)?null!==(e=this.value[0])&&void 0!==e?e:"":null!==(i=this.value)&&void 0!==i?i:"";t&&(d.value=t)}async setSearchResults(r){this.searchResults=r,this.isLoading=!1,this.showResults=!0,this.highlightedIndex=-1}async setLoading(r){this.isLoading=r}componentWillLoad(){var r;this.value&&(Array.isArray(this.value)?this.value.length>0&&"object"==typeof this.value[0]&&(this.selectedItems=this.value,this.searchQuery=""):"object"==typeof this.value&&(this.selectedItems=[this.value],this.searchQuery=null!==(r=this.value.label)&&void 0!==r?r:""))}componentDidLoad(){this.editBehavior!==c.DROPDOWN\|\|this.commonRelation\|\|setTimeout((()=>{this.mrdFetchAll.emit({name:this.name,relatedClass:this.relatedClass,mostSignificantClass:this.mostSignificantClass\|\|void 0})}),0)}render(){var r,e,t,o;const a=!!this.error;if(this.editBehavior===c.DROPDOWN){const t=Array.isArray(this.value)?null!==(r=this.value[0])&&void 0!==r?r:"":null!==(e=this.value)&&void 0!==e?e:"";return i(d,null,i("div",{class:"mrd-relation-field"},this.label&&i("label",{class:"mrd-relation-field__label"+(this.required?" mrd-relation-field__label--required":"")},this.label),i("select",{class:"mrd-relation-field__select"+(a?" mrd-relation-field__select--error":""),name:this.name,required:this.required,disabled:this.disabled,onChange:this.handleDropdownChange},i("option",{value:""},l("select_placeholder",this.locale)),this.allRecords.map((r=>i("option",{key:r.id,value:r.id,selected:r.id===t},r.label)))),a&&i("span",{class:"mrd-relation-field__error"},this.error)))}if(this.displayType===m.DROPDOWN){const r=Array.isArray(this.value)?null!==(t=this.value[0])&&void 0!==t?t:"":null!==(o=this.value)&&void 0!==o?o:"";return i(d,null,i("div",{class:"mrd-relation-field"},this.label&&i("label",{class:"mrd-relation-field__label"+(this.required?" mrd-relation-field__label--required":"")},this.label),i("select",{class:"mrd-relation-field__select"+(a?" mrd-relation-field__select--error":""),name:this.name,required:this.required,disabled:this.disabled,onChange:this.handleDropdownChange},i("option",{value:""},l("select_placeholder",this.locale)),this.dropdownValues.map((e=>i("option",{key:e.key,value:e.key,selected:e.key===r},e.label)))),a&&i("span",{class:"mrd-relation-field__error"},this.error)))}const s=this.label&&i("label",{class:"mrd-relation-field__label"+(this.required?" mrd-relation-field__label--required":"")},this.label);return i(d,null,!this.multiple&&this.selectedItems.length>0?i("div",{class:"mrd-relation-field"},s,i("div",{class:"mrd-relation-field__selected-value"+(a?" mrd-relation-field__selected-value--error":"")},i("span",{class:"mrd-relation-field__selected-name"},this.selectedItems[0].label),i("button",{type:"button",class:"mrd-relation-field__selected-clear",onClick:this.clearSelection,"aria-label":l("remove",this.locale)},"✕")),a&&i("span",{class:"mrd-relation-field__error"},this.error)):i("div",{class:"mrd-relation-field"},s,this.multiple&&this.selectedItems.length>0&&i("div",{class:"mrd-relation-field__tags"},this.selectedItems.map((r=>i("span",{key:r.id,class:"mrd-relation-field__tag"},r.label,i("button",{type:"button",class:"mrd-relation-field__tag-remove",onClick:()=>this.handleRemoveSelected(r.id),"aria-label":l("remove",this.locale)},"✕"))))),i("div",{class:"mrd-relation-field__search-wrapper"},i("input",{class:"mrd-relation-field__search"+(a?" mrd-relation-field__search--error":""),type:"text",value:this.searchQuery,placeholder:l("search_placeholder",this.locale),disabled:this.disabled,onInput:this.handleSearchInput,onKeyDown:this.handleKeyDown,onBlur:this.handleBlur}),this.isLoading&&i("span",{class:"mrd-relation-field__spinner","aria-label":l("loading",this.locale)})),this.showResults&&i("div",{class:"mrd-relation-field__results"},0!==this.searchResults.length\|\|this.isLoading?this.searchResults.map(((r,e)=>i("div",{key:r.id,class:"mrd-relation-field__result-item"+(e===this.highlightedIndex?" mrd-relation-field__result-item--highlighted":""),onMouseDown:()=>this.handleResultSelect(r)},i("span",{class:"mrd-relation-field__result-label"},r.label),r.description&&i("span",{class:"mrd-relation-field__result-desc"},r.description)))):i("div",{class:"mrd-relation-field__no-results"},l("no_results",this.locale))),a&&i("span",{class:"mrd-relation-field__error"},this.error)))}get el(){return t(this)}static get watchers(){return{allRecords:[{allRecordsChanged:0}]}}};q.style=".sc-mrd-relation-field-h{display:block}.mrd-relation-field.sc-mrd-relation-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%;position:relative}.mrd-relation-field__label.sc-mrd-relation-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-relation-field__label--required.sc-mrd-relation-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-relation-field__select.sc-mrd-relation-field{display:block;width:100%;height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);padding-right:calc(var(--mrd-input-padding-x) + 1.5rem);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-input-color);background-color:var(--mrd-input-bg);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right var(--mrd-space-3) center;border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);outline:none;appearance:none;cursor:pointer;box-sizing:border-box}.mrd-relation-field__select.sc-mrd-relation-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-relation-field__select.sc-mrd-relation-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-relation-field__select--error.sc-mrd-relation-field{border-color:var(--mrd-border-color-error)}.mrd-relation-field__select--error.sc-mrd-relation-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-relation-field__tags.sc-mrd-relation-field{display:flex;flex-wrap:wrap;gap:var(--mrd-space-1);margin-bottom:var(--mrd-space-1)}.mrd-relation-field__tag.sc-mrd-relation-field{display:inline-flex;align-items:center;gap:var(--mrd-space-1);padding:var(--mrd-space-1) var(--mrd-space-2);background-color:var(--mrd-color-primary-light);color:var(--mrd-color-primary-dark);border-radius:var(--mrd-border-radius-full);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);font-weight:var(--mrd-font-weight-medium)}.mrd-relation-field__tag-remove.sc-mrd-relation-field{background:none;border:none;cursor:pointer;color:var(--mrd-color-primary-dark);font-size:var(--mrd-font-size-xs);padding:0;line-height:1;opacity:0.7}.mrd-relation-field__tag-remove.sc-mrd-relation-field:hover{opacity:1}.mrd-relation-field__search-wrapper.sc-mrd-relation-field{position:relative;display:flex;align-items:center}.mrd-relation-field__search.sc-mrd-relation-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);outline:none;appearance:none;box-sizing:border-box}.mrd-relation-field__search.sc-mrd-relation-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-relation-field__search.sc-mrd-relation-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-relation-field__search.sc-mrd-relation-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-relation-field__search--error.sc-mrd-relation-field{border-color:var(--mrd-border-color-error)}.mrd-relation-field__search--error.sc-mrd-relation-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-relation-field__spinner.sc-mrd-relation-field{position:absolute;right:var(--mrd-space-3);width:16px;height:16px;border:2px solid var(--mrd-color-neutral-200);border-top-color:var(--mrd-color-primary);border-radius:50%;animation:mrd-spin 0.7s linear infinite}@keyframes mrd-spin{to{transform:rotate(360deg)}}.mrd-relation-field__results.sc-mrd-relation-field{position:absolute;top:calc(100% + var(--mrd-space-1));left:0;right:0;background-color:var(--mrd-color-white);border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);box-shadow:var(--mrd-shadow-md);z-index:var(--mrd-z-dropdown);max-height:240px;overflow-y:auto}.mrd-relation-field__result-item.sc-mrd-relation-field{display:flex;flex-direction:column;padding:var(--mrd-space-2) var(--mrd-space-3);cursor:pointer;transition:background-color var(--mrd-transition-fast)}.mrd-relation-field__result-item.sc-mrd-relation-field:hover{background-color:var(--mrd-color-neutral-50)}.mrd-relation-field__result-item.sc-mrd-relation-field:not(:last-child){border-bottom:var(--mrd-border-width) solid var(--mrd-color-neutral-100)}.mrd-relation-field__result-label.sc-mrd-relation-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);color:var(--mrd-color-neutral-800);font-weight:var(--mrd-font-weight-medium)}.mrd-relation-field__result-desc.sc-mrd-relation-field{font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-xs);color:var(--mrd-color-neutral-500);margin-top:var(--mrd-space-1)}.mrd-relation-field__result-item--highlighted.sc-mrd-relation-field{background-color:var(--mrd-color-primary-light)}.mrd-relation-field__selected-value.sc-mrd-relation-field{display:flex;align-items:center;gap:var(--mrd-space-2);height:var(--mrd-input-height);padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x);background-color:var(--mrd-color-primary-light);border:var(--mrd-border-width) solid var(--mrd-color-primary);border-radius:var(--mrd-border-radius);box-sizing:border-box}.mrd-relation-field__selected-value--error.sc-mrd-relation-field{border-color:var(--mrd-border-color-error);background-color:var(--mrd-color-danger-light)}.mrd-relation-field__selected-name.sc-mrd-relation-field{flex:1;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base);font-weight:var(--mrd-font-weight-medium);color:var(--mrd-color-primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrd-relation-field__selected-clear.sc-mrd-relation-field{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--mrd-color-primary-dark);font-size:var(--mrd-font-size-sm);padding:0;line-height:1;opacity:0.6;transition:opacity var(--mrd-transition-fast)}.mrd-relation-field__selected-clear.sc-mrd-relation-field:hover{opacity:1}.mrd-relation-field__no-results.sc-mrd-relation-field{padding:var(--mrd-space-4);font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-sm);color:var(--mrd-color-neutral-500);text-align:center}.mrd-relation-field__error.sc-mrd-relation-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const j=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleInput=r=>{this.mrdChange.emit({name:this.name,value:r.target.value})},this.handleBlur=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:e})}}render(){const r=!!this.error;return i(d,{key:"4ddbcb2f8915235631c6f66449b28e664c24c0a4"},i("div",{key:"91dbb52ed715c92d4ef2bc0924fd378d0dc839a8",class:"mrd-text-field"},this.label&&i("label",{key:"cf3278503107d313c08034273916a4b84a16febd",class:"mrd-text-field__label"+(this.required?" mrd-text-field__label--required":"")},this.label),i("input",{key:"9ab992213bfaa372e453331e1b1e12a853c3ae6e",class:"mrd-text-field__input"+(r?" mrd-text-field__input--error":""),type:"text",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur}),r&&i("span",{key:"a4ff2fdd2490f644eb97f66f15edc5af0b22e823",class:"mrd-text-field__error"},this.error)))}};j.style=".sc-mrd-text-field-h{display:block}.mrd-text-field.sc-mrd-text-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-text-field__label.sc-mrd-text-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-text-field__label--required.sc-mrd-text-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-text-field__input.sc-mrd-text-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-text-field__input.sc-mrd-text-field::placeholder{color:var(--mrd-input-placeholder-color)}.mrd-text-field__input.sc-mrd-text-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-text-field__input.sc-mrd-text-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-text-field__input--error.sc-mrd-text-field{border-color:var(--mrd-border-color-error)}.mrd-text-field__input--error.sc-mrd-text-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-text-field__error.sc-mrd-text-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const B=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.placeholder="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.editorReady=!1}componentDidLoad(){this.initQuill()}async initQuill(){try{const r=(await import("./p-CiuCgGz_.js")).default;if(this.editorEl=this.el.querySelector(".mrd-textarea-field__editor"),!this.editorEl)return;const e=new r(this.editorEl,{theme:"snow",placeholder:this.placeholder,readOnly:this.disabled,modules:{toolbar:[["bold","italic","underline","strike"],[{list:"ordered"},{list:"bullet"}],[{header:[1,2,3,!1]}],["link"],["clean"]]}});this.value&&e.clipboard.dangerouslyPasteHTML(this.value),e.on("text-change",(()=>{var r,e;const i=null!==(e=null===(r=this.editorEl.querySelector(".ql-editor"))\|\|void 0===r?void 0:r.innerHTML)&&void 0!==e?e:"";this.mrdChange.emit({name:this.name,value:i})})),e.on("selection-change",(r=>{var e,i;if(!r){const r=null!==(i=null===(e=this.editorEl.querySelector(".ql-editor"))\|\|void 0===e?void 0:e.innerHTML)&&void 0!==i?i:"";this.error=this.required&&!h(r)?l("required",this.locale):"",this.mrdBlur.emit({name:this.name,value:r})}})),this.editorReady=!0}catch(r){console.error("Failed to load Quill editor:",r)}}render(){return i(d,{key:"8f7544745341ea2eca4450296db53ed8b41af0e2"},i("div",{key:"62937448dd685071e0500b8f7f53fe22b10ffa15",class:"mrd-textarea-field"},this.label&&i("label",{key:"4a7d807d78c2a9abeaf3ff94ee5e71b167475e25",class:"mrd-textarea-field__label"+(this.required?" mrd-textarea-field__label--required":"")},this.label),i("div",{key:"599e28a45b1c161d7cfec3de138e386bf997f9b9",class:"mrd-textarea-field__container"+(this.error?" mrd-textarea-field__container--error":"")},i("div",{key:"5824a225fa6ea29bf02dfd8e4b27a71e853f059e",class:"mrd-textarea-field__editor"})),this.error&&i("span",{key:"1c7693269df8f3fe112a6df419e6cbace75bdaa9",class:"mrd-textarea-field__error"},this.error)))}get el(){return t(this)}};B.style=".sc-mrd-textarea-field-h{display:block}.mrd-textarea-field.sc-mrd-textarea-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-textarea-field__label.sc-mrd-textarea-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-textarea-field__label--required.sc-mrd-textarea-field::after{content:' ';color:var(--mrd-color-danger)}.mrd-textarea-field__container.sc-mrd-textarea-field{border:var(--mrd-border-width) solid var(--mrd-border-color);border-radius:var(--mrd-border-radius);overflow:hidden;background-color:var(--mrd-input-bg);transition:border-color var(--mrd-transition), box-shadow var(--mrd-transition)}.mrd-textarea-field__container.sc-mrd-textarea-field:focus-within{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-textarea-field__container--error.sc-mrd-textarea-field{border-color:var(--mrd-border-color-error)}.mrd-textarea-field__container--error.sc-mrd-textarea-field:focus-within{box-shadow:var(--mrd-shadow-focus-error)}.mrd-textarea-field__editor.sc-mrd-textarea-field{min-height:150px;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-toolbar.sc-mrd-textarea-field{border:none;border-bottom:var(--mrd-border-width) solid var(--mrd-border-color);font-family:var(--mrd-font-family)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-container.sc-mrd-textarea-field{border:none;font-family:var(--mrd-font-family);font-size:var(--mrd-font-size-base)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.sc-mrd-textarea-field{min-height:120px;padding:var(--mrd-input-padding-y) var(--mrd-input-padding-x)}.mrd-textarea-field__editor.sc-mrd-textarea-field .ql-editor.ql-blank.sc-mrd-textarea-field::before{color:var(--mrd-input-placeholder-color);font-style:normal}.mrd-textarea-field__error.sc-mrd-textarea-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";const O=class{constructor(i){r(this,i),this.mrdChange=e(this,"mrdChange"),this.mrdBlur=e(this,"mrdBlur"),this.name="",this.label="",this.value="",this.required=!1,this.disabled=!1,this.locale=navigator.language,this.error="",this.handleChange=r=>{const e=r.target.value;this.error=this.required&&!h(e)?l("required",this.locale):"",this.mrdChange.emit({name:this.name,value:e})},this.handleBlur=r=>{this.mrdBlur.emit({name:this.name,value:r.target.value})}}render(){const r=!!this.error;return i(d,{key:"0a6e3047eb409b50a7dfa46c724e0d9824bdbad9"},i("div",{key:"1fdcaa9cc0e44edd514d3453df0cfb264989cbca",class:"mrd-time-field"},this.label&&i("label",{key:"ae53864761258ae56e29474c2da68c852fe8db57",class:"mrd-time-field__label"+(this.required?" mrd-time-field__label--required":"")},this.label),i("input",{key:"60336f497545b61656756790cfb5ec096034ecf7",class:"mrd-time-field__input"+(r?" mrd-time-field__input--error":""),type:"time",name:this.name,value:this.value,required:this.required,disabled:this.disabled,onChange:this.handleChange,onBlur:this.handleBlur}),r&&i("span",{key:"f8409b690c67873f6e4fe10f1d404b57005f0557",class:"mrd-time-field__error"},this.error)))}};O.style=".sc-mrd-time-field-h{display:block}.mrd-time-field.sc-mrd-time-field{display:flex;flex-direction:column;gap:var(--mrd-space-1);width:100%}.mrd-time-field__label.sc-mrd-time-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-time-field__label--required.sc-mrd-time-field::after{content:' *';color:var(--mrd-color-danger)}.mrd-time-field__input.sc-mrd-time-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-time-field__input.sc-mrd-time-field:focus{border-color:var(--mrd-border-color-focus);box-shadow:var(--mrd-shadow-focus)}.mrd-time-field__input.sc-mrd-time-field:disabled{background-color:var(--mrd-input-bg-disabled);cursor:not-allowed;opacity:0.7}.mrd-time-field__input--error.sc-mrd-time-field{border-color:var(--mrd-border-color-error)}.mrd-time-field__input--error.sc-mrd-time-field:focus{box-shadow:var(--mrd-shadow-focus-error)}.mrd-time-field__error.sc-mrd-time-field{font-family:var(--mrd-font-family);font-size:var(--mrd-error-font-size);color:var(--mrd-error-color)}";export{f as mrd_boolean_field,b as mrd_currency_field,v as mrd_date_field,p as mrd_datetime_field,_ as mrd_email_field,g as mrd_field,y as mrd_file_field,x as mrd_form,w as mrd_hyperlink_field,k as mrd_image_field,z as mrd_list_field,C as mrd_number_field,q as mrd_relation_field,j as mrd_text_field,B as mrd_textarea_field,O as mrd_time_field}

package/dist/types/components/mrd-relation-field/mrd-relation-field.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ClientLayoutItemRelationDisplayType, ClientLayoutItemRelationEditBehavior, ClientListValue, RelationSearchResult } from '../../types';
 export declare class MrdRelationField {
+    el: HTMLElement;
     name: string;
     label: string;
     required: boolean;
@@ -46,6 +47,7 @@ export declare class MrdRelationField {
         filterValue?: string;
     }>;
     setAllRecords(records: RelationSearchResult[]): Promise<void>;
+    allRecordsChanged(): void;
     setSearchResults(results: RelationSearchResult[]): Promise<void>;
     setLoading(loading: boolean): Promise<void>;
     private searchDebounce;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mmlogic/components",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Stencil.js web component library for dynamic forms and virtual-scroll data tables",
   "license": "MIT",
   "author": "Mosterd",