diff --git a/core-packages/assets/7168d2335cf1.js b/core-packages/assets/1b3b7d5302ea.js
similarity index 94%
rename from core-packages/assets/7168d2335cf1.js
rename to core-packages/assets/1b3b7d5302ea.js
index ad3eb968a..e600e86f0 100644
--- a/core-packages/assets/7168d2335cf1.js
+++ b/core-packages/assets/1b3b7d5302ea.js
@@ -1 +1 @@
-import{x as m,v as x,r as o,j as t,w as v}from"./35d056c21a62.js";import{E as u}from"./960f2965a833.js";import{E as d}from"./4eca66f82c38.js";import{u as f}from"./04a0c5e25bad.js";import{C as E,H as s}from"./aecdb1ecade1.js";import{T as g}from"./75b35a576181.js";import{V as h}from"./25b678110b3a.js";import{B as S}from"./5dd82bae3d2e.js";class T{textService;logger;constructor(e){this.textService=e.references.textService,this.logger=m("api-app:TextApiExtension")}async getApiMethods(){return{changeText:e=>{this.logger.info("Changing text to",JSON.stringify(e)),this.textService.setText(e)}}}}class A extends u{text="not yet set";setText(e){const i=this.text;this.text=e,this.emit("text-changed",{newText:this.text,oldText:i})}getText(){return this.text}}class j{async getApiMethods(){return{justAnotherApiMethod:()=>{console.log("justAnotherApiMethod")}}}}const y={"api-app":{name:"api-app",services:{TextApiExtension:{name:"TextApiExtension",clazz:T,provides:[{name:"integration.ApiExtension",qualifier:void 0}],references:{textService:{name:"api-app.TextService",qualifier:void 0,all:!1}}},TextService:{name:"TextService",clazz:A,provides:[{name:"api-app.TextService",qualifier:void 0}],references:{}},SecondApiExtension:{name:"SecondApiExtension",clazz:j,provides:[{name:"integration.ApiExtension",qualifier:void 0}],references:{}}},ui:{references:[{name:"api-app.TextService",qualifier:void 0,all:!1},{name:"integration.ExternalEventService",qualifier:void 0,all:!1}]},properties:{}},"@open-pioneer/chakra-integration":{name:"@open-pioneer/chakra-integration",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime":{name:"@open-pioneer/runtime",services:{},ui:{references:[]},properties:{}},"@open-pioneer/integration":{name:"@open-pioneer/integration",services:{ExternalEventServiceImpl:{name:"ExternalEventServiceImpl",clazz:d,provides:[{name:"integration.ExternalEventService",qualifier:void 0}],references:{ctx:{name:"runtime.ApplicationContext",qualifier:void 0,all:!1}}}},ui:{references:[]},properties:{}},"@open-pioneer/base-theme":{name:"@open-pioneer/base-theme",services:{},ui:{references:[]},properties:{}},"@open-pioneer/core":{name:"@open-pioneer/core",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime-react-support":{name:"@open-pioneer/runtime-react-support",services:{},ui:{references:[]},properties:{}}},z="",C=[];function b(n){throw new Error(`Unsupported locale: '${n}'`)}const q=x(z),M=Object.freeze(Object.defineProperty({__proto__:null,loadMessages:b,locales:C,packages:y,styles:q},Symbol.toStringTag,{value:"Module"})),k="api-app",a=f.bind(void 0,k);function w(){const n=a("integration.ExternalEventService"),e=()=>{n.emitEvent("my-custom-event",{data:"my-event-data"})},i=a("api-app.TextService"),[p,r]=o.useState("");return o.useEffect(()=>{r(i.getText());const c=i.on("text-changed",l=>{r(l.newText)});return()=>c.destroy()},[i]),t.jsx(E,{children:t.jsxs(h,{children:[t.jsx(s,{size:"md",children:"Emitting Events"}),t.jsx(g,{children:"Click this button to emit a browser event:"}),t.jsx(S,{onClick:e,children:"Emit Event"}),t.jsx(s,{size:"md",pt:20,children:"Reacting to API calls from the host site"}),t.jsxs("div",{children:["Current text: ",p]})]})})}const I=v({component:w,appMetadata:M});customElements.define("api-app",I);
+import{x as m,v as x,r as o,j as t,w as v}from"./35d056c21a62.js";import{E as u}from"./960f2965a833.js";import{E as d}from"./4eca66f82c38.js";import{u as f}from"./04a0c5e25bad.js";import{C as E,H as s}from"./aecdb1ecade1.js";import{T as g}from"./75b35a576181.js";import{V as h}from"./25b678110b3a.js";import{B as S}from"./5dd82bae3d2e.js";class T{textService;logger;constructor(e){this.textService=e.references.textService,this.logger=m("api-app:TextApiExtension")}async getApiMethods(){return{changeText:e=>{this.logger.info("Changing text to",JSON.stringify(e)),this.textService.setText(e)}}}}class A extends u{text="not yet set";setText(e){const i=this.text;this.text=e,this.emit("text-changed",{newText:this.text,oldText:i})}getText(){return this.text}}class j{async getApiMethods(){return{justAnotherApiMethod:()=>{console.log("justAnotherApiMethod")}}}}const y={"api-app":{name:"api-app",services:{TextApiExtension:{name:"TextApiExtension",clazz:T,provides:[{name:"integration.ApiExtension",qualifier:void 0}],references:{textService:{name:"api-app.TextService",qualifier:void 0,all:!1}}},TextService:{name:"TextService",clazz:A,provides:[{name:"api-app.TextService",qualifier:void 0}],references:{}},SecondApiExtension:{name:"SecondApiExtension",clazz:j,provides:[{name:"integration.ApiExtension",qualifier:void 0}],references:{}}},ui:{references:[{name:"api-app.TextService",qualifier:void 0,all:!1},{name:"integration.ExternalEventService",qualifier:void 0,all:!1}]},properties:{}},"@open-pioneer/chakra-integration":{name:"@open-pioneer/chakra-integration",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime":{name:"@open-pioneer/runtime",services:{},ui:{references:[]},properties:{}},"@open-pioneer/integration":{name:"@open-pioneer/integration",services:{ExternalEventServiceImpl:{name:"ExternalEventServiceImpl",clazz:d,provides:[{name:"integration.ExternalEventService",qualifier:void 0}],references:{ctx:{name:"runtime.ApplicationContext",qualifier:void 0,all:!1}}}},ui:{references:[]},properties:{}},"@open-pioneer/core":{name:"@open-pioneer/core",services:{},ui:{references:[]},properties:{}},"@open-pioneer/base-theme":{name:"@open-pioneer/base-theme",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime-react-support":{name:"@open-pioneer/runtime-react-support",services:{},ui:{references:[]},properties:{}}},z="",C=[];function b(n){throw new Error(`Unsupported locale: '${n}'`)}const q=x(z),M=Object.freeze(Object.defineProperty({__proto__:null,loadMessages:b,locales:C,packages:y,styles:q},Symbol.toStringTag,{value:"Module"})),k="api-app",a=f.bind(void 0,k);function w(){const n=a("integration.ExternalEventService"),e=()=>{n.emitEvent("my-custom-event",{data:"my-event-data"})},i=a("api-app.TextService"),[p,r]=o.useState("");return o.useEffect(()=>{r(i.getText());const c=i.on("text-changed",l=>{r(l.newText)});return()=>c.destroy()},[i]),t.jsx(E,{children:t.jsxs(h,{children:[t.jsx(s,{size:"md",children:"Emitting Events"}),t.jsx(g,{children:"Click this button to emit a browser event:"}),t.jsx(S,{onClick:e,children:"Emit Event"}),t.jsx(s,{size:"md",pt:20,children:"Reacting to API calls from the host site"}),t.jsxs("div",{children:["Current text: ",p]})]})})}const I=v({component:w,appMetadata:M});customElements.define("api-app",I);
diff --git a/core-packages/assets/7ed0ec5b9521.js b/core-packages/assets/501cb001a7da.js
similarity index 91%
rename from core-packages/assets/7ed0ec5b9521.js
rename to core-packages/assets/501cb001a7da.js
index 7a4f5b6da..549c5bd30 100644
--- a/core-packages/assets/7ed0ec5b9521.js
+++ b/core-packages/assets/501cb001a7da.js
@@ -1 +1 @@
-import{h as R,f as c,d as w,o as S,j as e,c as m,I as D,n as z,e as B,v as O,w as U}from"./35d056c21a62.js";import{E as W}from"./4eca66f82c38.js";import{_ as h}from"./a419295615be.js";import{u as G,a as b}from"./04a0c5e25bad.js";import{g as H,T as g}from"./75b35a576181.js";import{V}from"./25b678110b3a.js";import{H as q}from"./c8bb3f547b3e.js";import{C as $,H as K}from"./aecdb1ecade1.js";import{B as X}from"./5dd82bae3d2e.js";var[Y,L]=R({name:"ListStylesContext",errorMessage:`useListStyles returned is 'undefined'. Seems you forgot to wrap the components in "" `}),v=c(function(n,s){const r=w("List",n),{children:o,styleType:l="none",stylePosition:a,spacing:d,...p}=S(n),u=H(o),f=d?{["& > *:not(style) ~ *:not(style)"]:{mt:d}}:{};return e.jsx(Y,{value:r,children:e.jsx(m.ul,{ref:s,listStyleType:l,listStylePosition:a,role:"list",__css:{...r.container,...f},...p,children:u})})});v.displayName="List";var F=c((t,n)=>{const{as:s,...r}=t;return e.jsx(v,{ref:n,as:"ol",styleType:"decimal",marginStart:"1em",...r})});F.displayName="OrderedList";var _=c(function(n,s){const{as:r,...o}=n;return e.jsx(v,{ref:s,as:"ul",styleType:"initial",marginStart:"1em",...o})});_.displayName="UnorderedList";var i=c(function(n,s){const r=L();return e.jsx(m.li,{ref:s,...n,__css:r.item})});i.displayName="ListItem";var J=c(function(n,s){const r=L();return e.jsx(D,{ref:s,role:"presentation",...n,__css:r.icon})});J.displayName="ListIcon";var E=m("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});E.displayName="Center";var Q={horizontal:{insetStart:"50%",transform:"translateX(-50%)"},vertical:{top:"50%",transform:"translateY(-50%)"},both:{insetStart:"50%",top:"50%",transform:"translate(-50%, -50%)"}};c(function(n,s){const{axis:r="both",...o}=n;return e.jsx(m.div,{ref:s,__css:Q[r],...o,position:"absolute"})});var C=c(function(n,s){const{borderLeftWidth:r,borderBottomWidth:o,borderTopWidth:l,borderRightWidth:a,borderWidth:d,borderStyle:p,borderColor:u,...x}=z("Divider",n),{className:f,orientation:y="horizontal",__css:P,...A}=S(n),N={vertical:{borderLeftWidth:r||a||d||"1px",height:"100%"},horizontal:{borderBottomWidth:o||l||d||"1px",width:"100%"}};return e.jsx(m.hr,{ref:s,"aria-orientation":y,...A,__css:{...x,border:"0",borderColor:u,borderStyle:p,...N[y],...P},className:B("chakra-divider",f)})});C.displayName="Divider";const Z={"i18n-app":{name:"i18n-app",services:{},ui:{references:[{name:"runtime.ApplicationContext",qualifier:void 0,all:!1},{name:"integration.ExternalEventService",qualifier:void 0,all:!1}]},properties:{}},"@open-pioneer/chakra-integration":{name:"@open-pioneer/chakra-integration",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime":{name:"@open-pioneer/runtime",services:{},ui:{references:[]},properties:{}},"@open-pioneer/integration":{name:"@open-pioneer/integration",services:{ExternalEventServiceImpl:{name:"ExternalEventServiceImpl",clazz:W,provides:[{name:"integration.ExternalEventService",qualifier:void 0}],references:{ctx:{name:"runtime.ApplicationContext",qualifier:void 0,all:!1}}}},ui:{references:[]},properties:{}},"@open-pioneer/base-theme":{name:"@open-pioneer/base-theme",services:{},ui:{references:[]},properties:{}},"@open-pioneer/core":{name:"@open-pioneer/core",services:{},ui:{references:[]},properties:{}},"i18n-sample-package":{name:"i18n-sample-package",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime-react-support":{name:"@open-pioneer/runtime-react-support",services:{},ui:{references:[]},properties:{}}},ee="",te=["de","en","de-simple"];function ne(t){switch(t){case"de":return h(()=>import("./097da0bd0024.js"),[],import.meta.url).then(n=>n.default);case"en":return h(()=>import("./ed4442ff5311.js"),[],import.meta.url).then(n=>n.default);case"de-simple":return h(()=>import("./36dbc13110f4.js"),[],import.meta.url).then(n=>n.default)}throw new Error(`Unsupported locale: '${t}'`)}const re=O(ee),se=Object.freeze(Object.defineProperty({__proto__:null,loadMessages:ne,locales:te,packages:Z,styles:re},Symbol.toStringTag,{value:"Module"})),I="i18n-app",M=G.bind(void 0,I),T=b.bind(void 0,I),ie="i18n-sample-package",oe=b.bind(void 0,ie);function ae(){const t=oe();return e.jsxs("div",{children:["Greeting: ",t.formatMessage({id:"greeting"})]})}function le(){const t=T(),n=M("runtime.ApplicationContext"),s=n.getLocale(),r=n.getSupportedLocales(),o="Müller",l=["Hans","Peter","Hape"];return e.jsxs($,{children:[e.jsx(K,{size:"lg",mb:4,children:t.formatMessage({id:"content.header"})}),e.jsx(g,{mb:4,children:t.formatMessage({id:"content.description"})}),e.jsxs(_,{mb:4,children:[e.jsxs(i,{children:["Current locale: ",s]}),e.jsxs(i,{children:["Supported locales: ",r.join(", ")]}),e.jsxs(i,{children:["Current date and time:"," ",t.formatDate(new Date,{dateStyle:"full",timeStyle:"short"})]}),e.jsxs(i,{children:["Relative Time - 1:"," ",t.formatRelativeTime(1,"minute",{numeric:"auto",style:"long"})]}),e.jsxs(i,{children:["Relative Time - 15:"," ",t.formatRelativeTime(15,"minute",{numeric:"auto",style:"long"})]}),e.jsxs(i,{children:["Relative Time - 0:"," ",t.formatRelativeTime(0,"minute",{numeric:"auto",style:"long"})]}),e.jsxs(i,{children:["Large number (Currency):"," ",t.formatNumber(123456789e-2,{style:"currency",currency:"EUR"})]}),e.jsxs(i,{children:["Large number (Unit):"," ",t.formatNumber(123456789e-2,{style:"unit",unit:"kilogram-per-second"})]}),e.jsxs(i,{children:["Plural - Count 0: ",t.formatMessage({id:"content.testplural"},{n:0})]}),e.jsxs(i,{children:["Plural - Count 1: ",t.formatMessage({id:"content.testplural"},{n:1})]}),e.jsxs(i,{children:["Plural - Count 2: ",t.formatMessage({id:"content.testplural"},{n:2})]}),e.jsxs(i,{children:["List: ",t.formatList(l,{type:"conjunction"})]}),e.jsxs(i,{children:["Gender - female:"," ",t.formatMessage({id:"content.testgender"},{gender:"female",name:o})]}),e.jsxs(i,{children:["Gender - male:"," ",t.formatMessage({id:"content.testgender"},{gender:"male",name:o})]}),e.jsxs(i,{children:["Gender - other:"," ",t.formatMessage({id:"content.testgender"},{gender:"other",name:o})]})]}),e.jsx(E,{mb:4,children:e.jsx(ce,{current:s,locales:r})}),e.jsx(C,{my:4}),e.jsxs(g,{mb:4,children:["This component is from another package which does ",e.jsx("em",{children:"not"})," support de-simple by itself:"]}),e.jsx(ae,{})]})}function ce(t){const n=T(),s=M("integration.ExternalEventService"),r=a=>{s.emitEvent("locale-changed",{locale:a})},o=a=>e.jsx(X,{onClick:()=>r(a),children:a??n.formatMessage({id:"picker.default"})},a??""),l=t.locales.map(a=>o(a));return l.unshift(o(void 0)),e.jsxs(V,{children:[e.jsx(g,{children:n.formatMessage({id:"picker.choose"})}),e.jsx(q,{spacing:2,children:l})]})}const de=U({component:le,appMetadata:se,async resolveConfig(t){const n=t.getAttribute("forced-locale");if(n)return{locale:n}}});customElements.define("i18n-app",de);const j=document.getElementById("container");k(void 0);function k(t){j.replaceChildren(),console.info(`Starting app with locale ${t}`);const n=document.createElement("i18n-app");t&&n.setAttribute("forced-locale",t),n.addEventListener("locale-changed",s=>{const r=s.detail.locale;k(r)}),j.appendChild(n)}
+import{h as R,f as c,d as w,o as S,j as e,c as m,I as D,n as z,e as B,v as O,w as U}from"./35d056c21a62.js";import{E as W}from"./4eca66f82c38.js";import{_ as h}from"./a419295615be.js";import{u as G,a as b}from"./04a0c5e25bad.js";import{g as H,T as g}from"./75b35a576181.js";import{V}from"./25b678110b3a.js";import{H as q}from"./c8bb3f547b3e.js";import{C as $,H as K}from"./aecdb1ecade1.js";import{B as X}from"./5dd82bae3d2e.js";var[Y,L]=R({name:"ListStylesContext",errorMessage:`useListStyles returned is 'undefined'. Seems you forgot to wrap the components in "" `}),v=c(function(n,s){const r=w("List",n),{children:o,styleType:l="none",stylePosition:a,spacing:d,...p}=S(n),u=H(o),f=d?{["& > *:not(style) ~ *:not(style)"]:{mt:d}}:{};return e.jsx(Y,{value:r,children:e.jsx(m.ul,{ref:s,listStyleType:l,listStylePosition:a,role:"list",__css:{...r.container,...f},...p,children:u})})});v.displayName="List";var F=c((t,n)=>{const{as:s,...r}=t;return e.jsx(v,{ref:n,as:"ol",styleType:"decimal",marginStart:"1em",...r})});F.displayName="OrderedList";var _=c(function(n,s){const{as:r,...o}=n;return e.jsx(v,{ref:s,as:"ul",styleType:"initial",marginStart:"1em",...o})});_.displayName="UnorderedList";var i=c(function(n,s){const r=L();return e.jsx(m.li,{ref:s,...n,__css:r.item})});i.displayName="ListItem";var J=c(function(n,s){const r=L();return e.jsx(D,{ref:s,role:"presentation",...n,__css:r.icon})});J.displayName="ListIcon";var E=m("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});E.displayName="Center";var Q={horizontal:{insetStart:"50%",transform:"translateX(-50%)"},vertical:{top:"50%",transform:"translateY(-50%)"},both:{insetStart:"50%",top:"50%",transform:"translate(-50%, -50%)"}};c(function(n,s){const{axis:r="both",...o}=n;return e.jsx(m.div,{ref:s,__css:Q[r],...o,position:"absolute"})});var C=c(function(n,s){const{borderLeftWidth:r,borderBottomWidth:o,borderTopWidth:l,borderRightWidth:a,borderWidth:d,borderStyle:p,borderColor:u,...x}=z("Divider",n),{className:f,orientation:y="horizontal",__css:P,...A}=S(n),N={vertical:{borderLeftWidth:r||a||d||"1px",height:"100%"},horizontal:{borderBottomWidth:o||l||d||"1px",width:"100%"}};return e.jsx(m.hr,{ref:s,"aria-orientation":y,...A,__css:{...x,border:"0",borderColor:u,borderStyle:p,...N[y],...P},className:B("chakra-divider",f)})});C.displayName="Divider";const Z={"i18n-app":{name:"i18n-app",services:{},ui:{references:[{name:"runtime.ApplicationContext",qualifier:void 0,all:!1},{name:"integration.ExternalEventService",qualifier:void 0,all:!1}]},properties:{}},"@open-pioneer/runtime":{name:"@open-pioneer/runtime",services:{},ui:{references:[]},properties:{}},"@open-pioneer/integration":{name:"@open-pioneer/integration",services:{ExternalEventServiceImpl:{name:"ExternalEventServiceImpl",clazz:W,provides:[{name:"integration.ExternalEventService",qualifier:void 0}],references:{ctx:{name:"runtime.ApplicationContext",qualifier:void 0,all:!1}}}},ui:{references:[]},properties:{}},"@open-pioneer/chakra-integration":{name:"@open-pioneer/chakra-integration",services:{},ui:{references:[]},properties:{}},"@open-pioneer/base-theme":{name:"@open-pioneer/base-theme",services:{},ui:{references:[]},properties:{}},"@open-pioneer/core":{name:"@open-pioneer/core",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime-react-support":{name:"@open-pioneer/runtime-react-support",services:{},ui:{references:[]},properties:{}},"i18n-sample-package":{name:"i18n-sample-package",services:{},ui:{references:[]},properties:{}}},ee="",te=["de","en","de-simple"];function ne(t){switch(t){case"de":return h(()=>import("./097da0bd0024.js"),[],import.meta.url).then(n=>n.default);case"en":return h(()=>import("./ed4442ff5311.js"),[],import.meta.url).then(n=>n.default);case"de-simple":return h(()=>import("./36dbc13110f4.js"),[],import.meta.url).then(n=>n.default)}throw new Error(`Unsupported locale: '${t}'`)}const re=O(ee),se=Object.freeze(Object.defineProperty({__proto__:null,loadMessages:ne,locales:te,packages:Z,styles:re},Symbol.toStringTag,{value:"Module"})),I="i18n-app",M=G.bind(void 0,I),T=b.bind(void 0,I),ie="i18n-sample-package",oe=b.bind(void 0,ie);function ae(){const t=oe();return e.jsxs("div",{children:["Greeting: ",t.formatMessage({id:"greeting"})]})}function le(){const t=T(),n=M("runtime.ApplicationContext"),s=n.getLocale(),r=n.getSupportedLocales(),o="Müller",l=["Hans","Peter","Hape"];return e.jsxs($,{children:[e.jsx(K,{size:"lg",mb:4,children:t.formatMessage({id:"content.header"})}),e.jsx(g,{mb:4,children:t.formatMessage({id:"content.description"})}),e.jsxs(_,{mb:4,children:[e.jsxs(i,{children:["Current locale: ",s]}),e.jsxs(i,{children:["Supported locales: ",r.join(", ")]}),e.jsxs(i,{children:["Current date and time:"," ",t.formatDate(new Date,{dateStyle:"full",timeStyle:"short"})]}),e.jsxs(i,{children:["Relative Time - 1:"," ",t.formatRelativeTime(1,"minute",{numeric:"auto",style:"long"})]}),e.jsxs(i,{children:["Relative Time - 15:"," ",t.formatRelativeTime(15,"minute",{numeric:"auto",style:"long"})]}),e.jsxs(i,{children:["Relative Time - 0:"," ",t.formatRelativeTime(0,"minute",{numeric:"auto",style:"long"})]}),e.jsxs(i,{children:["Large number (Currency):"," ",t.formatNumber(123456789e-2,{style:"currency",currency:"EUR"})]}),e.jsxs(i,{children:["Large number (Unit):"," ",t.formatNumber(123456789e-2,{style:"unit",unit:"kilogram-per-second"})]}),e.jsxs(i,{children:["Plural - Count 0: ",t.formatMessage({id:"content.testplural"},{n:0})]}),e.jsxs(i,{children:["Plural - Count 1: ",t.formatMessage({id:"content.testplural"},{n:1})]}),e.jsxs(i,{children:["Plural - Count 2: ",t.formatMessage({id:"content.testplural"},{n:2})]}),e.jsxs(i,{children:["List: ",t.formatList(l,{type:"conjunction"})]}),e.jsxs(i,{children:["Gender - female:"," ",t.formatMessage({id:"content.testgender"},{gender:"female",name:o})]}),e.jsxs(i,{children:["Gender - male:"," ",t.formatMessage({id:"content.testgender"},{gender:"male",name:o})]}),e.jsxs(i,{children:["Gender - other:"," ",t.formatMessage({id:"content.testgender"},{gender:"other",name:o})]})]}),e.jsx(E,{mb:4,children:e.jsx(ce,{current:s,locales:r})}),e.jsx(C,{my:4}),e.jsxs(g,{mb:4,children:["This component is from another package which does ",e.jsx("em",{children:"not"})," support de-simple by itself:"]}),e.jsx(ae,{})]})}function ce(t){const n=T(),s=M("integration.ExternalEventService"),r=a=>{s.emitEvent("locale-changed",{locale:a})},o=a=>e.jsx(X,{onClick:()=>r(a),children:a??n.formatMessage({id:"picker.default"})},a??""),l=t.locales.map(a=>o(a));return l.unshift(o(void 0)),e.jsxs(V,{children:[e.jsx(g,{children:n.formatMessage({id:"picker.choose"})}),e.jsx(q,{spacing:2,children:l})]})}const de=U({component:le,appMetadata:se,async resolveConfig(t){const n=t.getAttribute("forced-locale");if(n)return{locale:n}}});customElements.define("i18n-app",de);const j=document.getElementById("container");k(void 0);function k(t){j.replaceChildren(),console.info(`Starting app with locale ${t}`);const n=document.createElement("i18n-app");t&&n.setAttribute("forced-locale",t),n.addEventListener("locale-changed",s=>{const r=s.detail.locale;k(r)}),j.appendChild(n)}
diff --git a/core-packages/assets/4a7adb6bd65a.js b/core-packages/assets/5561b6ed8632.js
similarity index 95%
rename from core-packages/assets/4a7adb6bd65a.js
rename to core-packages/assets/5561b6ed8632.js
index 30599b1f6..37fae5143 100644
--- a/core-packages/assets/4a7adb6bd65a.js
+++ b/core-packages/assets/5561b6ed8632.js
@@ -1 +1 @@
-import{f as u,n as j,o as R,j as r,c as m,e as f,v as w,r as d,w as F}from"./35d056c21a62.js";import{E as y}from"./960f2965a833.js";import{u as C}from"./04a0c5e25bad.js";import{u as k}from"./7a0930732c8d.js";import{a as v,b as _,F as S}from"./bb6003f0ba50.js";import{C as q,H as L}from"./aecdb1ecade1.js";import{V as O}from"./25b678110b3a.js";import{T}from"./75b35a576181.js";import{I as A}from"./cd69b322d64a.js";import{H as U}from"./c8bb3f547b3e.js";import{B as l}from"./5dd82bae3d2e.js";var h=u(function(e,i){var t;const n=j("FormLabel",e),s=R(e),{className:Y,children:x,requiredIndicator:N=r.jsx(g,{}),optionalIndicator:E=null,...c}=s,a=v(),I=(t=a?.getLabelProps(c,i))!=null?t:{ref:i,...c};return r.jsxs(m.label,{...I,className:f("chakra-form__label",s.className),__css:{display:"block",textAlign:"start",...n},children:[x,a?.isRequired?N:E]})});h.displayName="FormLabel";var g=u(function(e,i){const t=v(),n=_();if(!t?.isRequired)return null;const s=f("chakra-form__required-indicator",e.className);return r.jsx(m.span,{...t?.getRequiredIndicatorProps(e,i),__css:n.requiredIndicator,className:s})});g.displayName="RequiredIndicator";const p={DEBUG:0,INFO:1,ERROR:2};class B extends y{level;constructor(e){super(),this.level=M(e.properties)}notify(e,i="INFO"){p[this.level]>p[i]||this.emit("show-notification",{level:i,message:e})}}function M(o){const e=o.notifierLevel;switch(e){case"DEBUG":case"INFO":case"ERROR":return e}throw new Error(`Invalid notifier level: '${e}'.`)}const P={"properties-app":{name:"properties-app",services:{NotifierImpl:{name:"NotifierImpl",clazz:B,provides:[{name:"properties-app.Notifier",qualifier:void 0}],references:{}}},ui:{references:[{name:"properties-app.Notifier",qualifier:void 0,all:!1}]},properties:{notifierLevel:{value:"INFO",required:!1}}},"@open-pioneer/chakra-integration":{name:"@open-pioneer/chakra-integration",services:{},ui:{references:[]},properties:{}},"@open-pioneer/core":{name:"@open-pioneer/core",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime":{name:"@open-pioneer/runtime",services:{},ui:{references:[]},properties:{}},"@open-pioneer/base-theme":{name:"@open-pioneer/base-theme",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime-react-support":{name:"@open-pioneer/runtime-react-support",services:{},ui:{references:[]},properties:{}}},D="",G=[];function z(o){throw new Error(`Unsupported locale: '${o}'`)}const H=w(D),V=Object.freeze(Object.defineProperty({__proto__:null,loadMessages:z,locales:G,packages:P,styles:H},Symbol.toStringTag,{value:"Module"})),$="properties-app",b=C.bind(void 0,$),K={DEBUG:void 0,INFO:"info",ERROR:"error"};function J(){const o=b("properties-app.Notifier"),e=k();return d.useEffect(()=>{const i=o.on("show-notification",t=>{e({position:"bottom-right",title:t.message,isClosable:!0,status:K[t.level]})});return()=>i.destroy()},[o,e]),null}function Q(){return r.jsxs(r.Fragment,{children:[r.jsx(J,{}),r.jsx(W,{})]})}function W(){const o=b("properties-app.Notifier"),[e,i]=d.useState(""),t=n=>{e&&o.notify(e,n)};return r.jsx(q,{children:r.jsxs(O,{my:"20",children:[r.jsx(L,{size:"m",children:"Notifier Sample"}),r.jsxs(T,{children:["This Form attempts to emit a notification with a certain level when clicking one of the button below. The notifier will ignore notifications with a level lower than ",r.jsx("strong",{children:o.level}),". The notifier's level can be configured using an attribute on the web component element."]}),r.jsxs(S,{pt:"3",children:[r.jsx(h,{children:"Enter a message and click one of the buttons to emit a notification"}),r.jsx(A,{placeholder:"Notification text...",value:e,onChange:n=>i(n.target.value)})]}),r.jsxs(U,{children:[r.jsx(l,{onClick:t.bind(void 0,"DEBUG"),children:"Debug"}),r.jsx(l,{onClick:t.bind(void 0,"INFO"),children:"Info"}),r.jsx(l,{onClick:t.bind(void 0,"ERROR"),children:"Error"})]})]})})}const X=F({component:Q,appMetadata:V,async resolveConfig(o){const e=o.getAttribute("level");return e?{properties:{"properties-app":{notifierLevel:e}}}:void 0}});customElements.define("properties-app",X);
+import{f as u,n as j,o as R,j as r,c as m,e as f,v as w,r as d,w as F}from"./35d056c21a62.js";import{E as y}from"./960f2965a833.js";import{u as C}from"./04a0c5e25bad.js";import{u as k}from"./7a0930732c8d.js";import{a as v,b as _,F as S}from"./bb6003f0ba50.js";import{C as q,H as L}from"./aecdb1ecade1.js";import{V as O}from"./25b678110b3a.js";import{T}from"./75b35a576181.js";import{I as A}from"./cd69b322d64a.js";import{H as U}from"./c8bb3f547b3e.js";import{B as l}from"./5dd82bae3d2e.js";var h=u(function(e,i){var t;const n=j("FormLabel",e),s=R(e),{className:Y,children:x,requiredIndicator:N=r.jsx(g,{}),optionalIndicator:E=null,...c}=s,a=v(),I=(t=a?.getLabelProps(c,i))!=null?t:{ref:i,...c};return r.jsxs(m.label,{...I,className:f("chakra-form__label",s.className),__css:{display:"block",textAlign:"start",...n},children:[x,a?.isRequired?N:E]})});h.displayName="FormLabel";var g=u(function(e,i){const t=v(),n=_();if(!t?.isRequired)return null;const s=f("chakra-form__required-indicator",e.className);return r.jsx(m.span,{...t?.getRequiredIndicatorProps(e,i),__css:n.requiredIndicator,className:s})});g.displayName="RequiredIndicator";const p={DEBUG:0,INFO:1,ERROR:2};class B extends y{level;constructor(e){super(),this.level=M(e.properties)}notify(e,i="INFO"){p[this.level]>p[i]||this.emit("show-notification",{level:i,message:e})}}function M(o){const e=o.notifierLevel;switch(e){case"DEBUG":case"INFO":case"ERROR":return e}throw new Error(`Invalid notifier level: '${e}'.`)}const P={"properties-app":{name:"properties-app",services:{NotifierImpl:{name:"NotifierImpl",clazz:B,provides:[{name:"properties-app.Notifier",qualifier:void 0}],references:{}}},ui:{references:[{name:"properties-app.Notifier",qualifier:void 0,all:!1}]},properties:{notifierLevel:{value:"INFO",required:!1}}},"@open-pioneer/chakra-integration":{name:"@open-pioneer/chakra-integration",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime":{name:"@open-pioneer/runtime",services:{},ui:{references:[]},properties:{}},"@open-pioneer/core":{name:"@open-pioneer/core",services:{},ui:{references:[]},properties:{}},"@open-pioneer/base-theme":{name:"@open-pioneer/base-theme",services:{},ui:{references:[]},properties:{}},"@open-pioneer/runtime-react-support":{name:"@open-pioneer/runtime-react-support",services:{},ui:{references:[]},properties:{}}},D="",G=[];function z(o){throw new Error(`Unsupported locale: '${o}'`)}const H=w(D),V=Object.freeze(Object.defineProperty({__proto__:null,loadMessages:z,locales:G,packages:P,styles:H},Symbol.toStringTag,{value:"Module"})),$="properties-app",b=C.bind(void 0,$),K={DEBUG:void 0,INFO:"info",ERROR:"error"};function J(){const o=b("properties-app.Notifier"),e=k();return d.useEffect(()=>{const i=o.on("show-notification",t=>{e({position:"bottom-right",title:t.message,isClosable:!0,status:K[t.level]})});return()=>i.destroy()},[o,e]),null}function Q(){return r.jsxs(r.Fragment,{children:[r.jsx(J,{}),r.jsx(W,{})]})}function W(){const o=b("properties-app.Notifier"),[e,i]=d.useState(""),t=n=>{e&&o.notify(e,n)};return r.jsx(q,{children:r.jsxs(O,{my:"20",children:[r.jsx(L,{size:"m",children:"Notifier Sample"}),r.jsxs(T,{children:["This Form attempts to emit a notification with a certain level when clicking one of the button below. The notifier will ignore notifications with a level lower than ",r.jsx("strong",{children:o.level}),". The notifier's level can be configured using an attribute on the web component element."]}),r.jsxs(S,{pt:"3",children:[r.jsx(h,{children:"Enter a message and click one of the buttons to emit a notification"}),r.jsx(A,{placeholder:"Notification text...",value:e,onChange:n=>i(n.target.value)})]}),r.jsxs(U,{children:[r.jsx(l,{onClick:t.bind(void 0,"DEBUG"),children:"Debug"}),r.jsx(l,{onClick:t.bind(void 0,"INFO"),children:"Info"}),r.jsx(l,{onClick:t.bind(void 0,"ERROR"),children:"Error"})]})]})})}const X=F({component:Q,appMetadata:V,async resolveConfig(o){const e=o.getAttribute("level");return e?{properties:{"properties-app":{notifierLevel:e}}}:void 0}});customElements.define("properties-app",X);
diff --git a/core-packages/docs/classes/_open_pioneer_core.Error.html b/core-packages/docs/classes/_open_pioneer_core.Error.html
index c21c9fa9a..a8cae8897 100644
--- a/core-packages/docs/classes/_open_pioneer_core.Error.html
+++ b/core-packages/docs/classes/_open_pioneer_core.Error.html
@@ -32,7 +32,7 @@
Some changes are made to complex components such as Modal, Drawer etc. to support integration
into a web component's shadow dom.
See comments in ./Provider.tsx for more details.
The signature of the fetch() method is compatible to the Browser's global fetch function.
However, the HttpService's method should always be preferred to take advantage of future features (logging, request interceptors, etc.).
HTML sites or JavaScript code can now instantiate the application by creating a DOM-Element:
<!-- some-site/index.html --> <!DOCTYPEhtml> <html> <body> <!-- Contains the app once the script has been loaded --> <my-app></my-app> <scripttype="module"src="/apps/my-app/app.ts"></script> </body> </html>
import { expect, it } from"vitest"; import { createService } from"@open-pioneer/test-utils/services"; import { MyService } from"./MyService"; // User defined service
it("creates a new service instance with the defined references", async () => { constservice = awaitcreateService(MyService, { references: { // Will be injected into the constructor. // TypeScript checks are intentionally relaxed a bit. someReference: { bar() { return123; } } } }); expect(service).toBeInstanceOf(MyService); // ... other assertions ... });
Emits a prepared DOM event to the host site.
@@ -77,7 +77,7 @@Example