@openmfp/webcomponents 0.9.0 → 0.9.1

package/mfp-webcomponents.js

@@ -562,7 +562,7 @@ the option's textContent will be displayed.`,since:"1.17.0"}],this.elementRef=Ee
 <path d="M24.6977 14.4971L22.03 7.84888L9.20929 10.4774L12.103 17.8954L24.6977 14.4971Z" fill="var(--sapContent_Illustrative_Color3)"/>
 <path d="M12.549 29.5485L26.5814 36.942V23.5305L11.9302 17.8955L12.549 29.5485Z" fill="var(--sapContent_Illustrative_Color29)"/>
 <path d="M21.7248 32.3374L26.5814 23.4476L11.9948 17.8955L7.53491 25.2597L21.7248 32.3374Z" fill="var(--sapContent_Illustrative_Color15)"/>
-</svg>`,I4e="NoData",T4e="fiori",B4e="V4",M4e=nT,E4e=sT;H_(I4e,{dialogSvg:y4e,sceneSvg:A4e,spotSvg:x4e,dotSvg:S4e,title:M4e,subtitle:E4e,set:T4e,collection:B4e});function X_(e,t){return this.columnTrackBy(t,e)}function Z4e(e,t){if(e&1&&(Ne(0,"ui5-table-header-cell",14),k1(1),je()),e&2){let i=Be().$implicit;L1("width",(i.uiSettings==null?null:i.uiSettings.columnWidth)??"auto"),g0("test-id","generic-table-header-"+i.group.name),Fe(),q5(i.group.label??i.group.name)}}function k4e(e,t){if(e&1&&(Ne(0,"ui5-table-header-cell",14),k1(1),je()),e&2){let i=Be().$implicit;L1("width",(i.uiSettings==null?null:i.uiSettings.columnWidth)??"auto"),g0("test-id","generic-table-header-"+i.property),Fe(),q5(i.label)}}function L4e(e,t){if(e&1&&Jt(0,Z4e,2,3,"ui5-table-header-cell",14)(1,k4e,2,3,"ui5-table-header-cell",14),e&2){let i=t.$implicit;e0(i.group?0:1)}}function H4e(e,t){if(e&1&&(Ne(0,"span"),k1(1),je()),e&2){let i=Be().$implicit;Fe(),si("",i.label,": ")}}function D4e(e,t){if(e&1&&(Ne(0,"span"),k1(1),je()),e&2){let i=Be(3).$implicit;Fe(),q5(i.group.delimiter)}}function R4e(e,t){if(e&1){let i=I5();Ne(0,"span",17),Jt(1,H4e,2,1,"span"),Ne(2,"mfp-value-cell",18),ot("buttonClick",function(o){z1(i);let s=Be(4);return U1(s.buttonClick.emit(o))}),je()(),Jt(3,D4e,2,1,"span")}if(e&2){let i=t.$implicit,o=t.$index,s=t.$count,n=Be(2).$implicit,u=Be(),_=u.$implicit,g=u.$index;g0("test-id","generic-table-cell-"+g+"-"+n.group.name+"-"+i.property),Fe(),e0(i.label?1:-1),Fe(),L1("fieldDefinition",i)("resource",_),Fe(),e0(o!==s-1&&n.group.delimiter?3:-1)}}function O4e(e,t){if(e&1&&(Ne(0,"ui5-table-cell")(1,"div",16),Os(2,R4e,4,5,null,null,X_,!0),je()()),e&2){let i=Be().$implicit,o=Be().$index;g0("test-id","generic-table-cell-"+o+"-"+i.group.name);let s=i.group.multiline??!0;Fe(),v_("justify-content",s||i.uiSettings==null?null:i.uiSettings.align)("align-items",s?i.uiSettings==null?null:i.uiSettings.align:null)("flex-direction",s?"column":"row"),Fe(),Vs(i.group.fields)}}function V4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-table-cell")(1,"div",16)(2,"mfp-value-cell",18),ot("buttonClick",function(o){z1(i);let s=Be(3);return U1(s.buttonClick.emit(o))}),je()()()}if(e&2){let i=Be().$implicit,o=Be(),s=o.$implicit,n=o.$index;g0("test-id","generic-table-cell-"+n+"-"+i.property),Fe(),v_("justify-content",i.uiSettings==null?null:i.uiSettings.align),Fe(),L1("fieldDefinition",i)("resource",s)}}function N4e(e,t){if(e&1&&Jt(0,O4e,4,7,"ui5-table-cell")(1,V4e,3,5,"ui5-table-cell"),e&2){let i=t.$implicit;e0(i.group?0:1)}}function P4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-table-row",15),ot("click",function(){let o=z1(i).$implicit,s=Be();return U1(s.tableRowClicked.emit(o))}),Os(1,N4e,2,1,null,null,X_,!0),je()}if(e&2){let i=t.$implicit,o=t.$index,s=Be();h7("disabled",!(i.isAvailable??!0)),L1("interactive",i.isAvailable??!0),g0("test-id","generic-table-row-"+o),Fe(),Vs(s.viewColumns())}}function F4e(e,t){e&1&&(Ne(0,"ui5-illustrated-message",3)(1,"span",19),k1(2,"No Resources"),je(),Ne(3,"span",20),k1(4,"There are currently no items to show."),je()())}function z4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-table-growing",21),ot("ui5LoadMore",function(){z1(i);let o=Be();return U1(o.loadMoreResources.emit())}),je()}}var xB=class hd{columns=oe.required();resources=oe.required();trackByPath=oe("id");totalItemsCount=oe();paginationLimit=oe(5);hasMore=oe(!1);buttonClick=p1();tableRowClicked=p1();loadMoreResources=p1();paginationLimitChanged=p1();columnTrackBy=(t,i)=>t.property??t.value??i;rowTrackBy=(t,i)=>b_(i,{property:this.trackByPath()})??t;viewColumns=O1(()=>Eq(this.columns()));static \u0275fac=function(t){return new(t||hd)};static \u0275cmp=kt({type:hd,selectors:[["mfp-declarative-table"]],inputs:{columns:[1,"columns"],resources:[1,"resources"],trackByPath:[1,"trackByPath"],totalItemsCount:[1,"totalItemsCount"],paginationLimit:[1,"paginationLimit"],hasMore:[1,"hasMore"]},outputs:{buttonClick:"buttonClick",tableRowClicked:"tableRowClicked",loadMoreResources:"loadMoreResources",paginationLimitChanged:"paginationLimitChanged"},decls:26,vars:4,consts:[["test-id","generic-table"],["slot","headerRow"],[3,"disabled","interactive"],["name","NoData","slot","noData","test-id","generic-table-view-nodata"],["id","growing","mode","Button","slot","features","text","Load more"],[1,"pagination-footer",2,"display","flex","justify-content","space-between","align-items","center","padding","0rem 1rem","min-height","3rem","border-top","1px solid var(--sapList_BorderColor)"],[2,"display","flex","align-items","center","gap","1.5rem"],[2,"display","flex","align-items","center","gap","0.5rem"],[2,"color","var(--sapTextColor)","font-size","var(--sapFontSmallSize)"],[2,"width","5rem",3,"change","value"],["value","5"],["value","10"],["value","50"],["value","100"],[3,"width"],[3,"click","interactive"],[1,"flex"],[1,"group-value"],[3,"buttonClick","fieldDefinition","resource"],["slot","title"],["slot","subtitle"],["id","growing","mode","Button","slot","features","text","Load more",3,"ui5LoadMore"]],template:function(t,i){t&1&&(Ne(0,"ui5-table",0)(1,"ui5-table-header-row",1),Os(2,L4e,2,1,null,null,X_,!0),je(),Os(4,P4e,3,4,"ui5-table-row",2,i.rowTrackBy,!0,F4e,5,0,"ui5-illustrated-message",3),Jt(7,z4e,1,0,"ui5-table-growing",4),je(),Ne(8,"div",5)(9,"div",6)(10,"div",7)(11,"span",8),k1(12,"Items per load:"),je(),Ne(13,"ui5-select",9),ot("change",function(o){return i.paginationLimitChanged.emit(+(o==null||o.target==null?null:o.target.value))}),Ne(14,"ui5-option",10),k1(15,"5"),je(),Ne(16,"ui5-option",11),k1(17,"10"),je(),Ne(18,"ui5-option",12),k1(19,"50"),je(),Ne(20,"ui5-option",13),k1(21,"100"),je()()(),Ne(22,"span",8),k1(23," Items loaded: "),Ne(24,"b"),k1(25),je()()()()),t&2&&(Fe(2),Vs(i.viewColumns()),Fe(2),Vs(i.resources()),Fe(3),e0(i.hasMore()?7:-1),Fe(6),L1("value",i.paginationLimit().toString()),Fe(12),q5(i.totalItemsCount()!==void 0?i.resources().length+" / "+i.totalItemsCount():i.resources().length))},dependencies:[G7e,v3e,g3e,i4e,b4e,w4e,lG,bB,gB,w3e],styles:[`.multiline{display:block}.disabled{filter:brightness(.92);pointer-events:none}.disabled ui5-table-cell:not(:first-child){color:var(--sapContent_DisabledTextColor, #6a6d70)}.disabled ui5-table-cell:not(:first-child) ui5-icon{color:var(--sapContent_DisabledTextColor, #6a6d70)}.group-value{display:flex;align-items:center}.flex{display:flex;width:100%}
+</svg>`,I4e="NoData",T4e="fiori",B4e="V4",M4e=nT,E4e=sT;H_(I4e,{dialogSvg:y4e,sceneSvg:A4e,spotSvg:x4e,dotSvg:S4e,title:M4e,subtitle:E4e,set:T4e,collection:B4e});function X_(e,t){return this.columnTrackBy(t,e)}function Z4e(e,t){if(e&1&&(Ne(0,"ui5-table-header-cell",14),k1(1),je()),e&2){let i=Be().$implicit;L1("width",(i.uiSettings==null?null:i.uiSettings.columnWidth)??"auto"),g0("test-id","generic-table-header-"+i.group.name),Fe(),q5(i.group.label??i.group.name)}}function k4e(e,t){if(e&1&&(Ne(0,"ui5-table-header-cell",14),k1(1),je()),e&2){let i=Be().$implicit;L1("width",(i.uiSettings==null?null:i.uiSettings.columnWidth)??"auto"),g0("test-id","generic-table-header-"+i.property),Fe(),q5(i.label)}}function L4e(e,t){if(e&1&&Jt(0,Z4e,2,3,"ui5-table-header-cell",14)(1,k4e,2,3,"ui5-table-header-cell",14),e&2){let i=t.$implicit;e0(i.group?0:1)}}function H4e(e,t){if(e&1&&(Ne(0,"span"),k1(1),je()),e&2){let i=Be().$implicit;Fe(),si("",i.label,": ")}}function D4e(e,t){if(e&1&&(Ne(0,"span"),k1(1),je()),e&2){let i=Be(3).$implicit;Fe(),q5(i.group.delimiter)}}function R4e(e,t){if(e&1){let i=I5();Ne(0,"span",17),Jt(1,H4e,2,1,"span"),Ne(2,"mfp-value-cell",18),ot("buttonClick",function(o){z1(i);let s=Be(4);return U1(s.buttonClick.emit(o))}),je()(),Jt(3,D4e,2,1,"span")}if(e&2){let i=t.$implicit,o=t.$index,s=t.$count,n=Be(2).$implicit,u=Be(),_=u.$implicit,g=u.$index;g0("test-id","generic-table-cell-"+g+"-"+n.group.name+"-"+i.property),Fe(),e0(i.label?1:-1),Fe(),L1("fieldDefinition",i)("resource",_),Fe(),e0(o!==s-1&&n.group.delimiter?3:-1)}}function O4e(e,t){if(e&1&&(Ne(0,"ui5-table-cell")(1,"div",16),Os(2,R4e,4,5,null,null,X_,!0),je()()),e&2){let i=Be().$implicit,o=Be().$index;g0("test-id","generic-table-cell-"+o+"-"+i.group.name);let s=i.group.multiline??!0;Fe(),v_("justify-content",s||i.uiSettings==null?null:i.uiSettings.align)("align-items",s?i.uiSettings==null?null:i.uiSettings.align:null)("flex-direction",s?"column":"row"),Fe(),Vs(i.group.fields)}}function V4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-table-cell")(1,"div",16)(2,"mfp-value-cell",18),ot("buttonClick",function(o){z1(i);let s=Be(3);return U1(s.buttonClick.emit(o))}),je()()()}if(e&2){let i=Be().$implicit,o=Be(),s=o.$implicit,n=o.$index;g0("test-id","generic-table-cell-"+n+"-"+i.property),Fe(),v_("justify-content",i.uiSettings==null?null:i.uiSettings.align),Fe(),L1("fieldDefinition",i)("resource",s)}}function N4e(e,t){if(e&1&&Jt(0,O4e,4,7,"ui5-table-cell")(1,V4e,3,5,"ui5-table-cell"),e&2){let i=t.$implicit;e0(i.group?0:1)}}function P4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-table-row",15),ot("click",function(){let o=z1(i).$implicit,s=Be();return U1(s.tableRowClicked.emit(o))}),Os(1,N4e,2,1,null,null,X_,!0),je()}if(e&2){let i=t.$implicit,o=t.$index,s=Be();h7("disabled",i.isAvailable===!1),L1("interactive",i.isAvailable!==!1),g0("test-id","generic-table-row-"+o),Fe(),Vs(s.viewColumns())}}function F4e(e,t){e&1&&(Ne(0,"ui5-illustrated-message",3)(1,"span",19),k1(2,"No Resources"),je(),Ne(3,"span",20),k1(4,"There are currently no items to show."),je()())}function z4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-table-growing",21),ot("ui5LoadMore",function(){z1(i);let o=Be();return U1(o.loadMoreResources.emit())}),je()}}var xB=class hd{columns=oe.required();resources=oe.required();trackByPath=oe("id");totalItemsCount=oe();paginationLimit=oe(5);hasMore=oe(!1);buttonClick=p1();tableRowClicked=p1();loadMoreResources=p1();paginationLimitChanged=p1();columnTrackBy=(t,i)=>t.property??t.value??i;rowTrackBy=(t,i)=>b_(i,{property:this.trackByPath()})??t;viewColumns=O1(()=>Eq(this.columns()));static \u0275fac=function(t){return new(t||hd)};static \u0275cmp=kt({type:hd,selectors:[["mfp-declarative-table"]],inputs:{columns:[1,"columns"],resources:[1,"resources"],trackByPath:[1,"trackByPath"],totalItemsCount:[1,"totalItemsCount"],paginationLimit:[1,"paginationLimit"],hasMore:[1,"hasMore"]},outputs:{buttonClick:"buttonClick",tableRowClicked:"tableRowClicked",loadMoreResources:"loadMoreResources",paginationLimitChanged:"paginationLimitChanged"},decls:26,vars:4,consts:[["test-id","generic-table"],["slot","headerRow"],[3,"disabled","interactive"],["name","NoData","slot","noData","test-id","generic-table-view-nodata"],["id","growing","mode","Button","slot","features","text","Load more"],[1,"pagination-footer",2,"display","flex","justify-content","space-between","align-items","center","padding","0rem 1rem","min-height","3rem","border-top","1px solid var(--sapList_BorderColor)"],[2,"display","flex","align-items","center","gap","1.5rem"],[2,"display","flex","align-items","center","gap","0.5rem"],[2,"color","var(--sapTextColor)","font-size","var(--sapFontSmallSize)"],[2,"width","5rem",3,"change","value"],["value","5"],["value","10"],["value","50"],["value","100"],[3,"width"],[3,"click","interactive"],[1,"flex"],[1,"group-value"],[3,"buttonClick","fieldDefinition","resource"],["slot","title"],["slot","subtitle"],["id","growing","mode","Button","slot","features","text","Load more",3,"ui5LoadMore"]],template:function(t,i){t&1&&(Ne(0,"ui5-table",0)(1,"ui5-table-header-row",1),Os(2,L4e,2,1,null,null,X_,!0),je(),Os(4,P4e,3,4,"ui5-table-row",2,i.rowTrackBy,!0,F4e,5,0,"ui5-illustrated-message",3),Jt(7,z4e,1,0,"ui5-table-growing",4),je(),Ne(8,"div",5)(9,"div",6)(10,"div",7)(11,"span",8),k1(12,"Items per load:"),je(),Ne(13,"ui5-select",9),ot("change",function(o){return i.paginationLimitChanged.emit(+(o==null||o.target==null?null:o.target.value))}),Ne(14,"ui5-option",10),k1(15,"5"),je(),Ne(16,"ui5-option",11),k1(17,"10"),je(),Ne(18,"ui5-option",12),k1(19,"50"),je(),Ne(20,"ui5-option",13),k1(21,"100"),je()()(),Ne(22,"span",8),k1(23," Items loaded: "),Ne(24,"b"),k1(25),je()()()()),t&2&&(Fe(2),Vs(i.viewColumns()),Fe(2),Vs(i.resources()),Fe(3),e0(i.hasMore()?7:-1),Fe(6),L1("value",i.paginationLimit().toString()),Fe(12),q5(i.totalItemsCount()!==void 0?i.resources().length+" / "+i.totalItemsCount():i.resources().length))},dependencies:[G7e,v3e,g3e,i4e,b4e,w4e,lG,bB,gB,w3e],styles:[`.multiline{display:block}.disabled{filter:brightness(.92);pointer-events:none}.disabled ui5-table-cell:not(:first-child){color:var(--sapContent_DisabledTextColor, #6a6d70)}.disabled ui5-table-cell:not(:first-child) ui5-icon{color:var(--sapContent_DisabledTextColor, #6a6d70)}.group-value{display:flex;align-items:center}.flex{display:flex;width:100%}
 `],encapsulation:3})};function U4e(e,t,i){let o=t.split(".").filter(Boolean);if(o.length===0)return e;let s=e;for(let n=0;n<o.length;n+=1){let u=o[n];if(n===o.length-1){s[u]=i;break}let _=s[u];(_==null||typeof _!="object")&&(s[u]={}),s=s[u]}return e}var j4e=["*"],SB=(()=>{class e{constructor(){this.disabled=oe(!1,{transform:F1}),this.placeholder=oe(),this.readonly=oe(!1,{transform:F1}),this.required=oe(!1,{transform:F1}),this.noTypeahead=oe(!1,{transform:F1}),this.type=oe("Text"),this.value=oe(""),this.valueState=oe("None"),this.name=oe(),this.showSuggestions=oe(!1,{transform:F1}),this.maxlength=oe(),this.accessibleName=oe(),this.accessibleNameRef=oe(),this.accessibleDescription=oe(),this.accessibleDescriptionRef=oe(),this.showClearIcon=oe(!1,{transform:F1}),this.open=oe(!1,{transform:F1}),this.filter=oe("None"),this.ui5Change=p1(),this.ui5Input=p1(),this.ui5Select=p1(),this.ui5SelectionChange=p1(),this.ui5Open=p1(),this.ui5Close=p1(),this.slots=[{name:"default",description:"Defines the suggestion items.\n\n**Note:** The suggestions would be displayed only if the `showSuggestions`\nproperty is set to `true`.\n\n**Note:** The `<ui5-suggestion-item>`, `<ui5-suggestion-item-group>` and `ui5-suggestion-item-custom` are recommended to be used as suggestion items."},{name:"icon",description:"Defines the icon to be displayed in the component."},{name:"valueStateMessage",description:"Defines the value state message that will be displayed as pop up under the component.\nThe value state message slot should contain only one root element.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n\n**Note:** If the component has `suggestionItems`,\nthe `valueStateMessage` would be displayed as part of the same popover, if used on desktop, or dialog - on phone.",since:"1.0.0-rc.6"}],this.elementRef=Ee(Vt),this.injector=Ee(Ot)}get element(){return this.elementRef.nativeElement}ngAfterViewInit(){let i=this.element,o=["disabled","placeholder","readonly","required","noTypeahead","type","value","valueState","name","showSuggestions","maxlength","accessibleName","accessibleNameRef","accessibleDescription","accessibleDescriptionRef","showClearIcon","open","filter"];for(let n of o){let u=n.replace(/-./g,_=>_[1].toUpperCase());this[u]&&typeof this[u]=="function"&&y0(this.injector,()=>{s0(()=>{let _=this[u]();i&&(i[n]=_)})})}let s=["ui5Change","ui5Input","ui5Select","ui5SelectionChange","ui5Open","ui5Close"];for(let n of s){let u=n.replace("ui5","").replace(/([A-Z])/g,"-$1").toLowerCase().substring(1);this[n]&&typeof this[n].emit=="function"&&i.addEventListener&&i.addEventListener(u,_=>{this[n].emit(_)})}}static{this.\u0275fac=function(i){return new(i||e)}}static{this.\u0275cmp=kt({type:e,selectors:[["ui5-input"],["","ui5-input",""]],inputs:{disabled:[1,"disabled"],placeholder:[1,"placeholder"],readonly:[1,"readonly"],required:[1,"required"],noTypeahead:[1,"noTypeahead"],type:[1,"type"],value:[1,"value"],valueState:[1,"valueState"],name:[1,"name"],showSuggestions:[1,"showSuggestions"],maxlength:[1,"maxlength"],accessibleName:[1,"accessibleName"],accessibleNameRef:[1,"accessibleNameRef"],accessibleDescription:[1,"accessibleDescription"],accessibleDescriptionRef:[1,"accessibleDescriptionRef"],showClearIcon:[1,"showClearIcon"],open:[1,"open"],filter:[1,"filter"]},outputs:{ui5Change:"ui5Change",ui5Input:"ui5Input",ui5Select:"ui5Select",ui5SelectionChange:"ui5SelectionChange",ui5Open:"ui5Open",ui5Close:"ui5Close"},exportAs:["ui5Input"],features:[PS([fB])],ngContentSelectors:j4e,decls:1,vars:0,template:function(i,o){i&1&&(W0(),q0(0))},encapsulation:2,changeDetection:0})}}return e})(),W4e=["*"],q4e=(()=>{class e{constructor(){this.for=oe(),this.showColon=oe(!1,{transform:F1}),this.required=oe(!1,{transform:F1}),this.wrappingType=oe("Normal"),this.slots=[{name:"default",description:`Defines the text of the component.
 
 **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.`}],this.elementRef=Ee(Vt),this.injector=Ee(Ot)}get element(){return this.elementRef.nativeElement}ngAfterViewInit(){let i=this.element,o=["for","showColon","required","wrappingType"];for(let s of o){let n=s.replace(/-./g,u=>u[1].toUpperCase());this[n]&&typeof this[n]=="function"&&y0(this.injector,()=>{s0(()=>{let u=this[n]();i&&(i[s]=u)})})}}static{this.\u0275fac=function(i){return new(i||e)}}static{this.\u0275cmp=kt({type:e,selectors:[["ui5-label"],["","ui5-label",""]],inputs:{for:[1,"for"],showColon:[1,"showColon"],required:[1,"required"],wrappingType:[1,"wrappingType"]},exportAs:["ui5Label"],ngContentSelectors:W4e,decls:1,vars:0,template:function(i,o){i&1&&(W0(),q0(0))},encapsulation:2,changeDetection:0})}}return e})(),G4e=()=>[""],$4e=()=>[],X4e=(e,t)=>t.name;function K4e(e,t){e&1&&(Ne(0,"div",5),k1(1),je()),e&2&&(Fe(),q5(t))}function Y4e(e,t){if(e&1&&(Ne(0,"ui5-option",6),k1(1),je()),e&2){let i=t.$implicit,o=Be(2).$implicit,s=m_(0);L1("value",i)("selected",i===s.value),g0("test-id","generic-form-field-"+o.name+"-option-"+(i||"empty")),Fe(),q5(i)}}function Q4e(e,t){if(e&1){let i=I5();Ne(0,"ui5-select",4),ot("input",function(o){z1(i);let s=Be().$implicit,n=Be();return U1(n.setFormControlValue(o,s))})("change",function(o){z1(i);let s=Be().$implicit,n=Be();return U1(n.setFormControlValue(o,s))})("blur",function(){z1(i);let o=Be().$implicit,s=Be();return U1(s.onFieldBlur(o))}),Jt(1,K4e,2,1,"div",5),Os(2,Y4e,2,4,"ui5-option",6,Sj),je()}if(e&2){let i,o=Be().$implicit,s=m_(0),n=Be();L1("value",s.value)("required",o.required)("valueState",n.getValueState(o.name))("disabled",o.disabled),g0("test-id","generic-form-field-"+o.name),Fe(),e0((i=n.getError(o.name))?1:-1,i),Fe(),Vs(W6(6,G4e).concat(o.values??W6(7,$4e)))}}function J4e(e,t){e&1&&(Ne(0,"div",5),k1(1),je()),e&2&&(Fe(),q5(t))}function ele(e,t){if(e&1){let i=I5();Ne(0,"ui5-input",7),ot("blur",function(){z1(i);let o=Be().$implicit,s=Be();return U1(s.onFieldBlur(o))})("change",function(o){z1(i);let s=Be().$implicit,n=Be();return U1(n.setFormControlValue(o,s))})("input",function(o){z1(i);let s=Be().$implicit,n=Be();return U1(n.setFormControlValue(o,s))}),Jt(1,J4e,2,1,"div",5),je()}if(e&2){let i,o=Be().$implicit,s=m_(0),n=Be();L1("value",s.value)("required",o.required)("valueState",n.getValueState(o.name))("disabled",o.disabled),g0("test-id","generic-form-field-"+o.name),Fe(),e0((i=n.getError(o.name))?1:-1,i)}}function tle(e,t){if(e&1&&(sI(0),Ne(1,"div",1)(2,"ui5-label",2),k1(3),je(),Jt(4,Q4e,4,8,"ui5-select",3)(5,ele,2,6,"ui5-input",3),je()),e&2){let i=t.$implicit,o=Be();hW(o.form.controls[i.name]),Fe(),g0("test-id","generic-form-field-container-"+i.name),Fe(),L1("required",i.required),g0("test-id","generic-form-field-label-"+i.name),Fe(),q5(i.label),Fe(),e0(i.values!=null&&i.values.length?4:5)}}var IB=class dd{fields=oe.required();initialValues=oe({});fieldErrors=oe({});fieldChange=p1();formSubmit=p1();form;fb=Ee(zG);constructor(){this.form=this.fb.group({}),s0(()=>{this.rebuildControls(this.fields())}),s0(()=>{this.setInitialValues(this.initialValues())}),s0(()=>{let t=this.fields();this.initialValues();for(let i of t)i.validation&&this.fieldChange.emit({fieldProperty:i.name,value:this.form.controls[i.name]?.value??""})})}setFormControlValue(t,i){let o=t.target,s=this.form.controls[i.name];s.setValue(o.value),s.markAsTouched(),s.markAsDirty(),i.validation==="onChange"&&this.fieldChange.emit({fieldProperty:i.name,value:s.value})}getError(t){let i=this.form.controls[t],o=this.fieldErrors()[t];return o&&(i.dirty||i.touched)?o:null}getValueState(t){return this.getError(t)?"Negative":"None"}onFieldBlur(t){this.form.controls[t.name]?.markAsTouched(),t.validation==="onBlur"&&this.fieldChange.emit({fieldProperty:t.name,value:this.form.controls[t.name]?.value})}submit(){this.formSubmit.emit(this.buildOutputValue())}clear(){this.form.reset()}rebuildControls(t){let i=this.form.controls,o=new Set(t.map(s=>s.name));for(let s of t){let n=i[s.name];if(n){n.clearValidators(),n.updateValueAndValidity({emitEvent:!1});continue}this.form.addControl(s.name,new Ts(""))}for(let s of Object.keys(i))o.has(s)||this.form.removeControl(s);this.form.updateValueAndValidity({emitEvent:!1})}setInitialValues(t){t&&(this.form.patchValue(t,{emitEvent:!1}),this.form.markAsPristine({emitEvent:!1}),this.form.updateValueAndValidity({emitEvent:!1}))}buildOutputValue(){let t={};for(let i of Object.keys(this.form.controls))U4e(t,i,this.form.controls[i].value);return t}static \u0275fac=function(t){return new(t||dd)};static \u0275cmp=kt({type:dd,selectors:[["mfp-declarative-form"]],inputs:{fields:[1,"fields"],initialValues:[1,"initialValues"],fieldErrors:[1,"fieldErrors"]},outputs:{fieldChange:"fieldChange",formSubmit:"formSubmit"},decls:3,vars:1,consts:[["test-id","generic-form",1,"form",3,"formGroup"],[1,"inputs"],["show-colon","",3,"required"],[1,"input",3,"value","required","valueState","disabled"],[1,"input",3,"input","change","blur","value","required","valueState","disabled"],["slot","valueStateMessage"],[3,"value","selected"],[1,"input",3,"blur","change","input","value","required","valueState","disabled"]],template:function(t,i){t&1&&(Ne(0,"section",0),Os(1,tle,6,6,"div",1,X4e),je()),t&2&&(L1("formGroup",i.form),Fe(),Vs(i.fields()))},dependencies:[oT,CG,iT,SB,q4e,bB,gB],styles:[`.form>div{display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;margin-bottom:.5rem;width:100%}.input{width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmfp/webcomponents",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "OpenMFP web components bundle",
   "license": "Apache-2.0",
   "repository": {