@arkitektum/altinn-studio-custom-components 2.1.2 → 3.0.0

package/README.md

@@ -6,7 +6,11 @@ Her finner du gjenbrukbare komponenter som kan vise f.eks. et adresseobjekt elle
 
 ## Komponenter
 
-### Tekstfelt
+### Titler
+
+- [Text](src/components/custom-header-text/) - viser tittel med tekst fra ressurs
+
+### Datafelt
 
 - [Data](src/components/custom-field-data/) - viser et datafelt med label
 - [Boolean text](src/components/custom-field-boolean-text/) - viser et boolsk med gitte tekster for true/false verdier
@@ -22,6 +26,9 @@ Her finner du gjenbrukbare komponenter som kan vise f.eks. et adresseobjekt elle
 - [Data](src/components/custom-list-data/) - viser en liste med verdier
 - [Vedlegg](src/components/custom-list-vedlegg/) - viser en liste med vedlegg fra datamodellen
 
+### Gruppelister
+
+- [Utfall svar](src/components/custom-grouplist-utfall-svar-type/) - viser liste Utfallsvar-komponentgrupper
 
 ### Hvordan ta i bruk altinn-studio-custom-components i en Altinn 3 App
 

package/dist/main.js

@@ -1 +1 @@
-(()=>{"use strict";class e{constructor(e){this.adresselinje1=e?.adresselinje1,this.adresselinje2=e?.adresselinje2,this.adresselinje3=e?.adresselinje3,this.postnr=e?.postnr,this.poststed=e?.poststed}}function t(e){for(let t in e)if(!!e?.[t]?.toString().length>0)return!0;return!1}function n(e,t){for(let n in t)e.style[n]=t[n]}function s(e){const t=document.createElement("label");t.classList.add("fds-label","fds-label--md"),n(t,{breakAfter:"avoid"});const s=document.createElement("span");return s.innerHTML=e,t.appendChild(s),t}function l(e,t,l=!0,i){const r=document.createElement("div");return r.classList.add("field"),e?.length&&r.appendChild(s(e)),r.appendChild(function(e){const t=document.createElement("span");return t.classList.add("fds-paragraph","fds-paragraph--md"),t.innerHTML=e,n(t,{whiteSpace:"pre-line"}),t}(t)),n(r,{...i,display:"flex",flexDirection:"column"}),l?r.outerHTML:r}function i(e,t,n=!0){const s=document.createElement(t||"ul");return s.classList.add("fds-paragraph","fds-paragraph--md","fds-list","fds-list--md"),e.forEach((e=>{const t=document.createElement("li");t.innerHTML=e,s.appendChild(t)})),n?s.outerHTML:s}function r(e,t,l){const r=document.createElement("div");return r.classList.add("field"),e?.length&&r.appendChild(s(e)),r.appendChild(i(t,l,!1)),n(r,{display:"flex",flexDirection:"column"}),r.outerHTML}function a(e){return{data:function(e){const n=t(e?.simpleBinding)?e.simpleBinding:null,s=t(e?.data)?e.data:null;return n||s}(JSON.parse(e.getAttribute("formdata"))),text:e.getAttribute("text"),hideTitle:"true"===e.getAttribute("hideTitle"),hideIfEmpty:"true"===e.getAttribute("hideIfEmpty"),emptyFieldText:e.getAttribute("emptyFieldText"),styleoverride:JSON.parse(e.getAttribute("styleoverride")||"{}")}}function o(e,t,n,s){n.forEach((n=>{void 0!==e[n]&&null!==e[n]||(null!=t?.[n]?console.warn(`Missing textResourceBindings.${n} for "${s}". Using fallback text: "${t[n]}"`):console.warn(`Missing textResourceBindings.${n} for "${s}".`))}))}function d(e,t){return new Promise(((n,s)=>{void 0===e[t]?Object.defineProperty(e,t,{set:s=>{Object.defineProperty(e,t,{value:s}),n(s)},configurable:!0,enumerable:!0}):n(e[t])}))}function c(e){return e?.parentElement?.parentElement}customElements.define("custom-field-adresse",class extends HTMLElement{connectedCallback(){const{data:n,text:s,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,styleoverride:d}=a(this),u=c(this),f=new e(n),m=!i&&s;if(r&&!t(f)&&u)u.style.display="none";else{const e=function(e){const t=function(e){return[e.adresselinje1,e.adresselinje2,e.adresselinje3].filter((e=>e?.length)).join("\n")}(e),n=function(e){return[e.postnr,e.poststed].filter((e=>e?.length)).join(" ")}(e);return t?.length?`${t}\n${n}`:n}(f);this.innerHTML=l(m,e?.length?e:o,!0,d)}}});class u{constructor(e){this.navn=e?.navn,this.organisasjonsnummer=e?.organisasjonsnummer}}customElements.define("custom-field-part-navn",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:i,emptyFieldText:r,styleoverride:o}=a(this),d=c(this),f="true"===this.getAttribute("hideOrgNr"),m=new u(e);if(i&&!t(m)&&d)d.style.display="none";else{const e=!s&&n,t=function(e,t){let n=e?.navn||"";return t||(n+=e?.organisasjonsnummer?.length?`\nOrganisasjonsnummer: ${e.organisasjonsnummer}`:""),n}(m,f);this.innerHTML=l(e,t?.length?t:r,!0,o)}}}),customElements.define("custom-field-boolean-text",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:n,hideIfEmpty:s,styleoverride:i}=a(this),r=c(this),u=!n&&t,f=await async function(e,t){const n=t.getAttribute("id"),s=await d(t,"texts"),l={trueText:"Ja",falseText:"Nei",defaultText:""};return o(s,l,["trueText","falseText","defaultText"],n),!0===e||"true"===e?void 0!==s?.trueText&&null!==s.trueText?s.trueText:l.trueText:!1===e||"false"===e?void 0!==s?.falseText&&null!==s.falseText?s.falseText:l.falseText:s?.defaultText?s.defaultText:l.defaultText}(e,this);s&&!f?.length&&r?r.style.display="none":this.innerHTML=l(u,f,!0,i)}}),customElements.define("custom-field-data",class extends HTMLElement{connectedCallback(){const{data:e,text:t,hideTitle:n,hideIfEmpty:s,emptyFieldText:i,styleoverride:r}=a(this),o=c(this);if(s&&!e&&o)o.style.display="none";else{const s=!n&&t,a=e||i;this.innerHTML=l(s,a,!0,r)}}});class f{constructor(e){this.saksaar=e?.saksaar,this.sakssekvensnummer=e?.sakssekvensnummer}}customElements.define("custom-field-kommunens-saksnummer",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:i,emptyFieldText:r,styleoverride:o}=a(this),d=c(this),u=new f(e);if(i&&!t(u)&&d)d.style.display="none";else{const e=!s&&n,t=function(e){return[e?.saksaar.toString(),e?.sakssekvensnummer.toString()].filter((e=>e?.length)).join("/")}(u);this.innerHTML=l(e,t?.length?t:r)}}});class m{constructor(e){this.prosjektnavn=e?.prosjektnavn,this.prosjektnr=e?.prosjektnr}}customElements.define("custom-field-prosjekt",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:i,emptyFieldText:r,styleoverride:o}=a(this),d=c(this),u=new m(e);if(i&&!t(u)&&d)d.style.display="none";else{const e=!s&&n,t=function(e){const t=e?.prosjektnr?.length&&`(${e.prosjektnr})`;return[e?.prosjektnavn,t].filter((e=>e?.length)).join(" ")}(u),i=t?.length?t:r;this.innerHTML=l(e,i,!0,o)}}});class h{constructor(e){this.telefonnummer=e?.telefonnummer,this.mobilnummer=e?.mobilnummer}}customElements.define("custom-field-telefonnummer",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:i,emptyFieldText:r,styleoverride:o}=a(this),d=c(this),u=new h(e);if(i&&!t(u)&&d)d.style.display="none";else{const e=!s&&n,t=function(e){return[e.telefonnummer,e.mobilnummer].filter((e=>e?.length)).join("\n")}(u),i=t?.length?t:r;this.innerHTML=l(e,i,!0,o)}}});class p{constructor(e){this.erUtfallBesvaresSenere=e?.erUtfallBesvaresSenere,this.erUtfallBesvart=e?.erUtfallBesvart}}customElements.define("custom-field-utfall-svar-status",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:n,hideIfEmpty:s,styleoverride:i}=a(this),r=c(this),u=new p(e),f=!n&&t,m=await async function(e,t){const n=t.getAttribute("id"),s=await d(t,"texts"),l={erUtfallBesvaresSenere:"Besvares senere",erUtfallBesvart:"Svar innsendt tidligere",status:"Besvares nå"};return o(s,l,["erUtfallBesvaresSenere","erUtfallBesvart","status"],n),e?.erUtfallBesvaresSenere?null!=s?.erUtfallBesvaresSenere?s.erUtfallBesvaresSenere:l.erUtfallBesvaresSenere:e?.erUtfallBesvart?null!=s?.erUtfallBesvart?s.erUtfallBesvart:l.erUtfallBesvart:s?.status?s.status:l.status}(u,this);s&&!m?.length&&r?r.style.display="none":this.innerHTML=l(f,m,!0,i)}}),customElements.define("custom-list-data",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:o,emptyFieldText:d,styleoverride:u}=a(this),f=c(this),m=this.getAttribute("itemKey"),h=m?.length?function(e,t){return e.map((e=>e?.[t]))}(e,m):e,p=!s&&n;o&&!t(h)&&f?f.style.display="none":this.innerHTML=d?.length&&!h?.length?l(p,d,!0,u):p?.length?r(p,h):i(h)}});class g{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class y{constructor(e){this.filnavn=e?.filnavn,this.vedleggstype=e?.vedleggstype&&new g(e.vedleggstype)}}customElements.define("custom-list-vedlegg",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideTitle:s,hideIfEmpty:o,emptyFieldText:d,styleoverride:u}=a(this),f=c(this),m=(h=e,h?.length&&h.map((e=>{const t=new y(e),n=function(e){return e?.vedleggstype?.kodebeskrivelse}(t),s=function(e){return e?.filnavn}(t);return n?.length&&s?.length?`${n} (${s})`:n?.length?n:s?.length?s:null})).filter((e=>e)));var h;const p=!s&&n;o&&!t(m)&&f?f.style.display="none":this.innerHTML=d?.length&&!m?.length?l(p,d,!0,u):p?.length?r(p,m):i(m)}})})();
+(()=>{"use strict";class e{constructor(e){this.adresselinje1=e?.adresselinje1,this.adresselinje2=e?.adresselinje2,this.adresselinje3=e?.adresselinje3,this.postnr=e?.postnr,this.poststed=e?.poststed}}function t(e){for(let t in e)if(!!e?.[t]?.toString().length>0)return!0;return!1}function s(e,t){for(let s in t)e.style[s]=t[s]}async function n(e){let t=e.getAttribute("texts");return t?JSON.parse(t):(t=await(s=e,n="texts",new Promise(((e,t)=>{void 0===s[n]?Object.defineProperty(s,n,{set:t=>{Object.defineProperty(s,n,{value:t}),e(t)},configurable:!0,enumerable:!0}):e(s[n])}))),t);var s,n}function i(e,t){const s=document.createElement(e);return function(e,t){for(const s in t)e.setAttribute(s,t[s])}(s,{formdata:JSON.stringify({["object"==typeof t?.data?"data":"simpleBinding"]:t?.data}),text:t?.text?.toString()||"",size:t?.size?.toString()||"",hidetitle:t?.hideTitle?.toString()||"",hideifempty:t?.hideIfEmpty?.toString()||"",emptyfieldtext:t?.emptyFieldText?.toString()||"",styleoverride:JSON.stringify(t?.styleoverride)||"",grid:JSON.stringify(t?.grid)||""}),s}function l(e){const t=document.createElement("div"),n=document.createElement("div");return n.appendChild(e),t.appendChild(n),s(t,{padding:"0.75rem 0"}),t}function a(e){const t=document.createElement("label");t.classList.add("fds-label","fds-label--md"),s(t,{breakAfter:"avoid"});const n=document.createElement("span");return n.innerHTML=e,t.appendChild(n),t}function r(e,t,n=!0,i){const l=document.createElement("div");return l.classList.add("field"),e?.length&&l.appendChild(a(e)),l.appendChild(function(e){const t=document.createElement("span");return t.classList.add("fds-paragraph","fds-paragraph--md"),t.innerHTML=e,s(t,{whiteSpace:"pre-line"}),t}(t)),s(l,{...i,display:"flex",flexDirection:"column"}),n?l.outerHTML:l}function d(e,t,s=!0){const n=document.createElement(t||"ul");return n.classList.add("fds-paragraph","fds-paragraph--md","fds-list","fds-list--md"),e.forEach((e=>{const t=document.createElement("li");t.innerHTML=e,n.appendChild(t)})),s?n.outerHTML:n}function o(e,t,n){const i=document.createElement("div");return i.classList.add("field"),e?.length&&i.appendChild(a(e)),i.appendChild(d(t,n,!1)),s(i,{display:"flex",flexDirection:"column"}),i.outerHTML}function c(e){return{data:function(e){const s=t(e?.simpleBinding)?e.simpleBinding:null,n=t(e?.data)?e.data:null;return s||n}(JSON.parse(e.getAttribute("formdata"))),text:e.getAttribute("text"),hideTitle:"true"===e.getAttribute("hideTitle"),hideIfEmpty:"true"===e.getAttribute("hideIfEmpty"),emptyFieldText:e.getAttribute("emptyFieldText"),styleoverride:JSON.parse(e.getAttribute("styleoverride")||"{}")}}function u(e,t,s,n){s.forEach((s=>{void 0!==e[s]&&null!==e[s]||(null!=t?.[s]?console.warn(`Missing textResourceBindings.${s} for "${n}". Using fallback text: "${t[s]}"`):console.warn(`Missing textResourceBindings.${s} for "${n}".`))}))}function m(e){return e?.parentElement?.parentElement}customElements.define("custom-field-adresse",class extends HTMLElement{connectedCallback(){const{data:s,text:n,hideTitle:i,hideIfEmpty:l,emptyFieldText:a,styleoverride:d}=c(this),o=m(this),u=new e(s),f=!i&&n;if(l&&!t(u)&&o)o.style.display="none";else{const e=function(e){const t=function(e){return[e.adresselinje1,e.adresselinje2,e.adresselinje3].filter((e=>e?.length)).join("\n")}(e),s=function(e){return[e.postnr,e.poststed].filter((e=>e?.length)).join(" ")}(e);return t?.length?`${t}\n${s}`:s}(u);this.innerHTML=r(f,e?.length?e:a,!0,d)}}});class f{constructor(e){this.navn=e?.navn,this.organisasjonsnummer=e?.organisasjonsnummer}}customElements.define("custom-field-part-navn",class extends HTMLElement{connectedCallback(){const{data:e,text:s,hideTitle:n,hideIfEmpty:i,emptyFieldText:l,styleoverride:a}=c(this),d=m(this),o="true"===this.getAttribute("hideOrgNr"),u=new f(e);if(i&&!t(u)&&d)d.style.display="none";else{const e=!n&&s,t=function(e,t){let s=e?.navn||"";return t||(s+=e?.organisasjonsnummer?.length?`\nOrganisasjonsnummer: ${e.organisasjonsnummer}`:""),s}(u,o);this.innerHTML=r(e,t?.length?t:l,!0,a)}}}),customElements.define("custom-field-boolean-text",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:s,hideIfEmpty:i,styleoverride:l}=c(this),a=m(this),d=!s&&t,o=await async function(e,t){const s=t.getAttribute("id"),i=await n(t),l={trueText:"Ja",falseText:"Nei",defaultText:""};return u(i,l,["trueText","falseText","defaultText"],s),!0===e||"true"===e?void 0!==i?.trueText&&null!==i.trueText?i.trueText:l.trueText:!1===e||"false"===e?void 0!==i?.falseText&&null!==i.falseText?i.falseText:l.falseText:i?.defaultText?i.defaultText:l.defaultText}(e,this);i&&!o?.length&&a?a.style.display="none":this.innerHTML=r(d,o,!0,l)}}),customElements.define("custom-field-data",class extends HTMLElement{connectedCallback(){const{data:e,text:t,hideTitle:s,hideIfEmpty:n,emptyFieldText:i,styleoverride:l}=c(this),a=m(this);if(n&&!e&&a)a.style.display="none";else{const n=!s&&t,a=e||i;this.innerHTML=r(n,a,!0,l)}}});class h{constructor(e){this.saksaar=e?.saksaar,this.sakssekvensnummer=e?.sakssekvensnummer}}customElements.define("custom-field-kommunens-saksnummer",class extends HTMLElement{connectedCallback(){const{data:e,text:s,hideTitle:n,hideIfEmpty:i,emptyFieldText:l,styleoverride:a}=c(this),d=m(this),o=new h(e);if(i&&!t(o)&&d)d.style.display="none";else{const e=!n&&s,t=function(e){return[e?.saksaar.toString(),e?.sakssekvensnummer.toString()].filter((e=>e?.length)).join("/")}(o);this.innerHTML=r(e,t?.length?t:l)}}});class p{constructor(e){this.prosjektnavn=e?.prosjektnavn,this.prosjektnr=e?.prosjektnr}}customElements.define("custom-field-prosjekt",class extends HTMLElement{connectedCallback(){const{data:e,text:s,hideTitle:n,hideIfEmpty:i,emptyFieldText:l,styleoverride:a}=c(this),d=m(this),o=new p(e);if(i&&!t(o)&&d)d.style.display="none";else{const e=!n&&s,t=function(e){const t=e?.prosjektnr?.length&&`(${e.prosjektnr})`;return[e?.prosjektnavn,t].filter((e=>e?.length)).join(" ")}(o),i=t?.length?t:l;this.innerHTML=r(e,i,!0,a)}}});class g{constructor(e){this.telefonnummer=e?.telefonnummer,this.mobilnummer=e?.mobilnummer}}customElements.define("custom-field-telefonnummer",class extends HTMLElement{connectedCallback(){const{data:e,text:s,hideTitle:n,hideIfEmpty:i,emptyFieldText:l,styleoverride:a}=c(this),d=m(this),o=new g(e);if(i&&!t(o)&&d)d.style.display="none";else{const e=!n&&s,t=function(e){return[e.telefonnummer,e.mobilnummer].filter((e=>e?.length)).join("\n")}(o),i=t?.length?t:l;this.innerHTML=r(e,i,!0,a)}}});class y{constructor(e){this.erUtfallBesvaresSenere=e?.erUtfallBesvaresSenere,this.erUtfallBesvart=e?.erUtfallBesvart}}customElements.define("custom-field-utfall-svar-status",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:s,hideIfEmpty:i,styleoverride:l}=c(this),a=m(this),d=new y(e),o=!s&&t,f=await async function(e,t){const s=t.getAttribute("id"),i=await n(t),l={erUtfallBesvaresSenere:"Besvares senere",erUtfallBesvart:"Svar innsendt tidligere",status:"Besvares nå"};return u(i,l,["erUtfallBesvaresSenere","erUtfallBesvart","status"],s),e?.erUtfallBesvaresSenere?null!=i?.erUtfallBesvaresSenere?i.erUtfallBesvaresSenere:l.erUtfallBesvaresSenere:e?.erUtfallBesvart?null!=i?.erUtfallBesvart?i.erUtfallBesvart:l.erUtfallBesvart:i?.status?i.status:l.status}(d,this);i&&!f?.length&&a?a.style.display="none":this.innerHTML=r(o,f,!0,l)}});class v{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class x{constructor(e){this.kodeverdi=e?.kodeverdi}}class T{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class E{constructor(e){this.filnavn=e?.filnavn,this.vedleggstype=e?.vedleggstype&&new T(e.vedleggstype)}}class k{constructor(e){this.vedlegg=e?.vedlegg&&e.vedlegg.map((e=>new E(e)))}}class b{constructor(e){this.beskrivelse=e?.beskrivelse,this.erUtfallBesvaresSenere=e?.erUtfallBesvaresSenere,this.erUtfallBesvart=e?.erUtfallBesvart,this.kommentar=e?.kommentar,this.tema=e?.tema&&new v(e.tema),this.tittel=e?.tittel,this.utfallType=e?.utfallType&&new x(e.utfallType),this.vedleggsliste=e?.vedleggsliste&&new k(e.vedleggsliste)}}customElements.define("custom-grouplist-utfall-svar-type",class extends HTMLElement{async connectedCallback(){const{data:e}=c(this),s=m(this),l=await n(this),a=e.reduce(((e,t)=>{const s=t?.utfallType?.kodeverdi;return e[s]||(e[s]=[]),e[s].push(new b(t)),e}),{});if(!t(e)&&s)s.style.display="none";else for(const e of Object.keys(a)){const t=await i("custom-group-utfall-svar-type",{data:a[e],text:l[`${e?.toLowerCase()}.header`],texts:l});this.appendChild(t)}}}),customElements.define("custom-group-utfall-svar-type",class extends HTMLElement{async connectedCallback(){const{data:e,text:s}=c(this),n=JSON.parse(this.getAttribute("texts"));if(t(e)){const t=l(i("custom-header-text",{text:s,size:"h2"}));this.appendChild(t);const a=l(await i("custom-grouplist-utfall-svar",{data:e,texts:n}));this.appendChild(a)}}}),customElements.define("custom-grouplist-utfall-svar",class extends HTMLElement{connectedCallback(){const{data:e,hideIfEmpty:n}=c(this),l=m(this),a=JSON.parse(this.getAttribute("texts"));if(n&&!t(e)&&l)l.style.display="none";else{for(const t of e){const n=i("custom-group-utfall-svar",{data:t,hideIfEmpty:!0,texts:a});if(this.appendChild(n),t!==e[e.length-1]){const e=document.createElement("hr");s(e,{height:"2px",border:"none",backgroundColor:"#68707C",margin:"0"}),this.appendChild(e)}}s(this,{display:"flex",flexDirection:"column",gap:"1.5rem"})}}}),customElements.define("custom-group-utfall-svar",class extends HTMLElement{async connectedCallback(){const{data:e}=c(this),n=m(this),a=JSON.parse(this.getAttribute("texts"));if(!t(e)&&n)n.style.display="none";else{const t=document.createElement("div"),n=i("custom-header-text",{text:e?.tittel,size:"h3"});t.appendChild(n),t.appendChild(function(e){return l(i("custom-field-data",{data:e?.beskrivelse,hideIfEmpty:!0}))}(e)),t.appendChild(function(e,t){return l(i("custom-field-utfall-svar-status",{data:e,texts:t,text:t?.["status.title"]}))}(e,a)),t.appendChild(function(e,t){return l(i("custom-field-data",{data:e?.tema?.kodebeskrivelse,text:t?.["tema.kodebeskrivelse.title"],hideIfEmpty:!0}))}(e,a)),t.appendChild(function(e,t){return l(i("custom-field-data",{data:e?.kommentar,text:t?.["kommentar.title"],hideIfEmpty:!1,emptyFieldText:"-"}))}(e,a)),t.appendChild(function(e,t){return l(i("custom-list-vedlegg",{data:e?.vedleggsliste?.vedlegg,text:t?.["vedleggsliste.vedlegg.title"],hideIfEmpty:!0}))}(e,a)),this.appendChild(t),s(this,{display:"flex",flexFlow:"wrap",justifyContent:"start",alignItems:"flex-start"})}}}),customElements.define("custom-header-text",class extends HTMLElement{connectedCallback(){const{text:e,styleoverride:t}=c(this),n=this.getAttribute("size");this.innerHTML=function(e,t,n){const i=document.createElement(t||"h2");return i.classList.add("fds-heading",function(e){const t=[{size:"h2",className:"fds-heading--md"},{size:"h3",className:"fds-heading--sm"},{size:"h4",className:"fds-heading--xs"}].find((t=>t.size===e));return t?.className||"fds-heading--md"}(t)),i.innerHTML=e,s(i,n),i.outerHTML}(e,n,t)}}),customElements.define("custom-list-data",class extends HTMLElement{connectedCallback(){const{data:e,text:s,hideTitle:n,hideIfEmpty:i,emptyFieldText:l,styleoverride:a}=c(this),u=m(this),f=this.getAttribute("itemKey"),h=f?.length?function(e,t){return e.map((e=>e?.[t]))}(e,f):e,p=!n&&s;i&&!t(h)&&u?u.style.display="none":this.innerHTML=l?.length&&!h?.length?r(p,l,!0,a):p?.length?o(p,h):d(h)}}),customElements.define("custom-list-vedlegg",class extends HTMLElement{connectedCallback(){const{data:e,text:s,hideTitle:n,hideIfEmpty:i,emptyFieldText:l,styleoverride:a}=c(this),u=m(this),f=(h=e,h?.length&&h.map((e=>{const t=new E(e),s=function(e){return e?.vedleggstype?.kodebeskrivelse}(t),n=function(e){return e?.filnavn}(t);return s?.length&&n?.length?`${s} (${n})`:s?.length?s:n?.length?n:null})).filter((e=>e)));var h;const p=!n&&s;i&&!t(f)&&u?u.style.display="none":this.innerHTML=l?.length&&!f?.length?r(p,l,!0,a):p?.length?o(p,f):d(f)}})})();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arkitektum/altinn-studio-custom-components",
-    "version": "2.1.2",
+    "version": "3.0.0",
     "description": "Custom components for Altinn Studio",
     "main": "dist/main.js",
     "module": "dist/main.js",