@esri/solutions-components 0.10.42 → 0.10.43

package/dist/solutions-components/p-f728af86.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as a,c as t,h as n,H as s,F as e,g as r}from"./p-4e6eb06e.js";import{i,g as l,a as o,s as c,E as p,b as g,l as u,c as d,u as h}from"./p-50fb7f47.js";import{l as m}from"./p-4cd4cb85.js";import{c as v}from"./p-5ff711ee.js";import{g as _,f as b,L as y}from"./p-ceb1030b.js";import"./p-dc9d4be3.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.js";const f="instant-apps-language-translator",x={BASE:f,header:`${f}__header`,headerText:`${f}__header-text`,savingIndicator:`${f}__saving-indicator`,closeButton:`${f}__close-button`,headerTip:`${f}__header-tip`,topBar:`${f}__top-bar`,topBarSection:`${f}__top-bar-section`,collapseSearchContainer:`${f}__collapse-search-container`,userLangText:`${f}__user-lang-text`,lastItem:`${f}--last-item`,writingIcon:`${f}__writing-icon`,primaryContent:`${f}__primary-content`,lastAutoSave:`${f}__last-auto-save`},w=class{constructor(n){a(this,n),this.translatorDataUpdated=t(this,"translatorDataUpdated",7),this.portalItem=void 0,this.appSettings=void 0,this.locales=void 0,this.open=!1,this.userLocaleInputOnChangeCallback=void 0,this.translatedLocaleInputOnChangeCallback=void 0,this.saving=!1,this.messages=void 0,this.isCollapse=!0}handleT9nItemUpdate(){this.translatorDataUpdated.emit()}handleLocaleChange(){this.initUIData(),this.initSelectLanguage()}handleAppSettings(){this.initUIData(),this.initSelectLanguage()}componentWillLoad(){i()}async componentDidLoad(){this.initialize()}async initialize(){const[a,t]=await m(["esri/intl","esri/request"]);this.intl=a,this.request=t,await this.initMessages(),this.initUIData(),this.initPortalItemResourceT9nData(),this.initSelectLanguage()}async initMessages(){try{const{el:a}=this,t=await l(a);return this.messages=t,Promise.resolve()}catch(a){return Promise.reject()}}initUIData(){const{appSettings:a,locales:t}=this,n=o(a,t);c.set("uiData",n)}initSelectLanguage(){var a,t;if(!this.intl)return;const{locales:n}=this,s=null!==(t=null===(a=null==n?void 0:n[0])||void 0===a?void 0:a.locale)&&void 0!==t?t:this.intl.getLocale(),e=c.get("currentLanguage");0===this.locales.filter((a=>a.locale===e)).length&&c.set("currentLanguage",s)}async initPortalItemResourceT9nData(){try{const a=await _(this.portalItem);c.set("portalItemResource",a);const t=await b(this.request,a);c.set("lastSave",t.lastSave),c.set("portalItemResourceT9n",null!=t?t:{})}catch(a){}}render(){return n(s,{key:"1f68786d3e9bced7a2242033cf51fc4937bc910a"},this.renderModal(),this.renderPopoverTip())}renderModal(){return n("calcite-modal",{open:this.open,scale:"l",fullscreen:!0,onCalciteModalClose:this.close.bind(this)},this.renderHeader(),this.renderContent(),this.renderPrimaryContent())}renderPopoverTip(){var a;return n("calcite-popover",{label:"",referenceElement:"headerTip",placement:"trailing","auto-close":!0,closable:!0},n("div",{class:x.headerTip},null===(a=this.messages)||void 0===a?void 0:a.headerTip))}renderHeader(){return n("header",{class:x.header,slot:"header"},this.renderHeaderText())}renderHeaderText(){const{messages:a}=this;return n("div",{class:x.headerText},n("span",null,null==a?void 0:a.header),n("calcite-button",{id:"headerTip",appearance:"transparent"},n("calcite-icon",{icon:p.Popover,scale:"s"})))}renderSavingIndicator(){var a;const t=null===(a=this.messages)||void 0===a?void 0:a.saving;return n("div",{class:x.savingIndicator},n("calcite-loader",{label:t,inline:!0}),n("span",null,t))}renderContent(){const a=g(this.locales);return n("div",{slot:"content"},this.renderTopBar(),(null==a?void 0:a.length)>0?this.renderUIData():this.renderNotice())}renderTopBar(){return n("div",{class:x.topBar},this.renderLeadingTopBarSection(),this.renderTrailingTopBarSection())}renderLeadingTopBarSection(){return n("div",{class:x.topBarSection},this.renderUserLocale(),this.renderCollapseSearchContainer())}renderUserLocale(){var a;const t=null===(a=this.messages)||void 0===a?void 0:a.languages,s=v();return n("div",{class:x.userLangText},null==t?void 0:t[s])}renderCollapseSearchContainer(){return n("div",{class:x.collapseSearchContainer},this.renderExpandCollapseButton(),this.renderSearch())}renderExpandCollapseButton(){const{isCollapse:a,messages:t}=this,s=a?null==t?void 0:t.collapseAll:null==t?void 0:t.expandAll;return n(e,null,n("slot",{name:"primary-custom-action"}),n("slot",{name:"secondary-custom-action"}),n("calcite-button",{onClick:this.handleExpandCollapseAll.bind(this),appearance:"transparent","icon-start":p.ExpandCollapse},s))}renderSearch(){var a;return n("instant-apps-language-translator-search",{onSuggestionSelected:this.onSuggestionSelect.bind(this),t9nPlaceholder:null===(a=this.messages)||void 0===a?void 0:a.searchPlaceholder})}renderTrailingTopBarSection(){return n("div",{class:x.topBarSection},this.renderLanguageSelection(),n("slot",{name:"translation-custom-action"}))}renderLanguageSelection(){var a;return n("calcite-label",{layout:"inline"},null===(a=this.messages)||void 0===a?void 0:a.translatedLanguage,n("calcite-select",{label:"",onCalciteSelectChange:this.handleLanguageSelection.bind(this)},this.renderTranslatedLangOptions()))}renderTranslatedLangOptions(){const a=c.get("uiData"),t=null==a?void 0:a.get("locales"),s=g(t),e=Object.keys(y.partial);return null==s?void 0:s.map((a=>{const t=-1!==e.indexOf(a),s=y[t?"partial":"full"],{language:r,translated:i}=s[a];return n("calcite-option",{key:`translated-lang-option-${a}`,value:a},`${r} - ${i}`)}))}renderUIData(){if(!(null==u?void 0:u.uiData))return;const a=d();return n("div",null,null==a?void 0:a.map(((t,n)=>this.renderUIDataItem(t,n,a.length))))}renderNotice(){var a;const t=null===(a=this.messages)||void 0===a?void 0:a.noLanguage;return n("calcite-notice",{open:!0,icon:"exclamation-mark-triangle",kind:"warning"},n("div",{slot:"title"},null==t?void 0:t.title),n("div",{slot:"message"},null==t?void 0:t.message))}renderUIDataItem(a,t,s){var e,r;const i=null===(r=null===(e=this.appSettings)||void 0===e?void 0:e.translatedLanguageLabels)||void 0===r?void 0:r[u.currentLanguage],l=`${t===s-1?x.lastItem:""}`,o=this.appSettings.content.filter((t=>t.id===a))[0];return n("instant-apps-language-translator-item",{key:`${a}-${t}`,class:l,fieldName:a,translatedLanguageLabels:i,setting:o,userLocaleInputOnChangeCallback:async(a,t)=>{try{await this.userLocaleInputOnChangeCallback(a,t);const n=c.get("portalItemResource");h(n)}catch(a){}},translatedLocaleInputOnChangeCallback:async(a,t,n,s)=>{try{await this.translatedLocaleInputOnChangeCallback(a,t,n,s),h(s)}catch(a){}}})}renderPrimaryContent(){var a,t;return n("div",{class:x.primaryContent,slot:"primary"},c.get("saving")?this.renderSavingIndicator():null,c.get("lastSave")?n("span",{key:"last-save",class:x.lastAutoSave},null===(a=this.messages)||void 0===a?void 0:a.lastAutoSave," ",this.intl.formatDate(c.get("lastSave"))):null,n("calcite-button",{onClick:()=>this.open=!1,class:x.closeButton},null===(t=this.messages)||void 0===t?void 0:t.close))}handleExpandCollapseAll(){this.isCollapse=!this.isCollapse;const a=new Map(u.uiData);d().forEach((t=>a.get(t).expanded=this.isCollapse)),c.set("uiData",a)}onSuggestionSelect(a){const t=a.detail,n=new Map(u.uiData);d().forEach((a=>{n.get(a).selected=a===t})),c.set("uiData",n)}close(){this.open=!1}handleLanguageSelection(a){c.set("currentLanguage",a.target.value)}async getTranslationData(){return c.get("portalItemResourceT9n")}async setTranslationData(a){return c.set("portalItemResourceT9n",a)}async getPortalItemResource(){return c.get("portalItemResource")}async batchWriteToPortalItemResource(a){c.set("saving",!0);try{const t=await this.getPortalItemResource(),n=Date.now();c.set("lastSave",n);const s=JSON.stringify(Object.assign(Object.assign({},a),{lastSave:n})),e=new Blob([s],{type:"application/json"});return await t.update(e),setTimeout((()=>c.set("saving",!1)),1500),this.translatorDataUpdated.emit(),Promise.resolve()}catch(a){return console.error("Error writing to portal item resource: ",a),c.set("saving",!1),Promise.reject()}}get el(){return r(this)}static get watchers(){return{locales:["handleLocaleChange"],appSettings:["handleAppSettings"]}}};w.style=".sc-instant-apps-language-translator-h{display:block}.sc-instant-apps-language-translator-h calcite-modal.sc-instant-apps-language-translator{--calcite-modal-content-padding:0}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header.sc-instant-apps-language-translator{display:flex;justify-content:space-between;width:100%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-text.sc-instant-apps-language-translator{font-size:18px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator{display:flex;align-items:center;font-size:14.5px;color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__writing-icon.sc-instant-apps-language-translator{display:flex;justify-content:center;align-items:center;margin-right:5px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__close-button.sc-instant-apps-language-translator{width:175px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-tip.sc-instant-apps-language-translator{padding:20px;max-width:45vw}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator{display:flex;width:100%;position:sticky;top:0;background:var(--calcite-color-foreground-1);z-index:1}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator calcite-label.sc-instant-apps-language-translator{--calcite-label-margin-bottom:0;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator{box-sizing:border-box;display:flex;align-items:center;width:50%;padding:0.5%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__user-lang-text.sc-instant-apps-language-translator{font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:first-child{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:nth-child(2) calcite-select.sc-instant-apps-language-translator{width:255px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator calcite-input.sc-instant-apps-language-translator{width:300px;margin-left:30px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator{display:flex;align-items:center}.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__close-button.sc-instant-apps-language-translator,.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator,.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__last-auto-save.sc-instant-apps-language-translator{margin-right:20px}.ck.ck-reset.ck-editor.ck-rounded-corners.sc-instant-apps-language-translator{margin-top:10px !important;margin-left:55px !important}.ck-editor__editable.sc-instant-apps-language-translator{height:70px !important;font-size:0.875rem !important;line-height:1.375 !important}.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:first-child,.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:last-child{--ck-spacing-large:0.5rem !important}html[dir=rtl] .sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__close-button.sc-instant-apps-language-translator,html[dir=rtl] .sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator,html[dir=rtl] .sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__last-auto-save.sc-instant-apps-language-translator{margin-right:unset;margin-left:20px}";export{w as instant_apps_language_translator}