@arkitektum/altinn-studio-custom-components 4.0.2 → 4.0.3
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.
- package/README.md +16 -12
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,27 +8,31 @@ Her finner du gjenbrukbare komponenter som kan vise f.eks. et adresseobjekt elle
|
|
|
8
8
|
|
|
9
9
|
### Titler
|
|
10
10
|
|
|
11
|
-
- [Text](src/components/custom-header-text/) - viser tittel med tekst fra ressurs
|
|
11
|
+
- [Text](src/components/data-components/custom-header-text/) - viser tittel med tekst fra ressurs
|
|
12
12
|
|
|
13
13
|
### Datafelt
|
|
14
14
|
|
|
15
|
-
- [Data](src/components/custom-field-data/) - viser et datafelt med label
|
|
16
|
-
- [Boolean text](src/components/custom-field-boolean-text/) - viser et boolsk med gitte tekster for true/false verdier
|
|
17
|
-
- [Adresse](src/components/custom-field-adresse/) - viser et komplett adresseobjekt
|
|
18
|
-
- [Part-navn](src/components/custom-field-part-navn/) - viser parts navn med evt organisasjonsnummer
|
|
19
|
-
- [Kommunens saksnummer](src/components/custom-field-kommunens-saksnummer/) - viser et kommunalt saksnummer sammensatt av saksår og sekvensnummer.
|
|
20
|
-
- [Prosjekt](src/components/custom-field-prosjekt/) - viser prosjektnummer sammensatt av nummer og navn
|
|
21
|
-
- [Telefonnummer](src/components/custom-field-telefonnummer/) - viser alle telefonnummer som er angitt på et parts-objekt
|
|
22
|
-
- [Utfallbesvarelse](src/components/custom-field-utfall-svar-status/) - viser status basert på Utfallsvar-objektet
|
|
15
|
+
- [Data](src/components/data-components/custom-field-data/) - viser et datafelt med label
|
|
16
|
+
- [Boolean text](src/components/data-components/custom-field-boolean-text/) - viser et boolsk med gitte tekster for true/false verdier
|
|
17
|
+
- [Adresse](src/components/data-components/custom-field-adresse/) - viser et komplett adresseobjekt
|
|
18
|
+
- [Part-navn](src/components/data-components/custom-field-part-navn/) - viser parts navn med evt organisasjonsnummer
|
|
19
|
+
- [Kommunens saksnummer](src/components/data-components/custom-field-kommunens-saksnummer/) - viser et kommunalt saksnummer sammensatt av saksår og sekvensnummer.
|
|
20
|
+
- [Prosjekt](src/components/data-components/custom-field-prosjekt/) - viser prosjektnummer sammensatt av nummer og navn
|
|
21
|
+
- [Telefonnummer](src/components/data-components/custom-field-telefonnummer/) - viser alle telefonnummer som er angitt på et parts-objekt
|
|
22
|
+
- [Utfallbesvarelse](src/components/data-components/custom-field-utfall-svar-status/) - viser status basert på Utfallsvar-objektet
|
|
23
23
|
|
|
24
24
|
### Lister
|
|
25
25
|
|
|
26
|
-
- [Data](src/components/custom-list-data/) - viser en liste med verdier
|
|
27
|
-
- [Vedlegg](src/components/custom-list-vedlegg/) - viser en liste med vedlegg fra datamodellen
|
|
26
|
+
- [Data](src/components/data-components/custom-list-data/) - viser en liste med verdier
|
|
27
|
+
- [Vedlegg](src/components/data-components/custom-list-vedlegg/) - viser en liste med vedlegg fra datamodellen
|
|
28
28
|
|
|
29
29
|
### Gruppelister
|
|
30
30
|
|
|
31
|
-
- [Utfall svar](src/components/custom-grouplist-utfall-svar-type/) - viser liste Utfallsvar-komponentgrupper
|
|
31
|
+
- [Utfall svar](src/components/data-components/custom-grouplist-utfall-svar-type/) - viser liste Utfallsvar-komponentgrupper
|
|
32
|
+
|
|
33
|
+
### Tabeller
|
|
34
|
+
|
|
35
|
+
- [Data](src/components/data-components/custom-table-data/) - viser en tabell med verdier
|
|
32
36
|
|
|
33
37
|
### Hvordan ta i bruk altinn-studio-custom-components i en Altinn 3 App
|
|
34
38
|
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
custom-divider{hr{background-color:var(--color-divider-default);border:none;height:1px;margin:20px 0;page-break-before:avoid;&:before{content:"";display:block;height:50px;margin-top:-50px}}}custom-field{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& .field{&.inline{align-items:baseline;display:flex;flex-direction:row;gap:.5rem}& label{display:block;font-weight:700;page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:50px;margin-bottom:-50px}}& span{display:block;white-space:pre-line}&:not(.inline){& span{&.has-title{page-break-before:avoid}}}}}custom-header{color:var(--color-text-default);display:block;font-family:var(--font-family-default);font-weight:var(--font-weight-default);page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:
|
|
1
|
+
custom-divider{display:block;page-break-before:avoid;& hr{background-color:var(--color-divider-default);border:none;display:block;height:1px;margin:20px 0;page-break-before:avoid;&:before{content:"";display:block;height:50px;margin-top:-50px}}}custom-field{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& .field{&.inline{align-items:baseline;display:flex;flex-direction:row;gap:.5rem}& label{display:block;font-weight:700;page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:50px;margin-bottom:-50px}}& span{display:block;white-space:pre-line}&:not(.inline){& span{&.has-title{page-break-before:avoid}}}}}custom-header{color:var(--color-text-default);display:block;font-family:var(--font-family-default);font-weight:var(--font-weight-default);page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:100px;margin-bottom:-100px}& h1,& h2,& h3,& h4{display:inline-block;line-height:1.1em;margin-block-end:0;margin-block-start:1em;page-break-after:avoid}& h1{font-size:var(--font-size-h1)}& h1,& h2{font-weight:var(--font-weight-default)}& h2{font-size:var(--font-size-h2)}& h3{font-size:var(--font-size-h3)}& h3,& h4{font-weight:var(--font-weight-default)}& h4{font-size:var(--font-size-h4)}}custom-list{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& .field{& label{display:block;font-weight:700;page-break-after:avoid;page-break-inside:avoid;&:after{content:"";display:block;height:50px;margin-bottom:-50px}}}& ul{display:block;margin-block:0;padding-inline-start:1em;&.has-title{page-break-before:avoid}}}custom-table{color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);font-weight:var(--font-weight-default);line-height:var(--line-height-default);& table{border:1px solid #e7e4e4;border-radius:6px;border-spacing:0;margin:.75rem 0;overflow:hidden;width:100%;& td,& th{padding:8px 12px}& thead{& th{background-color:var(--background-muted);border-bottom:1px solid #dddada;font-weight:500;line-height:var(--line-height-table-header);text-align:left}}& tbody{& tr{&:nth-child(2n){background-color:#fefcfc}}& tr:not(:last-of-type){& td{border-bottom:1px solid #dddada}}}}}custom-field-adresse{display:block;page-break-inside:avoid}@font-face{font-family:Roboto Flex;src:url(49c816770b639989d28b.woff2) format("woff2")}:root{--font-family-default:"Roboto Flex",Arial,sans-serif;--color-text-default:#1c1b1d;--background-muted:#f7f4f4;--color-divider-default:#cdcaca;--font-size-default:16px;--font-size-h1:42px;--font-size-h2:30px;--font-size-h3:23px;--font-size-h4:19px;--font-weight-default:400;--line-height-default:24px;--line-height-table-header:20px}body{background-color:#fff;color:var(--color-text-default);font-family:var(--font-family-default);font-size:var(--font-size-default);letter-spacing:normal;line-height:var(--line-height-default);-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;& h1,& h2,& h3,& h4,& h5,& h6,& p{color:var(--color-text-default);&[class^=fds-]{font-family:var(--font-family-default)}}}@media print{html{font-size:inherit!important}}@page{size:A4 portrait;margin-bottom:1cm;margin-left:1.25cm;margin-right:1.25cm;margin-top:1cm}#pdfView{&>div:first-of-type{margin-bottom:-55px;& h1{margin-top:-50px}& img{height:auto;width:85px}}}
|
package/dist/main.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";function e(e){if("string"==typeof e)return e.length>0;if("number"==typeof e)return!1===isNaN(e);for(let t in e)if(!!e?.[t]?.toString().length>0)return!0;return!1}function t(e,t){for(let n in t)e.style[n]=t[n]}async function n(e){let t=e.getAttribute("texts");return t?JSON.parse(t):(t=await(n=e,s="texts",new Promise(((e,t)=>{void 0===n[s]?Object.defineProperty(n,s,{set:t=>{Object.defineProperty(n,s,{value:t}),e(t)},configurable:!0,enumerable:!0}):e(n[s])}))),t);var n,s}function s(t,n){const s=document.createElement(t),i={isChildComponent:"true"};if(e(n?.data)){const e="object"==typeof n?.data?"data":"simpleBinding",t="number"==typeof n?.data?n.data.toString():n?.data;i.formdata=JSON.stringify({[e]:t})}return(n?.text||n?.texts?.title)&&(i.text=n?.text?.toString()||n?.texts?.title?.toString()||""),e(n?.size)&&(i.size=n?.size?.toString()||""),"true"===n?.hideTitle?.toString()&&(i.hidetitle="true"),"true"===n?.hideIfEmpty?.toString()&&(i.hideifempty="true"),"true"===n?.inline?.toString()&&(i.inline="true"),e(n?.emptyFieldText)&&(i.emptyfieldtext=n?.emptyFieldText.toString()||""),e(n?.styleoverride)&&(i.styleoverride=JSON.stringify(n?.styleoverride)||""),e(n?.grid)&&(i.grid=JSON.stringify(n?.grid)||""),e(n?.texts)&&(i.texts=JSON.stringify(n?.texts)||""),e(n?.tableColumns)&&(i.tablecolumns=JSON.stringify(n?.tableColumns)||""),function(e,t){for(const n in t)e.setAttribute(n,t[n])}(s,i),s}function i(e){const n=document.createElement("div"),s=document.createElement("div");return s.appendChild(e),n.appendChild(s),t(n,{padding:"0.75rem 0"}),n}function l(t){return{data:function(t){const n=e(t?.simpleBinding)?t.simpleBinding:null,s=e(t?.data)?t.data:null;return n||s}(JSON.parse(t.getAttribute("formdata"))),text:t.getAttribute("text"),inline:"true"===t.getAttribute("inline"),hideTitle:"true"===t.getAttribute("hideTitle"),size:t.getAttribute("size"),hideIfEmpty:"true"===t.getAttribute("hideIfEmpty"),emptyFieldText:t.getAttribute("emptyFieldText"),styleoverride:JSON.parse(t.getAttribute("styleoverride")||"{}"),isChildComponent:"true"===t.getAttribute("isChildComponent")}}function r(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 a(e){return e?.parentElement?.parentElement}function o(e,t,n=!0){const s=document.createElement(t||"ul");return e.forEach((e=>{const t=document.createElement("li");t.innerHTML=e,s.appendChild(t)})),n?s.outerHTML:s}function d(e,n){const i=document.createElement("table"),l=document.createElement("thead"),r=document.createElement("tr");if(e?.tableHeaders?.length&&e?.tableRows?.length){e.tableHeaders.forEach((e=>{r.appendChild(function(e){const n=document.createElement("th");return n.textContent=e.text,t(n,e?.props?.styleOverride),n}(e))})),l.appendChild(r),i.appendChild(l);const n=document.createElement("tbody");e.tableRows.forEach((e=>{n.appendChild(function(e){const t=document.createElement("tr");return e.forEach((e=>{t.appendChild(function(e){const t=document.createElement("td");return t.innerHTML=s(e.tagName,{data:e.data,text:e.text,hideTitle:!0,emptyFieldText:e.emptyFieldText,styleoverride:e.styleoverride}).outerHTML,t}(e))})),t}(e))})),i.appendChild(n)}else if(n){const e=document.createElement("tr"),t=document.createElement("td");t.textContent=n,e.appendChild(t),i.appendChild(e)}return i}customElements.define("custom-divider",class extends HTMLElement{connectedCallback(){const{styleoverride:e}=l(this),n=document.createElement("hr");t(n,e),this.innerHTML="",this.appendChild(n)}}),customElements.define("custom-field",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideIfEmpty:s,inline:i,styleoverride:r}=l(this),o=a(this);if(s&&!e&&o)o.style.display="none";else{const s={inline:i,styleoverride:r};this.innerHTML=function(e,n,s){s={returnHtml:!0,inline:!1,styleoverride:{},...s};const i=document.createElement("div");i.classList.add("field"),e?.length&&i.appendChild(function(e,t){const n=document.createElement("label");return n.innerText=`${e}${t?":":""}`,n}(e,s.inline)),s?.inline&&i.classList.add("inline");const l=function(e){const t=document.createElement("span");return t.innerHTML=e,t}(n);return e?.length&&l.classList.add("has-title"),i.appendChild(l),t(i,{...s.styleoverride}),s.returnHtml?i.outerHTML:i}(n,e,s)}}}),customElements.define("custom-header",class extends HTMLElement{connectedCallback(){const{text:e,styleoverride:n,size:s}=l(this);this.innerHTML=function(e,t){const n=document.createElement(t||"h2");return n.innerHTML=e,n.outerHTML}(e,s),t(this,n)}}),customElements.define("custom-list",class extends HTMLElement{connectedCallback(){const{data:e,text:n,styleoverride:s}=l(this);this.innerHTML=n?.length?function(e,t,n){const s=document.createElement("div");s.classList.add("field"),e?.length&&s.appendChild(function(e){const t=document.createElement("label");return t.innerText=e,t}(e));const i=o(t,n,!1);return e?.length&&i.classList.add("has-title"),s.appendChild(i),s.outerHTML}(n,e):o(e),t(this,s)}}),customElements.define("custom-table",class extends HTMLElement{async connectedCallback(){const{data:e,text:n,hideIfEmpty:i,emptyFieldText:r,size:o,styleoverride:c}=l(this),u=a(this);if(i&&!e&&u)u.style.display="none";else{const i=function(e,t){if(e)return s("custom-header",{text:e,size:t})}(n,o),l=d(e,r);this.innerHTML="",i&&this.appendChild(i),this.appendChild(l),t(this,c)}}});class c{constructor(e){this.adresselinje1=e?.adresselinje1,this.adresselinje2=e?.adresselinje2,this.adresselinje3=e?.adresselinje3,this.postnr=e?.postnr,this.poststed=e?.poststed}}customElements.define("custom-field-adresse",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,inline:d,styleoverride:u}=l(this),m=a(this),h=new c(t);if(r&&!e(h)&&m)m.style.display="none";else{const e=!i&&n,t=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}(h);this.innerHTML=s("custom-field",{data:t?.length?t:o,text:e,inline:d,styleoverride:u}).outerHTML}}});class u{constructor(e){this.navn=e?.navn,this.organisasjonsnummer=e?.organisasjonsnummer}}customElements.define("custom-field-part-navn",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,inline:d,styleoverride:c}=l(this),m=a(this),h=new u(t);if(r&&!e(h)&&m)m.style.display="none";else{const e=!i&&n,t=function(e,t){let n=e?.navn||"";return t||(n+=e?.organisasjonsnummer?.length?`\nOrganisasjonsnummer: ${e.organisasjonsnummer}`:""),n}(h,"true"===this.getAttribute("hideOrgNr"));this.innerHTML=s("custom-field",{data:t?.length?t:o,text:e,inline:d,styleoverride:c}).outerHTML}}}),customElements.define("custom-field-boolean-text",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:i,hideIfEmpty:o,inline:d,styleoverride:c}=l(this),u=a(this),m=await async function(e,t){const s=t.getAttribute("id"),i=await n(t),l={trueText:"Ja",falseText:"Nei",defaultText:""};return r(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);if(o&&!m?.length&&u)u.style.display="none";else{const e=!i&&t;this.innerHTML=s("custom-field",{data:m,text:e,inline:d,styleoverride:c}).outerHTML}}}),customElements.define("custom-field-data",class extends HTMLElement{connectedCallback(){const{data:e,text:t,hideTitle:n,hideIfEmpty:i,emptyFieldText:r,inline:o,styleoverride:d}=l(this),c=a(this);if(i&&!e&&c)c.style.display="none";else{const l=!n&&t,a=e||r;this.innerHTML=s("custom-field",{data:a,text:l,hideTitle:n,hideIfEmpty:i,emptyFieldText:r,inline:o,styleoverride:d}).outerHTML}}});class m{constructor(e){this.saksaar=e?.saksaar,this.sakssekvensnummer=e?.sakssekvensnummer}}customElements.define("custom-field-kommunens-saksnummer",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,inline:d,styleoverride:c}=l(this),u=a(this),h=new m(t);if(r&&!e(h)&&u)u.style.display="none";else{const e=!i&&n,t=function(e){return[e?.saksaar.toString(),e?.sakssekvensnummer.toString()].filter((e=>e?.length)).join("/")}(h);this.innerHTML=s("custom-field",{data:t?.length?t:o,text:e,inline:d,styleoverride:c}).outerHTML}}});class h{constructor(e){this.prosjektnavn=e?.prosjektnavn,this.prosjektnr=e?.prosjektnr}}customElements.define("custom-field-prosjekt",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,inline:d,styleoverride:c}=l(this),u=a(this),m=new h(t);if(r&&!e(m)&&u)u.style.display="none";else{const e=!i&&n,t=function(e){const t=e?.prosjektnr?.length&&`(${e.prosjektnr})`;return[e?.prosjektnavn,t].filter((e=>e?.length)).join(" ")}(m),l=t?.length?t:o;this.innerHTML=s("custom-field",{data:l,text:e,inline:d,styleoverride:c}).outerHTML}}});class f{constructor(e){this.telefonnummer=e?.telefonnummer,this.mobilnummer=e?.mobilnummer}}customElements.define("custom-field-telefonnummer",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,inline:d,styleoverride:c}=l(this),u=a(this),m=new f(t);if(r&&!e(m)&&u)u.style.display="none";else{const e=!i&&n,t=function(e){return[e.telefonnummer,e.mobilnummer].filter((e=>e?.length)).join("\n")}(m),l=t?.length?t:o;this.innerHTML=s("custom-field",{data:l,text:e,inline:d,styleoverride:c}).outerHTML}}});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:i,hideIfEmpty:o,inline:d,styleoverride:c}=l(this),u=a(this),m=new p(e),h=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 r(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}(m,this);if(o&&!h?.length&&u)u.style.display="none";else{const e=!i&&t;this.innerHTML=s("custom-field",{data:h,text:e,inline:d,styleoverride:c}).outerHTML}}});class y{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class g{constructor(e){this.kodeverdi=e?.kodeverdi}}class x{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class v{constructor(e){this.filnavn=e?.filnavn,this.vedleggstype=e?.vedleggstype&&new x(e.vedleggstype)}}class T{constructor(e){this.vedlegg=e?.vedlegg&&e.vedlegg.map((e=>new v(e)))}}class E{constructor(e){this.beskrivelse=e?.beskrivelse,this.erUtfallBesvaresSenere=e?.erUtfallBesvaresSenere,this.erUtfallBesvart=e?.erUtfallBesvart,this.kommentar=e?.kommentar,this.tema=e?.tema&&new y(e.tema),this.tittel=e?.tittel,this.utfallType=e?.utfallType&&new g(e.utfallType),this.vedleggsliste=e?.vedleggsliste&&new T(e.vedleggsliste)}}function b(e,t){return e.map((e=>({text:t[e.titleResourceKey],props:e.props})))}function L(e,t){return!Array.isArray(t)&&(t=[t]),t.map((t=>{const n=[];return e.forEach((e=>{const s=function(e,t){if(!t)return e;const n=t?.split(/\.|\[|\]/).filter(Boolean);for(let t=0;t<n.length;t++)e=e[n[t]];return e}(t,e.dataKey);n.push({...e.props,data:s,hideTitle:!0,tagName:e.tagName})})),n}))}customElements.define("custom-grouplist-utfall-svar-type",class extends HTMLElement{async connectedCallback(){const{data:t}=l(this),i=a(this),r=await n(this),o=t.reduce(((e,t)=>{const n=t?.utfallType?.kodeverdi;return e[n]||(e[n]=[]),e[n].push(new E(t)),e}),{});if(!e(t)&&i)i.style.display="none";else for(const e of Object.keys(o)){const t=await s("custom-group-utfall-svar-type",{data:o[e],text:r[`${e?.toLowerCase()}.header`],texts:r});this.appendChild(t)}}}),customElements.define("custom-group-utfall-svar-type",class extends HTMLElement{async connectedCallback(){const{data:t,text:n}=l(this),i=JSON.parse(this.getAttribute("texts"));if(e(t)){const e=s("custom-header-text",{text:n,size:"h2"});this.appendChild(e);const l=await s("custom-grouplist-utfall-svar",{data:t,texts:i});this.appendChild(l)}}}),customElements.define("custom-grouplist-utfall-svar",class extends HTMLElement{connectedCallback(){const{data:t,hideIfEmpty:n}=l(this),i=a(this),r=JSON.parse(this.getAttribute("texts"));if(n&&!e(t)&&i)i.style.display="none";else for(const e of t){const t=s("custom-group-utfall-svar",{data:e,hideIfEmpty:!0,texts:r});this.appendChild(t);const n=s("custom-divider");this.appendChild(n)}}}),customElements.define("custom-group-utfall-svar",class extends HTMLElement{async connectedCallback(){const{data:n}=l(this),r=a(this),o=JSON.parse(this.getAttribute("texts"));if(!e(n)&&r)r.style.display="none";else{const e=document.createElement("div"),l=s("custom-header-text",{text:n?.tittel,size:"h3"});e.appendChild(l),e.appendChild(function(e){return i(s("custom-field-data",{data:e?.beskrivelse,hideIfEmpty:!0}))}(n)),e.appendChild(function(e,t){return i(s("custom-field-utfall-svar-status",{data:e,texts:t,text:t?.["status.title"]}))}(n,o)),e.appendChild(function(e,t){return i(s("custom-field-data",{data:e?.tema?.kodebeskrivelse,text:t?.["tema.kodebeskrivelse.title"],hideIfEmpty:!0}))}(n,o)),e.appendChild(function(e,t){return i(s("custom-field-data",{data:e?.kommentar,text:t?.["kommentar.title"],hideIfEmpty:!1,emptyFieldText:"-"}))}(n,o)),e.appendChild(function(e,t){return i(s("custom-list-vedlegg",{data:e?.vedleggsliste?.vedlegg,text:t?.["vedleggsliste.vedlegg.title"],hideIfEmpty:!0}))}(n,o)),this.appendChild(e),t(this,{display:"flex",flexFlow:"wrap",justifyContent:"start",alignItems:"flex-start"})}}}),customElements.define("custom-header-text",class extends HTMLElement{connectedCallback(){const{text:e,styleoverride:n,size:i,isChildComponent:r}=l(this);r||t(a(this),{padding:"0 0.75rem"}),this.innerHTML=s("custom-header",{text:e,size:i,styleoverride:n}).outerHTML}}),customElements.define("custom-list-data",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,styleoverride:d}=l(this),c=a(this),u=this.getAttribute("itemKey"),m=u?.length?function(e,t){return e.map((e=>e?.[t]))}(t,u):t,h=!i&&n;r&&!e(m)&&c?c.style.display="none":this.innerHTML=o?.length&&!m?.length?s("custom-field",{data:o,text:h,styleoverride:d}).outerHTML:s("custom-list",{data:m,text:h,styleoverride:d}).outerHTML}}),customElements.define("custom-list-vedlegg",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,styleoverride:d}=l(this),c=a(this),u=(m=t,m?.length&&m.map((e=>{const t=new v(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 m;const h=!i&&n;r&&!e(u)&&c?c.style.display="none":this.innerHTML=o?.length&&!u?.length?s("custom-field",{data:o,text:h,styleoverride:d}).outerHTML:s("custom-list",{data:u,text:h,styleoverride:d}).outerHTML}}),customElements.define("custom-table-data",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:i,hideIfEmpty:r,emptyFieldText:o,size:d,styleoverride:c}=l(this),u=a(this);if(r&&!e&&u)u.style.display="none";else{const l=await n(this),r=JSON.parse(this.getAttribute("tableColumns")),a=!i&&t;this.innerHTML=s("custom-table",{data:{tableHeaders:b(r,l),tableRows:L(r,e)},text:a,size:d,emptyFieldText:o,styleoverride:c}).outerHTML}}})})();
|
|
1
|
+
(()=>{"use strict";function e(e){if("string"==typeof e)return e.length>0;if("number"==typeof e)return!1===isNaN(e);for(let t in e)if(!!e?.[t]?.toString().length>0)return!0;return!1}function t(e,t){for(let n in t)e.style[n]=t[n]}async function n(e){let t=e.getAttribute("texts");return t?JSON.parse(t):(t=await(n=e,s="texts",new Promise(((e,t)=>{void 0===n[s]?Object.defineProperty(n,s,{set:t=>{Object.defineProperty(n,s,{value:t}),e(t)},configurable:!0,enumerable:!0}):e(n[s])}))),t);var n,s}function s(t,n){const s=document.createElement(t),i={isChildComponent:"true"};if(e(n?.data)){const e="object"==typeof n?.data?"data":"simpleBinding",t="number"==typeof n?.data?n.data.toString():n?.data;i.formdata=JSON.stringify({[e]:t})}return(n?.text||n?.texts?.title)&&(i.text=n?.text?.toString()||n?.texts?.title?.toString()||""),e(n?.size)&&(i.size=n?.size?.toString()||""),"true"===n?.hideTitle?.toString()&&(i.hidetitle="true"),"true"===n?.hideIfEmpty?.toString()&&(i.hideifempty="true"),"true"===n?.inline?.toString()&&(i.inline="true"),e(n?.emptyFieldText)&&(i.emptyfieldtext=n?.emptyFieldText.toString()||""),e(n?.styleoverride)&&(i.styleoverride=JSON.stringify(n?.styleoverride)||""),e(n?.grid)&&(i.grid=JSON.stringify(n?.grid)||""),e(n?.texts)&&(i.texts=JSON.stringify(n?.texts)||""),e(n?.tableColumns)&&(i.tablecolumns=JSON.stringify(n?.tableColumns)||""),function(e,t){for(const n in t)e.setAttribute(n,t[n])}(s,i),s}function i(e){const n=document.createElement("div"),s=document.createElement("div");return s.appendChild(e),n.appendChild(s),t(n,{padding:"0.75rem 0"}),n}function l(t){return{data:function(t){const n=e(t?.simpleBinding)?t.simpleBinding:null,s=e(t?.data)?t.data:null;return n||s}(JSON.parse(t.getAttribute("formdata"))),text:t.getAttribute("text"),inline:"true"===t.getAttribute("inline"),hideTitle:"true"===t.getAttribute("hideTitle"),size:t.getAttribute("size"),hideIfEmpty:"true"===t.getAttribute("hideIfEmpty"),emptyFieldText:t.getAttribute("emptyFieldText"),styleoverride:JSON.parse(t.getAttribute("styleoverride")||"{}"),isChildComponent:"true"===t.getAttribute("isChildComponent")}}function r(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 a(e){return e?.parentElement?.parentElement}function d(e,t,n=!0){const s=document.createElement(t||"ul");return e.forEach((e=>{const t=document.createElement("li");t.innerHTML=e,s.appendChild(t)})),n?s.outerHTML:s}function o(e,n){const i=document.createElement("table"),l=document.createElement("thead"),r=document.createElement("tr");if(e?.tableHeaders?.length&&e?.tableRows?.length){e.tableHeaders.forEach((e=>{r.appendChild(function(e){const n=document.createElement("th");return n.textContent=e.text,t(n,e?.props?.styleOverride),n}(e))})),l.appendChild(r),i.appendChild(l);const n=document.createElement("tbody");e.tableRows.forEach((e=>{n.appendChild(function(e){const t=document.createElement("tr");return e.forEach((e=>{t.appendChild(function(e){const t=document.createElement("td");return t.innerHTML=s(e.tagName,{data:e.data,text:e.text,hideTitle:!0,emptyFieldText:e.emptyFieldText,styleoverride:e.styleoverride}).outerHTML,t}(e))})),t}(e))})),i.appendChild(n)}else if(n){const e=document.createElement("tr"),t=document.createElement("td");t.textContent=n,e.appendChild(t),i.appendChild(e)}return i}customElements.define("custom-divider",class extends HTMLElement{connectedCallback(){const{styleoverride:e}=l(this),n=document.createElement("hr");t(n,e),this.innerHTML="",this.appendChild(n)}}),customElements.define("custom-field",class extends HTMLElement{connectedCallback(){const{data:e,text:n,hideIfEmpty:s,inline:i,styleoverride:r}=l(this),d=a(this);if(s&&!e&&d)d.style.display="none";else{const s={inline:i,styleoverride:r};this.innerHTML=function(e,n,s){s={returnHtml:!0,inline:!1,styleoverride:{},...s};const i=document.createElement("div");i.classList.add("field"),e?.length&&i.appendChild(function(e,t){const n=document.createElement("label");return n.innerText=`${e}${t?":":""}`,n}(e,s.inline)),s?.inline&&i.classList.add("inline");const l=function(e){const t=document.createElement("span");return t.innerHTML=e,t}(n);return e?.length&&l.classList.add("has-title"),i.appendChild(l),t(i,{...s.styleoverride}),s.returnHtml?i.outerHTML:i}(n,e,s)}}}),customElements.define("custom-header",class extends HTMLElement{connectedCallback(){const{text:e,styleoverride:n,size:s}=l(this);this.innerHTML=function(e,t){const n=document.createElement(t||"h2");return n.innerHTML=e,n.outerHTML}(e,s),t(this,n)}}),customElements.define("custom-list",class extends HTMLElement{connectedCallback(){const{data:e,text:n,styleoverride:s}=l(this);this.innerHTML=n?.length?function(e,t,n){const s=document.createElement("div");s.classList.add("field"),e?.length&&s.appendChild(function(e){const t=document.createElement("label");return t.innerText=e,t}(e));const i=d(t,n,!1);return e?.length&&i.classList.add("has-title"),s.appendChild(i),s.outerHTML}(n,e):d(e),t(this,s)}}),customElements.define("custom-table",class extends HTMLElement{async connectedCallback(){const{data:e,text:n,hideIfEmpty:i,emptyFieldText:r,size:d,styleoverride:c}=l(this),u=a(this);if(i&&!e&&u)u.style.display="none";else{const i=function(e,t){if(e)return s("custom-header",{text:e,size:t})}(n,d),l=o(e,r);this.innerHTML="",i&&this.appendChild(i),this.appendChild(l),t(this,c)}}});class c{constructor(e){this.adresselinje1=e?.adresselinje1,this.adresselinje2=e?.adresselinje2,this.adresselinje3=e?.adresselinje3,this.postnr=e?.postnr,this.poststed=e?.poststed}}customElements.define("custom-field-adresse",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,inline:o,styleoverride:u}=l(this),m=a(this),h=new c(t);if(r&&!e(h)&&m)m.style.display="none";else{const e=!i&&n,t=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}(h);this.innerHTML=s("custom-field",{data:t?.length?t:d,text:e,inline:o,styleoverride:u}).outerHTML}}});class u{constructor(e){this.navn=e?.navn,this.organisasjonsnummer=e?.organisasjonsnummer}}customElements.define("custom-field-part-navn",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,inline:o,styleoverride:c}=l(this),m=a(this),h=new u(t);if(r&&!e(h)&&m)m.style.display="none";else{const e=!i&&n,t=function(e,t){let n=e?.navn||"";return t||(n+=e?.organisasjonsnummer?.length?`\nOrganisasjonsnummer: ${e.organisasjonsnummer}`:""),n}(h,"true"===this.getAttribute("hideOrgNr"));this.innerHTML=s("custom-field",{data:t?.length?t:d,text:e,inline:o,styleoverride:c}).outerHTML}}}),customElements.define("custom-field-boolean-text",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:i,hideIfEmpty:d,inline:o,styleoverride:c}=l(this),u=a(this),m=await async function(e,t){const s=t.getAttribute("id"),i=await n(t),l={trueText:"Ja",falseText:"Nei",defaultText:""};return r(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);if(d&&!m?.length&&u)u.style.display="none";else{const e=!i&&t;this.innerHTML=s("custom-field",{data:m,text:e,inline:o,styleoverride:c}).outerHTML}}}),customElements.define("custom-field-data",class extends HTMLElement{connectedCallback(){const{data:e,text:t,hideTitle:n,hideIfEmpty:i,emptyFieldText:r,inline:d,styleoverride:o}=l(this),c=a(this);if(i&&!e&&c)c.style.display="none";else{const l=!n&&t,a=e||r;this.innerHTML=s("custom-field",{data:a,text:l,hideTitle:n,hideIfEmpty:i,emptyFieldText:r,inline:d,styleoverride:o}).outerHTML}}});class m{constructor(e){this.saksaar=e?.saksaar,this.sakssekvensnummer=e?.sakssekvensnummer}}customElements.define("custom-field-kommunens-saksnummer",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,inline:o,styleoverride:c}=l(this),u=a(this),h=new m(t);if(r&&!e(h)&&u)u.style.display="none";else{const e=!i&&n,t=function(e){return[e?.saksaar.toString(),e?.sakssekvensnummer.toString()].filter((e=>e?.length)).join("/")}(h);this.innerHTML=s("custom-field",{data:t?.length?t:d,text:e,inline:o,styleoverride:c}).outerHTML}}});class h{constructor(e){this.prosjektnavn=e?.prosjektnavn,this.prosjektnr=e?.prosjektnr}}customElements.define("custom-field-prosjekt",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,inline:o,styleoverride:c}=l(this),u=a(this),m=new h(t);if(r&&!e(m)&&u)u.style.display="none";else{const e=!i&&n,t=function(e){const t=e?.prosjektnr?.length&&`(${e.prosjektnr})`;return[e?.prosjektnavn,t].filter((e=>e?.length)).join(" ")}(m),l=t?.length?t:d;this.innerHTML=s("custom-field",{data:l,text:e,inline:o,styleoverride:c}).outerHTML}}});class f{constructor(e){this.telefonnummer=e?.telefonnummer,this.mobilnummer=e?.mobilnummer}}customElements.define("custom-field-telefonnummer",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,inline:o,styleoverride:c}=l(this),u=a(this),m=new f(t);if(r&&!e(m)&&u)u.style.display="none";else{const e=!i&&n,t=function(e){return[e.telefonnummer,e.mobilnummer].filter((e=>e?.length)).join("\n")}(m),l=t?.length?t:d;this.innerHTML=s("custom-field",{data:l,text:e,inline:o,styleoverride:c}).outerHTML}}});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:i,hideIfEmpty:d,inline:o,styleoverride:c}=l(this),u=a(this),m=new p(e),h=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 r(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}(m,this);if(d&&!h?.length&&u)u.style.display="none";else{const e=!i&&t;this.innerHTML=s("custom-field",{data:h,text:e,inline:o,styleoverride:c}).outerHTML}}});class y{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class g{constructor(e){this.kodeverdi=e?.kodeverdi}}class x{constructor(e){this.kodebeskrivelse=e?.kodebeskrivelse}}class v{constructor(e){this.filnavn=e?.filnavn,this.vedleggstype=e?.vedleggstype&&new x(e.vedleggstype)}}class T{constructor(e){this.vedlegg=e?.vedlegg&&e.vedlegg.map((e=>new v(e)))}}class E{constructor(e){this.beskrivelse=e?.beskrivelse,this.erUtfallBesvaresSenere=e?.erUtfallBesvaresSenere,this.erUtfallBesvart=e?.erUtfallBesvart,this.kommentar=e?.kommentar,this.tema=e?.tema&&new y(e.tema),this.tittel=e?.tittel,this.utfallType=e?.utfallType&&new g(e.utfallType),this.vedleggsliste=e?.vedleggsliste&&new T(e.vedleggsliste)}}function b(e,t){return e.map((e=>({text:t[e.titleResourceKey],props:e.props})))}function L(e,t){return!Array.isArray(t)&&(t=[t]),t.map((t=>{const n=[];return e.forEach((e=>{const s=function(e,t){if(!t)return e;const n=t?.split(/\.|\[|\]/).filter(Boolean);for(let t=0;t<n.length;t++)e=e[n[t]];return e}(t,e.dataKey);n.push({...e.props,data:s,hideTitle:!0,tagName:e.tagName})})),n}))}customElements.define("custom-grouplist-utfall-svar-type",class extends HTMLElement{async connectedCallback(){const{data:t}=l(this),i=a(this),r=await n(this),d=t.reduce(((e,t)=>{const n=t?.utfallType?.kodeverdi;return e[n]||(e[n]=[]),e[n].push(new E(t)),e}),{});if(!e(t)&&i)i.style.display="none";else for(const e of Object.keys(d)){const t=await s("custom-group-utfall-svar-type",{data:d[e],text:r[`${e?.toLowerCase()}.header`],texts:r});this.appendChild(t)}}}),customElements.define("custom-group-utfall-svar-type",class extends HTMLElement{async connectedCallback(){const{data:t,text:n}=l(this),i=JSON.parse(this.getAttribute("texts"));if(e(t)){const e=s("custom-header-text",{text:n,size:"h2"});this.appendChild(e);const l=await s("custom-grouplist-utfall-svar",{data:t,texts:i});this.appendChild(l)}}}),customElements.define("custom-grouplist-utfall-svar",class extends HTMLElement{connectedCallback(){const{data:t,hideIfEmpty:n}=l(this),i=a(this),r=JSON.parse(this.getAttribute("texts"));if(n&&!e(t)&&i)i.style.display="none";else for(const e of t){const t=s("custom-group-utfall-svar",{data:e,hideIfEmpty:!0,texts:r});this.appendChild(t);const n=s("custom-divider");this.appendChild(n)}}}),customElements.define("custom-group-utfall-svar",class extends HTMLElement{async connectedCallback(){const{data:t}=l(this),n=a(this),r=JSON.parse(this.getAttribute("texts"));if(!e(t)&&n)n.style.display="none";else{const e=document.createElement("div"),n=s("custom-header-text",{text:t?.tittel,size:"h3"});e.appendChild(n),e.appendChild(function(e){return i(s("custom-field-data",{data:e?.beskrivelse,hideIfEmpty:!0}))}(t)),e.appendChild(function(e,t){return i(s("custom-field-utfall-svar-status",{data:e,texts:t,text:t?.["status.title"]}))}(t,r)),e.appendChild(function(e,t){return i(s("custom-field-data",{data:e?.tema?.kodebeskrivelse,text:t?.["tema.kodebeskrivelse.title"],hideIfEmpty:!0}))}(t,r)),e.appendChild(function(e,t){return i(s("custom-field-data",{data:e?.kommentar,text:t?.["kommentar.title"],hideIfEmpty:!1,emptyFieldText:"-"}))}(t,r)),e.appendChild(function(e,t){return i(s("custom-list-vedlegg",{data:e?.vedleggsliste?.vedlegg,text:t?.["vedleggsliste.vedlegg.title"],hideIfEmpty:!0}))}(t,r)),this.appendChild(e)}}}),customElements.define("custom-header-text",class extends HTMLElement{connectedCallback(){const{text:e,styleoverride:n,size:i,isChildComponent:r}=l(this);r||t(a(this),{padding:"0 0.75rem"}),this.innerHTML=s("custom-header",{text:e,size:i,styleoverride:n}).outerHTML}}),customElements.define("custom-list-data",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,styleoverride:o}=l(this),c=a(this),u=this.getAttribute("itemKey"),m=u?.length?function(e,t){return e.map((e=>e?.[t]))}(t,u):t,h=!i&&n;r&&!e(m)&&c?c.style.display="none":this.innerHTML=d?.length&&!m?.length?s("custom-field",{data:d,text:h,styleoverride:o}).outerHTML:s("custom-list",{data:m,text:h,styleoverride:o}).outerHTML}}),customElements.define("custom-list-vedlegg",class extends HTMLElement{connectedCallback(){const{data:t,text:n,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,styleoverride:o}=l(this),c=a(this),u=(m=t,m?.length&&m.map((e=>{const t=new v(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 m;const h=!i&&n;r&&!e(u)&&c?c.style.display="none":this.innerHTML=d?.length&&!u?.length?s("custom-field",{data:d,text:h,styleoverride:o}).outerHTML:s("custom-list",{data:u,text:h,styleoverride:o}).outerHTML}}),customElements.define("custom-table-data",class extends HTMLElement{async connectedCallback(){const{data:e,text:t,hideTitle:i,hideIfEmpty:r,emptyFieldText:d,size:o,styleoverride:c}=l(this),u=a(this);if(r&&!e&&u)u.style.display="none";else{const l=await n(this),r=JSON.parse(this.getAttribute("tableColumns")),a=!i&&t;this.innerHTML=s("custom-table",{data:{tableHeaders:b(r,l),tableRows:L(r,e)},text:a,size:o,emptyFieldText:d,styleoverride:c}).outerHTML}}})})();
|