https://dialog.krodsherad.kommune.no/my-dialogues-cc5a89cd.js

1import{r as e,x as t,i,_ as a,t as r,E as o}from"./custom-element-f942355b.js";import{n}from"./property-98bc03ee.js";import{L as s,r as l,O as d,U as c,b as p}from"./http.service-da101c73.js";import{M as h,P as u,i as m,b as g,a as b,R as f}from"./delete-started-dialogue-modal-4bf98453.js";import{m as y,U as v}from"./main-5f540a2f.js";import{l as w}from"./localized-decorator-954945dd.js";import"./login-header-412e6edf.js";import{s as k,l as $}from"./shared-styles-32c8a7b9.js";import{f as D}from"./button-f774dca2.js";import"./traversal.helper-0bd2d65c.js";import"./directive-de55b00a.js";import"./login-btn-styles-9493d048.js";class x{constructor(e){this.initMyDialogues=async()=>await s.isLoggedIn()?await h.getMyDialogues():null,this.host=e,e.addController(this)}hostConnected(){}}let S=class extends e{constructor(){super(),this.activeTab=null,this.position="center"}handleClick(e,t){e.preventDefault(),this.activeTab=t;const i=new CustomEvent("tab-change",{detail:{activeTab:this.activeTab},bubbles:!0,composed:!0});this.dispatchEvent(i)}render(){const e=Array.from(this.children),i=this.activeTab||e[0]?.getAttribute("label");return t`<div><ul class="tabs" style="justify-content:${this.position}">${e.map((e=>{const a=e.getAttribute("label");return t`<li class="${a===i?"current":""}"><a href="#" @click="${e=>this.handleClick(e,a)}">${a}</a></li>`}))}</ul><slot style="display:flex;justify-content:${this.position}"></slot></div>`}firstUpdated(){if(!this.activeTab){const e=Array.from(this.children);this.activeTab=e[0]?.getAttribute("label")}}updated(){Array.from(this.children).forEach((e=>{e.getAttribute("label")!==this.activeTab?e.setAttribute("hidden",""):e.removeAttribute("hidden")}))}static{this.styles=[i`a{color:inherit;text-decoration:none}a:visited{color:inherit}.tabs{list-style:none;padding:0;margin:0;display:flex}.tabs>li{text-align:center;display:flex;align-items:flex-end;font-size:1.2rem;padding:.5em 1em;margin:0 1em;transition:background-color .3s ease;border-bottom:solid 2px rgba(13,80,136,.27);position:relative}.current{background:0 0;color:var(--ia-primary-color,#1f3f65);font-weight:700;border-bottom:solid 2px var(--ia-primary-color,#1f3f65)!important;position:relative}`]}};a([n({attribute:!1})],S.prototype,"activeTab",void 0),a([n()],S.prototype,"position",void 0),S=a([r("ia-tabs")],S);let I=class extends e{constructor(){super(...arguments),this.referenceId="",this.outcome=null,this.started=!1,this.abortController=new AbortController}firstUpdated(){this.dialog?.showModal(),this.started||(this.started=!0,this.startPayment())}disconnectedCallback(){super.disconnectedCallback(),this.abortController.abort()}async startPayment(){const{signal:e}=this.abortController;try{const t=await u.pollForUrl(this.referenceId,!0,e);if(e.aborted)return;window.location.href=t}catch(t){if(e.aborted||m(t))return;if(t instanceof g)return this.outcome="paid",void this.dispatchEvent(new CustomEvent("payment-status-resolved",{detail:{referenceId:this.referenceId,paid:!0},bubbles:!0,composed:!0}));t instanceof b||console.error("Failed to start payment",t),this.outcome="failed"}}get dialog(){return this.renderRoot?.querySelector("dialog")??null}abort(){this.abortController.abort()}close(){this.abort(),this.dialog?.close()}onClose(){this.abortController.abort(),this.dispatchEvent(new CustomEvent("payment-redirect-closed",{bubbles:!0,composed:!0}))}render(){return t`<dialog @cancel="${this.abort}" @close="${this.onClose}" aria-labelledby="payment-redirect-title">${null===this.outcome?this.renderWaiting():this.renderOutcome()}</dialog>`}renderWaiting(){return t`<div class="content" role="status" aria-live="polite"><div class="spinner" aria-hidden="true"></div><h2 id="payment-redirect-title">${y("Vi sender deg videre til betalingsløsningen")}</h2><p>${y("Vennligst vent…")}</p></div>`}renderOutcome(){const e="paid"===this.outcome;return t`<div class="content" role="${e?"status":"alert"}"><h2 id="payment-redirect-title">${y(e?"Denne innsendingen er allerede betalt":"Kunne ikke starte betalingen")}</h2><p>${y(e?"Betalingen er allerede registrert, så du trenger ikke betale på nytt.":"Vi fikk ikke startet betalingen akkurat nå. Skjemaet ditt er sendt inn og lagret. Prøv igjen senere fra «Mine skjema».")}</p><div class="actions"><ia-button color="primary" @click="${this.close}">${y("Lukk")}</ia-button>

1</div></div>`}static{this.styles=[k,i`dialog{max-width:32rem;width:calc(100% - 2rem);padding:2rem 1.5rem;border:1px solid #ddd;border-radius:.5rem;background:#fff;color:inherit}dialog::backdrop{background:rgba(0,0,0,.45)}.content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.content h2{margin:0}.content p{margin:0}.spinner{width:3rem;height:3rem;border:4px solid #ccc;border-top-color:var(--ia-primary-color,#1f3f65);border-radius:50%;animation:spin .9s linear infinite}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}@keyframes spin{to{transform:rotate(360deg)}}.actions{margin-top:.5rem}`]}};a([n({type:String})],I.prototype,"referenceId",void 0),a([l()],I.prototype,"outcome",void 0),I=a([r("ia-payment-redirect-dialog"),w()],I);let R=class extends e{constructor(){super(...arguments),this.referenceId="",this.paymentResult="",this.outcome=null,this.started=!1}firstUpdated(){this.dialog?.showModal(),this.started||(this.started=!0,this.resolveStatus())}async resolveStatus(){if("cancel"===this.paymentResult)return this.outcome="cancelled",void this.announce();try{const e=await u.pollForStatus(this.referenceId);this.outcome="PaymentCompleted"===e.status||"PaymentSkipped"===e.status?"paid":"unresolved"}catch{this.outcome="unresolved"}this.announce()}announce(){this.dispatchEvent(new CustomEvent("payment-status-resolved",{detail:{referenceId:this.referenceId,paid:"paid"===this.outcome},bubbles:!0,composed:!0}))}get dialog(){return this.renderRoot?.querySelector("dialog")??null}close(){this.dialog?.close()}onClose(){this.dispatchEvent(new CustomEvent("payment-status-closed",{bubbles:!0,composed:!0}))}onCancel(e){null===this.outcome&&e.preventDefault()}render(){return t`<dialog @cancel="${this.onCancel}" @close="${this.onClose}" aria-labelledby="payment-status-title">${null===this.outcome?this.renderValidating():this.renderOutcome()}</dialog>`}renderValidating(){return t`<div class="content" role="status" aria-live="polite"><div class="spinner" aria-hidden="true"></div><h2 id="payment-status-title">${y("Vi bekrefter betalingen din")}</h2><p>${y("Dette kan ta noen sekunder. Vennligst vent…")}</p></div>`}renderOutcome(){return t`<div class="content" role="status" aria-live="polite"><h2 id="payment-status-title">${this.outcomeHeading()}</h2><p>${this.outcomeBody()}</p><div class="actions"><ia-button color="primary" @click="${this.close}">${y("Lukk")}</ia-button>

1</div></div>`}outcomeHeading(){switch(this.outcome){case"paid":return y("Bekreftelse");case"cancelled":return y("Betalingen ble avbrutt");default:return y("Vi har ikke bekreftet betalingen ennå")}}outcomeBody(){switch(this.outcome){case"paid":return y("Takk! Betalingen er registrert.");case"cancelled":return y("Du avbrøt betalingen. Du kan fullføre betalingen senere om du vil.");default:return y("Det kan ta litt tid før betalingen blir registrert. Du trenger ikke gjøre noe nå, vi bekrefter den så snart vi kan.")}}static{this.styles=[k,i`dialog{max-width:32rem;width:calc(100% - 2rem);padding:2rem 1.5rem;border:1px solid #ddd;border-radius:.5rem;background:#fff;color:inherit}dialog::backdrop{background:rgba(0,0,0,.45)}.content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.content h2,.content p{margin:0}.spinner{width:3rem;height:3rem;border:4px solid #ccc;border-top-color:var(--ia-primary-color,#1f3f65);border-radius:50%;animation:spin .9s linear infinite}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}@keyframes spin{to{transform:rotate(360deg)}}.actions{margin-top:.5rem}`]}};var P;a([n({type:String})],R.prototype,"referenceId",void 0),a([n({type:String})],R.prototype,"paymentResult",void 0),a([l()],R.prototype,"outcome",void 0),R=a([r("ia-payment-status-dialog"),w()],R);let C=class extends e{static{P=this}get completedTabLabel(){return y("Fullførte skjema")}constructor(){super(),this.myDialogueController=new x(this),this.data=null,this.dropdownVisible=!1,this.shouldRender=!1,this.frontSettings=null,this.editingReferenceId=null,this.descriptionDraft="",this.isSavingDescription=!1,this.continuePaymentFor=null,this.confirmPaymentFor=null,this.activeTab=null,this.handlePageShow=async e=>{if(e.persisted){this.shouldRender=!1,this.data=null,this.requestUpdate();try{await this.loadDialogues()}finally{this.shouldRender=!0,this.requestUpdate()}}},this.outsideClickListener=e=>{if(this.contains(e.target))return;this.renderRoot.querySelectorAll(".dropdown").forEach((e=>{e.classList.contains("visible")&&e.classList.remove("visible")})),this.dropdownVisible=!1,this.requestUpdate()},this.isLoadingDialogues=!1,this.loadDialogues=async()=>{if(!this.isLoadingDialogues){this.isLoadingDialogues=!0;try{const e=await this.myDialogueController.initMyDialogues();this.data=e}finally{this.isLoadingDialogues=!1,this.requestUpdate(),window.dispatchEvent(new CustomEvent("page-ready"))}}},this.handleLogin=async e=>{try{this.ensureBaseUrlIsSetIfDefined();const t=await d.loginWithPopup("",e);if("blocked"===t.status)return void this.showSnackBar(y("Nettleseren blokkerte innloggingsvinduet. Tillat popup-vinduer for dette nettstedet og prøv igjen."),8e3);if("success"===t.status)window.dispatchEvent(new CustomEvent("ia-auth-state-changed")),await this.loadDialogues();else try{const e=this.data;await this.loadDialogues(),this.data&&this.data!==e?window.dispatchEvent(new CustomEvent("ia-auth-state-changed")):this.showSnackBar(y("Innlogging mislyktes eller ble avbrutt"),5e3)}catch(e){this.showSnackBar(y("Innlogging mislyktes eller ble avbrutt"),5e3)}}catch(e){this.showSnackBar(y("En feil oppstod under innlogging"),5e3)}},this.refreshDialogueList=async()=>{try{await this.loadDialogues()}catch(e){console.error("Failed to refresh the dialogue list after payment",e)}},this.addEventListener()}async initialize(){await this.loadFrontSettings(),await this.loadDialogues(),this.shouldRender=!0,this.detectPaymentReturn()}detectPaymentReturn(){if("1"!==v.getQueryParam("_paymentReturn"))return;const e=v.getQueryParam("_referenceId"),t=v.getQueryParam("_paymentResult")??"";v.removeQueryParam("_paymentReturn"),v.removeQueryParam("_paymentResult"),v.removeQueryParam("_referenceId"),e&&(this.confirmPaymentFor={referenceId:e,result:t},this.activeTab=this.completedTabLabel)}async loadFrontSettings(){try{if(this.frontSettings=await D.getSettings(),this.frontSettings?.primaryColor&&this.style.setProperty("--settings-primary-color",this.frontSettings.primaryColor),this.frontSettings?.customFontFile&&this.frontSettings?.customFontName){$(this.frontSettings.customFontFile,this.frontSettings.customFontName);const e=this.frontSettings.customFontName.substring(0,this.frontSettings.customFontName.lastIndexOf("."));document.documentElement.style.setProperty("--ia-font-family",`'${e}', sans-serif`)}else this.frontSettings?.fontFamily&&document.documentElement.style.setProperty("--ia-font-family",this.frontSettings.fontFamily);this.requestUpdate()}catch(e){console.error("Failed to load front settings:",e)}}firstUpdated(){this.ensureBaseUrlIsSetIfDefined(),this.initialize()}ensureBaseUrlIsSetIfDefined(){const e=this.baseUrl??this.oldBaseApiUrlAttr;e&&c.setBaseUrl(e)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.outsideClickListener),document.addEventListener("tab-change",(e=>this.setTableTitleForMobile())),window.addEventListener("pageshow",this.handlePageShow)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.outsideClickListener),window.removeEventListener("pageshow",this.handlePageShow)}openDialogue(e,t){location.replace(c.makeUrl(`${e}?from=MyDialogue&ref=${t}`))}copySourceFormUrl(e){return c.makeUrl(`${e.DialogueId}?copyfrom=${encodeURIComponent(e.ReferenceId)}`)}showDropdown(e,t){t.stopPropagation();this.renderRoot.querySelectorAll(".dropdown").forEach(((t,i)=>{i===e?t.classList.toggle("visible"):t.classList.remove("visible")})),this.dropdownVisible=!this.dropdownVisible}async addEventListener(){window.addEventListener("delete-started-dialog",(async e=>{this.data=e.detail.data,this.showSnackBar(y("Slettet skjema"),3e3)}))}async downloadPdf(e,t,i){await f.downloadPdfFromMyDialogues(e,t,i)}showSnackBar(e,t){const i=new p;i.text=e,i.duration=t,document.body.appendChild(i),setTimeout((()=>{i.remove()}),t)}openDeleteStartedDialog(e){window.dispatchEvent(new CustomEvent("open-delete-started-dialog",{detail:{referenceId:e}}))}startEditingDescription(e,t,i){i.stopPropagation(),this.editingReferenceId=e,this.descriptionDraft=t??""}cancelEditingDescription(e){e.stopPropagation(),this.editingReferenceId=null,this.descriptionDraft=""}onDescriptionInput(e){this.descriptionDraft=e.target.value}onDescriptionKeydown(e,t){"Escape"===e.key?this.cancelEditingDescription(e):"Enter"===e.key&&(e.ctrlKey||e.metaKey)&&this.saveDescription(t,e)}applyDescriptionLocally(e,t){if(!this.data)return;const i=this.data.Data.StartedUserDialogues.find((t=>t.ReferenceId===e));i&&(i.Description=t);const a=this.data.Data.CompletedUserDialogues.find((t=>t.ReferenceId===e));a&&(a.Description=t)}async saveDescription(e,t){if(t.stopPropagation(),this.isSavingDescription)return;const i=this.descriptionDraft.trim(),a=i.length>0?i:null;this.isSavingDescription=!0,this.requestUpdate();try{await h.updateDescription(e,a),this.applyDescriptionLocally(e,a),this.editingReferenceId=null,this.descriptionDraft="",this.showSnackBar(y("Beskrivelse lagret"),3e3)}catch{this.showSnackBar(y("Kunne ikke lagre beskrivelse"),5e3)}finally{this.isSavingDescription=!1,this.requestUpdate()}}renderDescriptionCell(e){if(this.editingReferenceId===e.ReferenceId)return t`<div class="description-editor" @click="${e=>e.stopPropagation()}"><textarea class="description-textarea" rows="2" maxlength="${250}" .value="${this.descriptionDraft}" ?disabled="${this.isSavingDescription}" placeholder="${y("Skriv en beskrivelse")}

1" @input="${this.onDescriptionInput}" @keydown="${t=>this.onDescriptionKeydown(t,e.ReferenceId)}"></textarea> <span class="description-char-count">${this.descriptionDraft.length}/${250}</span><div class="description-editor-actions"><ia-button color="primary" ?disabled="${this.isSavingDescription}" @click="${t=>this.saveDescription(e.ReferenceId,t)}">${y("Lagre")}</ia-button><ia-button ?disabled="${this.isSavingDescription}" @click="${e=>this.cancelEditingDescription(e)}">${y("Avbryt")}</ia-button></div></div>`;const i=e.Description?.trim()??"",a=i.length>0;return t`<button type="button" class="description-display ${a?"":"is-empty"}" title="${y("Klikk for å redigere beskrivelse")}" @click="${t=>this.startEditingDescription(e.ReferenceId,e.Description??"",t)}">${a?i:y("Legg til beskrivelse")}</button>`}createRenderRoot(){return this}updated(){this.setTableTitleForMobile()}setTableTitleForMobile(){const e=this.renderRoot.querySelectorAll("table");e.length>0&&e.forEach((e=>{const t=e.querySelectorAll("th"),i=Array.from(t).map((e=>e.innerText));e.querySelectorAll("tbody tr").forEach((e=>{Array.from(e.children).forEach(((e,t)=>e.setAttribute("label",i[t])))}))}))}render(){return this.shouldRender?this.data?t`<style>${P.styles}</style><ia-delete-started-dialogue-modal></ia-delete-started-dialogue-modal>${this.renderPaymentRedirectDialog()} ${this.renderPaymentStatusDialog()}<h1>${y("Mine skjema")}</h1><div class="content"><ia-tabs .activeTab="${this.activeTab}"><div label="${y("Skjema under utfylling")}" class="started-dialogues-table"><table><tr><th>${y("Skjema")}</th><th class="table-header-reference">${y("Referanse")}</th><th class="table-header-date">${y("Dato")}</th><th class="table-header-description">${y("Beskrivelse")}</th><th></th><th></th></tr>${this.data.Data.StartedUserDialogues.map((e=>t`<tr class="tr-content"><td>${e.DialogueName} (${e.DialogueId})</td><td class="table-cell-reference">${e.ReferenceId} ${e.CopyFromReferenceId?t`<br><small class="copy-from-ref">${y("Kopiert fra")}: ${e.CopyFromReferenceId}</small>`:o}</td><td class="table-cell-date">${new Date(e.Created).toLocaleDateString("nb-NO",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"})}</td><td class="table-cell-description">${this.renderDescriptionCell(e)}</td><td class="table-cell-delete-btn"><ia-button color="primary" @click="${()=>this.openDeleteStartedDialog(e.ReferenceId)}" aria-labelledby=""><span class="sr-only">Slett ${e.DialogueName} (${e.DialogueId}) - ${e.ReferenceId}</span> ${y("Slett")}</ia-button>

1</td><td class="table-cell-open-btn"><ia-button color="primary" @click="${()=>this.openDialogue(e.DialogueId,e.ReferenceId)}" role="link" aria-labelledby=""><span class="sr-only">Åpne ${e.DialogueName} (${e.DialogueId}) - ${e.ReferenceId}</span> ${y("Åpne")}</ia-button></td></tr>`))}</table></div><div label="${this.completedTabLabel}" class="started-dialogues-table completed-dialogues-table"><table><tr><th>${y("Skjema")}</th><th class="table-header-reference">${y("Referanse")}</th><th class="table-header-date">${y("Dato")}</th><th class="table-header-description">${y("Beskrivelse")}</th><th></th></tr>${this.data.Data.CompletedUserDialogues.map(((e,i)=>t`<tr class="tr-content"><td>${e.DialogueName} (${e.DialogueId})</td><td class="table-cell-reference">${e.ReferenceId}</td><td class="table-cell-date">${new Date(e.Submitted).toLocaleDateString("nb-NO",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"})}</td><td class="table-cell-description">${this.renderDescriptionCell(e)}</td><td class="receipt">${this.renderReceiptButton(e,i)}</td></tr>`))}</table></div></ia-tabs></div>`:t`<style>${P.styles}</style><div class="not-logged-in"><h1>${y("Mine skjema")}</h1><p class="login-message">${y("Du må være logget inn for å se dine skjema.")}</p><div class="login-button-container"><ia-button color="primary" @click="${this.handleLogin}">${y("Logg inn")}</ia-button>

1</div></div>`:o}renderPaymentRedirectDialog(){return this.continuePaymentFor?t`<ia-payment-redirect-dialog .referenceId="${this.continuePaymentFor.ReferenceId}" @payment-status-resolved="${this.refreshDialogueList}" @payment-redirect-closed="${()=>{this.continuePaymentFor=null}}"></ia-payment-redirect-dialog>`:o}renderPaymentStatusDialog(){return this.confirmPaymentFor?t`<ia-payment-status-dialog .referenceId="${this.confirmPaymentFor.referenceId}" .paymentResult="${this.confirmPaymentFor.result}" @payment-status-resolved="${this.refreshDialogueList}" @payment-status-closed="${()=>{this.confirmPaymentFor=null}}"></ia-payment-status-dialog>`:o}renderReceiptButton(e,i){const a="00000000-0000-0000-0000-000000000000"!==e.PdfReference;return t`<div class="receipt-wrapper table-cell-more-btn">${e.HasPendingPayment?t`<ia-button color="primary" class="receipt-button" @click="${()=>{this.continuePaymentFor=e}}">${y("Fortsett betaling")}</ia-button>`:o} ${e.CanCopy?t`<ia-button color="primary" class="receipt-button copy-source-button" @click="${()=>window.open(this.copySourceFormUrl(e),"_blank","noopener,noreferrer")}">${y("Ny utfylling basert på denne")}</ia-button>

1`:o} ${a?t`<ia-button color="primary" @click="${()=>this.downloadPdf(e.PdfReference,e.ReferenceId,e.DialogueName)}" class="receipt-button" aria-label="Last ned kvittering">${y("Last ned kvittering")}</ia-button><div class="dropdownbutton" @click="${e=>this.showDropdown(i,e)}"><div class="dot"></div><div class="dot"></div><div class="dot"></div></div><div class="dropdown"><ia-link @click="${()=>this.downloadPdf(e.PdfReference,e.ReferenceId,e.DialogueName)}">${y("Last ned")}</ia-link></div>`:o}</div>`}static{this.styles=[i`.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;font-family:var(--ia-font-family,Arial,sans-serif)}ia-tabs{width:100%}h1{display:flex;justify-content:center}.content{display:flex;flex-direction:column;align-items:center}.not-logged-in{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:50vh}.login-message{font-size:1.2rem;margin:2rem 0;color:#333}.login-button-container{margin-top:1rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.2rem;color:#666}.started-dialogues-table{border:solid 2px var(--ia-primary-color,#1f3f65);border-radius:5px;margin-bottom:10px;margin-top:1em;width:80%;background:#fff}.started-dialogues-table h2{margin-left:10px}tr:not(tr:first-of-type){border-top:solid 1px #c9cacb}table{width:100%;border-collapse:collapse}.dropdown{display:none}table th{text-align:left;color:#fff;font-weight:400;font-size:1.2rem;background:var(--ia-primary-color,#1f3f65);padding-top:1.25rem;padding-bottom:1.25rem}.table-cell-date,.table-cell-reference,.table-header-date,.table-header-reference{text-align:center}table th:first-child{padding-left:10px}td{height:3.5rem}.tr-content{height:4rem;border-bottom:solid 1px #c9cacb;border-bottom:none}.tr-content td:first-child{padding-left:10px}td.receipt{text-align:right;padding-right:10px;vertical-align:middle}.receipt-wrapper{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:flex-end}.copy-from-ref{color:#666;font-size:.85em}.receipt-button-icon{display:none}.table-header-description{text-align:left}.table-cell-description{max-width:280px;vertical-align:middle}.description-display{display:block;width:100%;text-align:left;background:0 0;border:1px solid transparent;border-radius:4px;padding:.35rem .5rem;font:inherit;color:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.description-display:focus-visible,.description-display:hover{border-color:#c9cacb;background-color:#f3f4f5;outline:0}.description-display.is-empty{color:#767676;font-style:italic}.description-editor{display:flex;flex-direction:column;gap:.5rem;min-width:220px}.description-textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit;padding:.4rem .5rem;border:1px solid var(--ia-primary-color,#1f3f65);border-radius:4px}.description-editor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.description-editor-actions ia-button{flex:0 0 auto}.description-char-count{font-size:.8rem;color:#767676;text-align:right}@media (max-width:1400px){.started-dialogues-table{width:90%}}@media (max-width:1100px){.completed-dialogues-table table,.completed-dialogues-table table tbody{display:block;width:100%}.completed-dialogues-table table th{display:none}.completed-dialogues-table .tr-content{display:grid;grid-template-columns:1fr auto;grid-template-areas:'name name' 'reference date' 'description description' 'buttons buttons';gap:.15rem .5rem;height:auto;padding:.6rem 10px;border-bottom:1px solid #c9cacb}.completed-dialogues-table .tr-content td{display:block;height:auto;padding:0}.completed-dialogues-table .tr-content td:first-child{grid-area:name}.completed-dialogues-table .tr-content td.table-cell-reference{grid-area:reference;text-align:left}.completed-dialogues-table .tr-content td.table-cell-date{grid-area:date;text-align:right}.completed-dialogues-table .tr-content td.table-cell-description{grid-area:description;max-width:none;text-align:left}.completed-dialogues-table td.receipt{grid-area:buttons;display:block;height:auto;padding:.4rem 0 0;text-align:left}.completed-dialogues-table .receipt-wrapper{flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;gap:.4rem}}@media (max-width:800px){.started-dialogues-table{border:none!important;width:100%!important}table{border:solid 1px #c9cacb}table th{display:none}}`]}};a([n({type:Object})],C.prototype,"data",void 0),a([n({type:Boolean})],C.prototype,"dropdownVisible",void 0),a([n({type:String,attribute:"baseapiurl"})],C.prototype,"oldBaseApiUrlAttr",void 0),a([n({type:String,attribute:"base-api-url"})],C.prototype,"baseUrl",void 0),a([l()],C.prototype,"shouldRender",void 0),a([l()],C.prototype,"frontSettings",void 0),a([l()],C.prototype,"editingReferenceId",void 0),a([l()],C.prototype,"descriptionDraft",void 0),a([l()],C.prototype,"isSavingDescription",void 0),a([l()],C.prototype,"continuePaymentFor",void 0),a([l()],C.prototype,"confirmPaymentFor",void 0),a([l()],C.prototype,"activeTab",void 0),C=P=a([r("ia-my-dialogues"),w()],C);export{C as MyDialogues};