!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("rxjs/add/operator/catch"),require("is_js"),require("angular2-uuid"),require("rxjs/Observable"),require("rxjs/BehaviorSubject"),require("rxjs/add/operator/map"),require("qrcode-reader"),require("devextreme-angular/ui/date-box"),require("devextreme/ui/overlay"),require("moment-es6"),require("moment/locale/th"),require("devextreme/data/data_source"),require("devextreme/data/custom_store"),require("devextreme/data/array_store"),require("devextreme-angular/ui/data-grid"),require("ng2-validation"),require("lodash"),require("@angular/common/http"),require("ngx-bootstrap"),require("devextreme-angular"),require("devextreme/localization"),require("devextreme-intl"),require("ng-zorro-antd"),require("@angular/http"),require("@angular/router"),require("@angular/animations"),require("primeng/primeng"),require("@angular/forms"),require("rxjs"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("soc-app-library",["exports","rxjs/add/operator/catch","is_js","angular2-uuid","rxjs/Observable","rxjs/BehaviorSubject","rxjs/add/operator/map","qrcode-reader","devextreme-angular/ui/date-box","devextreme/ui/overlay","moment-es6","moment/locale/th","devextreme/data/data_source","devextreme/data/custom_store","devextreme/data/array_store","devextreme-angular/ui/data-grid","ng2-validation","lodash","@angular/common/http","ngx-bootstrap","devextreme-angular","devextreme/localization","devextreme-intl","ng-zorro-antd","@angular/http","@angular/router","@angular/animations","primeng/primeng","@angular/forms","rxjs","@angular/core","@angular/common"],t):t(e["soc-app-library"]={},e.rxjs["add/operator/catch"],e.is,e.angular2Uuid,e.rxjs.Observable,e.rxjs.BehaviorSubject,e.rxjs["add/operator/map"],e.QrCode,e.dateBox,e.overlay,e.moment,null,e.DataSource,e.CustomStore,e.ArrayStore,e.dataGrid,e.ng2Validation,e._,e.ng.common.http,e.ngxBootstrap,e.devextremeAngular,e.localization,null,e.ngZorroAntd,e.ng.http,e.ng.router,e.ng.animations,e.primeng,e.ng.forms,e.rxjs,e.ng.core,e.ng.common)}(this,function(e,t,o,a,d,i,n,l,r,s,c,p,m,h,u,f,b,w,g,v,x,y,k,C,_,D,M,S,I,E,T,O){"use strict";l=l&&l.hasOwnProperty("default")?l["default"]:l,c=c&&c.hasOwnProperty("default")?c["default"]:c,m=m&&m.hasOwnProperty("default")?m["default"]:m,h=h&&h.hasOwnProperty("default")?h["default"]:h,u=u&&u.hasOwnProperty("default")?u["default"]:u;var F=function(){function e(){}return e.decorators=[{type:T.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=T.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),z=function(){function e(){}return e.prototype.ngOnInit=function(){console.log("lib version 1.11.21")},e.decorators=[{type:T.Component,args:[{selector:"lib-soc-app-library",template:"\n    <p>\n      soc-app-library works!\n    </p>\n  "}]}],e.ctorParameters=function(){return[]},e}(),L=function(){function e(e){this.http=e,this.appConfig={env:"local",title:"Default",googleTagManagerId:"GTM-KWJ6FF4"}}return e.prototype.loadAppConfig=function(e){var t=this;return this.http.get(e).toPromise().then(function(e){t.appConfig=e})["catch"](function(e){console.error(e.message)})},e.prototype.getConfig=function(){return this.appConfig},e.decorators=[{type:T.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:g.HttpClient}]},e.ngInjectableDef=T.defineInjectable({factory:function(){return new e(T.inject(g.HttpClient))},token:e,providedIn:"root"}),e}(),A=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)t.hasOwnProperty(a)&&(e[a]=t[a])};function N(e,t){function a(){this.constructor=e}A(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}function R(t,l,r,s){return new(r||(r=Promise))(function(e,a){function i(e){try{o(s.next(e))}catch(t){a(t)}}function n(e){try{o(s["throw"](e))}catch(t){a(t)}}function o(t){t.done?e(t.value):new r(function(e){e(t.value)}).then(i,n)}o((s=s.apply(t,l||[])).next())})}function V(a,i){var n,o,l,e,r={label:0,sent:function(){if(1&l[0])throw l[1];return l[1]},trys:[],ops:[]};return e={next:t(0),"throw":t(1),"return":t(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(t){return function(e){return function(e){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,o&&(l=2&e[0]?o["return"]:e[0]?o["throw"]||((l=o["return"])&&l.call(o),0):o.next)&&!(l=l.call(o,e[1])).done)return l;switch(o=0,l&&(e=[2&e[0],l.value]),e[0]){case 0:case 1:l=e;break;case 4:return r.label++,{value:e[1],done:!1};case 5:r.label++,o=e[1],e=[0];continue;case 7:e=r.ops.pop(),r.trys.pop();continue;default:if(!(l=0<(l=r.trys).length&&l[l.length-1])&&(6===e[0]||2===e[0])){r=0;continue}if(3===e[0]&&(!l||e[1]>l[0]&&e[1]<l[3])){r.label=e[1];break}if(6===e[0]&&r.label<l[1]){r.label=l[1],l=e;break}if(l&&r.label<l[2]){r.label=l[2],r.ops.push(e);break}l[2]&&r.ops.pop(),r.trys.pop();continue}e=i.call(a,r)}catch(t){e=[6,t],o=0}finally{n=l=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([t,e])}}}function Y(e){var t="function"==typeof Symbol&&e[Symbol.iterator],a=0;return t?t.call(e):{next:function(){return e&&a>=e.length&&(e=void 0),{value:e&&e[a++],done:!e}}}}function q(e,t){var a="function"==typeof Symbol&&e[Symbol.iterator];if(!a)return e;var i,n,o=a.call(e),l=[];try{for(;(void 0===t||0<t--)&&!(i=o.next()).done;)l.push(i.value)}catch(r){n={error:r}}finally{try{i&&!i.done&&(a=o["return"])&&a.call(o)}finally{if(n)throw n.error}}return l}function P(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(q(arguments[t]));return e}var B=function(){function e(){}return e.SUCCESS="20000",e.NOT_FOUND="40400",e.ERROR="50000",e}();y.locale("th");var H=function(){function e(){this.DATE_FORMAT="YYYY-MM-DD HH:mm:ss",console.log("lib common version 1.11.21")}return e.prototype.isNotEmpty=function(e){var t=!1;switch(typeof e){case"object":t=!(!e||null==e)&&("undefined"!=typeof e[0]?0!==e.length:e instanceof Date||!!Object.keys(e).length);break;case"string":e&&(t=!0);break;case"number":case"boolean":case"function":t=!0;break;default:t=!1}return t},e.prototype.fnGenFilter=function(e){var n=this,o=e.loadOptions||{},l=e.filterList||{},r=e.exceptionList||[],s=e.options||{},t=new d.Observable(function(e){var t=n.fnCheckLoadOptions(o);e.next(t);var a=n.fnCheckFilterData(l,r);e.next(a);var i=n.fnCheckOptions(t,a,s);e.next(i),e.complete()}),a={},i={next:function(e){return a=e},error:function(e){return console.error("Observer got an error: "+e)},complete:function(){return console.log("obj :",a)}};return t.subscribe(i),a},e.prototype.fnCheckLoadOptions=function(e){var t={limit:"",offset:"",order_by:[]};if(this.isNotEmpty(e)&&(t.offset=this.isNotEmpty(e.skip)?e.skip:"",t.limit=this.isNotEmpty(e.take)?e.take:"",this.isNotEmpty(e.sort))){console.log("​Common -> fnCheckLoadOptions -> loadOptions.sort",e.sort);for(var a=0;a<e.sort.length;a++){var i=e.sort[a],n=i.selector||"";n&&(i.desc?t.order_by.push(n+" desc"):t.order_by.push(n+" asc"))}}return this.fnRemoveEmptyKey(t),t},e.prototype.fnCheckFilterData=function(e,t){var a={fields:"",filter:"",offset:"",limit:"",orderby:""};return this.isNotEmpty(e)&&(a.fields=this.isNotEmpty(e.fields)?e.fields:"",e.filter?a.filter=this.fnConverstFilterDate(e.filter,t):a.filter="",a.offset=this.isNotEmpty(e.offset)?e.offset:"",a.limit=this.isNotEmpty(e.limit)?e.limit:"",a.orderby=this.isNotEmpty(e.orderby)?e.orderby:""),this.fnRemoveEmptyKey(a),a},e.prototype.fnCheckOptions=function(e,t,a){var i=w.merge(e,t);return((a=a||{}).removeFilterEmpty||!1)&&(i.filter=this.fnRemoveEmptyKey(i.filter)),i},e.prototype.fnRemoveEmptyKey=function(e){for(var t in e)this.isNotEmpty(e[t])?w.isObject(e[t])&&(e[t]=this.fnRemoveEmptyKey(e[t])):delete e[t];return e},e.prototype.fnConverstFilterDate=function(e,t){for(var a in e){var i=e[a];if(w.isObject(i))for(var n in i)!i[n]||"from"!==n&&"to"!==n||(t.includes(a)?i[n]=c(i[n]).format("YYYY-MM-DD HH:mm:ss"):"from"===n?i[n]=c(i[n]).format("YYYY-MM-DD 00:00:00"):"to"===n&&(i[n]=c(i[n]).format("YYYY-MM-DD 23:59:59")))}return e},e.prototype.fnGenFilterBasic=function(e){console.log("​Common -> fnGenFilterBasic -> loadOptions",e);var t="?";return t+="skip="+e.skip||0,t+="&take="+e.take||10,e.sort&&(t+="&orderby="+e.sort[0].selector,e.sort[0].desc&&(t+=" desc")),t},e.prototype.fnToDate=function(e,t){return e?t?c(e,t).toDate():c(e).toDate():null},e.prototype.fnLToDateFromDB=function(e){return c(e,"YYYY-MM-DD").toDate()},e.prototype.fnLocalPCalendar=function(e){switch(e){case"th":return{firstDayOfWeek:1,dayNames:["อาทิตย์","จันทร์","อังคาร","พุธ","พฤหัส","ศุกร์","เสาร์"],dayNamesShort:["อา","จ","อ","พ","พฤ","ศ","ส"],dayNamesMin:["อา","จ","อ","พ","พฤ","ศ","ส"],monthNames:["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],monthNamesShort:["ม.ค.","ก.พ.","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค."],today:"วันนี้",clear:"เคลีย"};default:return{firstDayOfWeek:0,dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",clear:"Clear"}}},e.prototype.collapseFn=function(e){var t=$("#"+e+" div.collapse-link").closest("div.ibox"),a=$("#"+e+" div.collapse-link").find("i"),i=$("#"+e+" div.collapse-link").find("svg"),n=t.find("div.ibox-body"),o=t.find("div.ibox-content"),l=t.find("div.ibox-footer");n.slideToggle(),o.slideToggle(),l.slideToggle(),a.toggleClass("far fa-chevron-up").toggleClass("far fa-chevron-down"),i.toggleClass("far fa-chevron-up").toggleClass("far fa-chevron-down"),t.toggleClass("").toggleClass("border-bottom"),setTimeout(function(){t.resize(),t.find("[id^=map-]").resize()},50)},e.prototype.fnFlagDelete=function(i,n){for(var o=[],e=function(e){var t=n[e],a=w.find(i,function(e){return e===t.id});t.id!=a&&o.push(t)},t=0;t<n.length;t++)e(t);return o},e.prototype.fnFlagEdit=function(e){for(var t=[],a=0;a<e.length;a++){var i=e[a];0<i.id&&(i.action="edit"),t.push(i)}return t},e.prototype.fnSetValueEdit=function(e,t){for(var a=0;a<e.length;a++){e[a].id===t.id&&(e[a]=t)}return e},e.prototype.fnRemoveFakeId=function(e){for(var t=[],a=0;a<e.length;a++){var i=e[a];i.id<0&&delete i.id,t.push(i)}return t},e.prototype.fnCheckResponse=function(e,t){if(2e4==+e.resultCode){var a={modalId:"myModalSuccess",userTitle:"Success",userMessage:"ดำเนินการสำเร็จ"};t.openModal(a)}else{a={modalId:"myModalError",userTitle:"Error",userMessage:"ดำเนินการไม่สำเร็จ"};t.openModal(a)}},e.prototype.fnBuildArrayAction=function(e,t,a){var i,n;void 0===a&&(a="id");var o=w.cloneDeep(e),l=w.cloneDeep(t),r=w.xorBy(o,l,a),s=w.filter(r,function(e){return 0<e[a]}),d=w.unionBy(s,l,a);try{for(var c=Y(d),p=c.next();!p.done;p=c.next()){var m=p.value;if(w.includes(r,m))if(m[a]<0)m.action="add";else{for(var h in m)h!==a&&delete m[h];m.action="delete"}else m.action="edit";m.row_number&&delete m.row_number}}catch(u){i={error:u}}finally{try{p&&!p.done&&(n=c["return"])&&n.call(c)}finally{if(i)throw i.error}}return d},e.prototype.fnGenTextTotal=function(e){return"ผลลัพธ์ "+(e.data.length||0)+" รายการ จากทั้งหมด "+(e.totalCount||0)+" รายการ"},e.prototype.fnGenTextTotalRaw=function(n){return new Promise(function(i,e){setTimeout(function(){if("paging"===n.name||"dataSource"===n.name){var e=n.component?n.component.getVisibleRows():[],t=n.component?n.component.totalCount():0,a=e.length||0;i("ผลลัพธ์ "+a+" รายการ จากทั้งหมด "+t+" รายการ")}},100)})},e.prototype.fnChangeCalendarYear=function(){try{for(var m=/^[0-9]{4}-[0-9]{4}$/g,h=/^[0-9]{4}\s-\s[0-9]{4}$/g,e=document.querySelectorAll(".dx-popup-content .dx-calendar"),t=0;t<e.length;t++){var a=e[t];a.removeEventListener("click",function(e){}),a.addEventListener("click",function(){for(var e=document.querySelectorAll(".dx-calendar-cell"),t=0;t<e.length;t++){var a=(p=e[t]).getAttribute("aria-label"),i=parseInt(a);if(4===a.length&&i!==NaN){var n=i+543;p.textContent=n.toString()}else if(a.match(h)){var o=a.split("-"),l=parseInt(o[0]),r=parseInt(o[1]),s=(l+543).toString()+"-"+(r+543).toString();p.textContent=s}}for(var d=document.querySelectorAll(".dx-calendar-caption-button"),c=0;c<d.length;c++){var p;a=(p=d[c]).getAttribute("aria-label"),i=parseInt(a);if(4===a.length&&i!==NaN){n=i+543;p.children.item(0).children.item(0).textContent=n.toString()}else if(a.match(m)){o=a.split("-"),l=parseInt(o[0]),r=parseInt(o[1]),s=(l+543).toString()+"-"+(r+543).toString();p.children.item(0).children.item(0).textContent=s}}})}}catch(i){console.log("fnChangeCalendarYear -> error",i)}},e.prototype.fnChangeCalendarYearOnce=function(){try{for(var e=/^[0-9]{4}-[0-9]{4}$/g,t=document.querySelectorAll(".dx-calendar-cell"),a=0;a<t.length;a++){var i=(s=t[a]).getAttribute("aria-label"),n=parseInt(i);if(4===i.length&&n!==NaN){var o=n+543;s.textContent=o.toString()}}for(var l=document.querySelectorAll(".dx-calendar-caption-button"),r=0;r<l.length;r++){var s;i=(s=l[r]).getAttribute("aria-label"),n=parseInt(i);if(4===i.length&&n!==NaN){o=n+543;s.children.item(0).children.item(0).textContent=o.toString()}else if(i.match(e)){var d=i.split("-"),c=parseInt(d[0]),p=parseInt(d[1]),m=(c+543).toString()+"-"+(p+543).toString();s.children.item(0).children.item(0).textContent=m}}}catch(h){console.log("fnChangeCalendarYear -> error",h)}},e.prototype.fnGenUuid=function(){return a.UUID.UUID()},e.prototype.fnFormatDateList=function(e,t){for(var a=w.cloneDeep(e),i=0;i<t.length;i++){var n=t[i];a[n]&&(a[n]=c(a[n]).format(this.DATE_FORMAT))}return a},e.prototype.fnDisplayFormatDate=function(e){return y.formatDate(e,"shortDate")+" "+y.formatDate(e,"HH:mm:ss")},e.prototype.replacer=function(e,t){return"string"==typeof t?/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(t)?c(t).format("YYYY-MM-DD HH:mm:ss"):t.trim():t},e.prototype.replacernotrim=function(e,t){return"string"==typeof t&&/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(t)?c(t).format("YYYY-MM-DD HH:mm:ss"):t},e.prototype.convertTHShortDate=function(e){e=c(e);var t=parseInt(c(e).format("MM")),a=c(e).format("YYYY");a=a.substr(2,4);return this.NumberToThaiNumber(e.format("DD"))+" "+["","ม.ค.","ก.พ.","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค."][t]+" "+this.NumberToThaiNumber(a)},e.prototype.NumberToThaiNumber=function(e){return e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=e.toString()).replace(/0/gi,"๐")).replace(/1/gi,"๑")).replace(/2/gi,"๒")).replace(/3/gi,"๓")).replace(/4/gi,"๔")).replace(/5/gi,"๕")).replace(/6/gi,"๖")).replace(/7/gi,"๗")).replace(/8/gi,"๘")).replace(/9/gi,"๙")},e.prototype.fnGetMonthTH=function(e,t){e-=1;return!0===t?["ม.ค.","ก.พ.","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค."][e]:["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"][e]},e.prototype.convertTHDate=function(e,t,a){return c.locale("th"),console.log(c(e).add(543,"years").format("DD MMMM YYYY")),a?this.NumberToThaiNumber(c(e).add(543,"years").format(t)):c(e).add(543,"years").format(t)},e.decorators=[{type:T.Injectable}],e.ctorParameters=function(){return[]},e}(),j=function(){function e(e,t){this.http=e,this.appConfigService=t,this.verifyTokenUrl="",this.downloadTokenUrl="",this._verifyToken=new i.BehaviorSubject({}),this.verifyToken={username:"$username",sessionId:"$sessionId",groupIntegrationNames:["groupName1","groupName2","groupName3"],menus:["menu1","menu2"],menuPermissions:[{menuName:"menu1",permissions:["add","edit","delete"]},{menuName:"menu2",permissions:["view","add","edit"]}],attachmentToken:{token:"DOWNLOADS_AEB496F6DED34FFF93F668412E3CDD38",expire:"2018-09-21 09:00:00"}},this.config=t.getConfig(),this.verifyTokenUrl=w.get(this.config,"apiServers.portal-backend.verifyToken"),this.downloadTokenUrl=w.get(this.config,"apiServers.portal-backend.downloadToken")}return e.prototype.verify=function(){var t=this,e={microIntegrationName:w.get(this.config,"microIntegrationName")};return this.http.post(this.verifyTokenUrl,e,this.jwt()).map(function(e){return 2e4==+(e=e.json()).resultCode&&(t.verifyToken=e.resultData,t._verifyToken.next(e.resultData)),e})["catch"](function(e){return d.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.subscribeVerifyToken=function(){return this._verifyToken.asObservable()},e.prototype.getVerifyToken=function(){return this._verifyToken.getValue()},e.prototype.checkSession=function(e){console.log("checkSession");var t=sessionStorage.getItem("token");window.parent.postMessage(JSON.stringify({command:"checkSession",message:t,userMessage:e||"Unknow"}),"*"),console.log("checkSession",JSON.stringify({command:"checkSession",message:t,userMessage:e||"Unknow"}))},e.prototype.isCheckGroup=function(e){var t,a,i=[];try{for(var n=Y(this.verifyToken.menuPermissions),o=n.next();!o.done;o=n.next()){var l=o.value,r=(l.url||"").split("?");r=0<r.length?r[0].split("/"):[];for(var s=void 0,d=0;d<=r.length;d++)if("#"===r[d]){s=r[d+1];break}s===e.route&&(i=l.permissions)}}catch(c){t={error:c}}finally{try{o&&!o.done&&(a=n["return"])&&a.call(n)}finally{if(t)throw t.error}}return 0!==w.intersection(i,e.component).length},e.prototype.isCheckGuard=function(e){return 0!==w.intersection(this.verifyToken.menus,[e]).length},e.prototype.verifyDemo=function(){var e=sessionStorage.getItem("token");return e&&"demo"===e?E.of({resultCode:"20000",resultDescription:"Success",resultData:{b2bToken:"$b2bToken"}}).toPromise():E.of({resultCode:"40000",resultDescription:""}).toPromise()},e.prototype.jwt=function(){var e=sessionStorage.getItem("token");if(e){var t=new _.Headers({Authorization:"Bearer "+e,"Content-Type":"application/json","x-token":"1"});return new _.RequestOptions({headers:t})}},e.prototype.getAttachmentToken=function(){return R(this,void 0,void 0,function(){var t,a,i,n;return V(this,function(e){switch(e.label){case 0:return t=new Date,a=new Date(this.verifyToken.attachmentToken.expire),t<=a?[2,this.verifyToken.attachmentToken.token]:[3,1];case 1:return e.trys.push([1,3,,4]),[4,this.http.post(this.downloadTokenUrl,{},this.jwt()).map(function(e){return e.json()})["catch"](function(e){return d.Observable["throw"](e.json().error||"Server error")}).toPromise()];case 2:return 2e4==+(i=e.sent()).resultCode?(this.verifyToken.attachmentToken=i.resultData,[2,i.resultData.token]):[2,""];case 3:return n=e.sent(),console.log("error ",n),[2,""];case 4:return[2]}})})},e.prototype.isCheckGuardRoutePath=function(e){var t,a;try{for(var i=Y(this.verifyToken.menuPermissions),n=i.next();!n.done;n=i.next()){var o=(n.value.url||"").split("?");o=0<o.length?o[0].split("/"):[];for(var l=void 0,r=0;r<=o.length;r++)if("#"===o[r]){l=o[r+1];break}if(l===e)return!0}}catch(s){t={error:s}}finally{try{n&&!n.done&&(a=i["return"])&&a.call(i)}finally{if(t)throw t.error}}return!1},e.decorators=[{type:T.Injectable}],e.ctorParameters=function(){return[{type:_.Http},{type:L}]},e}(),U=function(){function e(e,t,a,i,n,o){this.appConfigService=e,this.httpClient=t,this.http=a,this.router=i,this.common=n,this.b2bService=o,this.config=e.getConfig(),this.api=w.get(this.config,"apiServers.tomcat.url"),this.system_id=w.get(this.config,"system_id")}return e.prototype.getCustomStore=function(e){var a=this,t=e.url||"",i=e.filter||{},n=e.loadMode||"processed",o=new _.URLSearchParams;for(var l in i)"filter"===l?"{}"!==i[l]&&o.set(l,i[l]):o.set(l,i[l]);console.log("​Request -> getCustomStore -> params",o);var r=this.b2bService.getVerifyToken(),s={system_id:this.system_id,department:r.phoneBookData&&0<r.phoneBookData.length?r.phoneBookData[0].dept:"",username:r.username},d=new _.Headers;d.append("x-Token","1"),d.append("x-user-data",this.utoa(JSON.stringify(s)));var c=new _.RequestOptions({headers:d,withCredentials:!0});return c.search=o,this.http.get(this.api+t,c).map(function(e){var t=e.json();return console.log("​Request -> getCustomStore -> resData",t),"processed"===n?a.fnHandleResponseProcessedMode(t):a.fnHandleResponseRawMode(t)}).toPromise()["catch"](function(e){return console.log("​Request -> getCustomStore -> error",e),"processed"===n?a.fnHandleErrorProcessedMode(e):a.fnHandleErrorRawMode(e)})},e.prototype.postCustomStore=function(d){return R(this,void 0,void 0,function(){var t,a,i,n,o,l,r,s=this;return V(this,function(e){return t=d.url||"",a=JSON.parse(JSON.stringify(d.filter,this.common.replacer))||{},i=d.loadMode||"processed",n=this.b2bService.getVerifyToken(),o={system_id:this.system_id,department:n.phoneBookData&&0<n.phoneBookData.length?n.phoneBookData[0].dept:"",username:n.username},(l=new _.Headers).append("x-Token","1"),l.append("x-user-data",this.utoa(JSON.stringify(o))),r=new _.RequestOptions({headers:l,withCredentials:!0}),[2,this.http.post(this.api+t,a,r).map(function(e){var t=e.json();return console.log("​Request -> getCustomStore -> resData",t),"processed"===i?s.fnHandleResponseProcessedMode(t):s.fnHandleResponseRawMode(t)}).toPromise()["catch"](function(e){return console.log("​Request -> getCustomStore -> error",e),"processed"===i?s.fnHandleErrorProcessedMode(e):s.fnHandleErrorRawMode(e)})]})})},e.prototype.postCustomStore31=function(d){return R(this,void 0,void 0,function(){var t,a,i,n,o,l,r,s=this;return V(this,function(e){return t=d.url||"",a=JSON.parse(JSON.stringify(d.filter,this.common.replacer))||{},i=d.loadMode||"processed",n=this.b2bService.getVerifyToken(),o={system_id:31,department:n.phoneBookData&&0<n.phoneBookData.length?n.phoneBookData[0].dept:"",username:n.username},(l=new _.Headers).append("x-Token","1"),l.append("x-user-data",this.utoa(JSON.stringify(o))),r=new _.RequestOptions({headers:l,withCredentials:!0}),[2,this.http.post(this.api+t,a,r).map(function(e){var t=e.json();return console.log("​Request -> getCustomStore -> resData",t),"processed"===i?s.fnHandleResponseProcessedMode(t):s.fnHandleResponseRawMode(t)}).toPromise()["catch"](function(e){return console.log("​Request -> getCustomStore -> error",e),"processed"===i?s.fnHandleErrorProcessedMode(e):s.fnHandleErrorRawMode(e)})]})})},e.prototype.fnHandleErrorProcessedMode=function(e){return console.error("ERROR "+e),{data:[],totalCount:0}},e.prototype.fnHandleErrorRawMode=function(e){return console.error("ERROR "+e),[]},e.prototype.get=function(e,t){var a=this,i=new _.URLSearchParams;for(var n in t)"filter"===n?"{}"!==t[n]&&i.set(n,t[n]):i.set(n,t[n]);console.log("​Request -> getCustomStore -> params",i);var o=this.b2bService.getVerifyToken(),l={system_id:this.system_id,department:o.phoneBookData&&0<o.phoneBookData.length?o.phoneBookData[0].dept:"",username:o.username},r=new _.Headers;r.append("x-Token","1"),r.append("x-user-data",this.utoa(JSON.stringify(l))),r.append("Authorization","Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6IlRlc3QiLCJzZXNzaW9uSWQiOiJjNzQwNDdiZi1jNGUwLTQxOTMtOTRiNy1jOGI4M2ViYjhlMGMiLCJpYXQiOjE1NDM5NDYyNDYsImV4cCI6MTU0NDU1MTA0Nn0.5y9f2ZYieRZHhGIMTryxuvsAjJYzvFnWnpcYLk1hSXw");var s=new _.RequestOptions({headers:r,withCredentials:!0});return s.search=i,this.http.get(this.api+e,s).map(function(e){var t=e.json();return a.fnHandleResponse(t)})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.get31=function(e,t){var a=this,i=new _.URLSearchParams;for(var n in t)"filter"===n?"{}"!==t[n]&&i.set(n,t[n]):i.set(n,t[n]);console.log("​Request -> getCustomStore -> params",i);var o=this.b2bService.getVerifyToken(),l={system_id:31,department:o.phoneBookData&&0<o.phoneBookData.length?o.phoneBookData[0].dept:"",username:o.username},r=new _.Headers;r.append("x-Token","1"),r.append("x-user-data",this.utoa(JSON.stringify(l))),r.append("Authorization","Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6IlRlc3QiLCJzZXNzaW9uSWQiOiJjNzQwNDdiZi1jNGUwLTQxOTMtOTRiNy1jOGI4M2ViYjhlMGMiLCJpYXQiOjE1NDM5NDYyNDYsImV4cCI6MTU0NDU1MTA0Nn0.5y9f2ZYieRZHhGIMTryxuvsAjJYzvFnWnpcYLk1hSXw");var s=new _.RequestOptions({headers:r,withCredentials:!0});return s.search=i,this.http.get(this.api+e,s).map(function(e){var t=e.json();return a.fnHandleResponse(t)})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.getCustom=function(e,t){var a=this;t||(t=new _.Headers);var i=new _.RequestOptions({headers:t});return this.http.get(e,i).map(function(e){var t=e.json();return a.fnHandleResponse(t)})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.getRawResponse=function(e,t){t||(t=new _.Headers);var a=new _.RequestOptions({headers:t});return this.http.get(e,a).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype["delete"]=function(e,t){var a=new _.URLSearchParams;for(var i in t)"filter"===i?"{}"!==t[i]&&a.set(i,t[i]):a.set(i,t[i]);console.log("​Request -> getCustomStore -> params",a);var n=this.b2bService.getVerifyToken(),o={system_id:this.system_id,department:n.phoneBookData&&0<n.phoneBookData.length?n.phoneBookData[0].dept:"",username:n.username},l=new _.Headers;l.append("x-Token","1"),l.append("x-user-data",this.utoa(JSON.stringify(o)));var r=new _.RequestOptions({headers:l,withCredentials:!0});return r.search=a,this.http["delete"](this.api+e,r).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.post=function(e,t){t=JSON.parse(JSON.stringify(t,this.common.replacer)),console.log("​post -> data",t),console.log("​post -> data",typeof t);new _.URLSearchParams;var a=this.b2bService.getVerifyToken(),i={system_id:this.system_id,department:a.phoneBookData&&0<a.phoneBookData.length?a.phoneBookData[0].dept:"",username:a.username},n=new _.Headers;n.append("x-Token","1"),n.append("x-user-data",this.utoa(JSON.stringify(i))),n.append("Content-Type","application/json");var o=new _.RequestOptions({headers:n,withCredentials:!0});return this.http.post(this.api+e,t,o).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.post31=function(e,t){t=JSON.parse(JSON.stringify(t,this.common.replacer)),console.log("​post -> data",t),console.log("​post -> data",typeof t);new _.URLSearchParams;var a=this.b2bService.getVerifyToken(),i={system_id:31,department:a.phoneBookData&&0<a.phoneBookData.length?a.phoneBookData[0].dept:"",username:a.username},n=new _.Headers;n.append("x-Token","1"),n.append("x-user-data",this.utoa(JSON.stringify(i))),n.append("Content-Type","application/json");var o=new _.RequestOptions({headers:n,withCredentials:!0});return this.http.post(this.api+e,t,o).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.post14=function(e,t){t=JSON.parse(JSON.stringify(t,this.common.replacernotrim)),console.log("​post -> data",t),console.log("​post -> data",typeof t);new _.URLSearchParams;var a=this.b2bService.getVerifyToken(),i={system_id:this.system_id,department:a.phoneBookData&&0<a.phoneBookData.length?a.phoneBookData[0].dept:"",username:a.username},n=new _.Headers;n.append("x-Token","1"),n.append("x-user-data",this.utoa(JSON.stringify(i))),n.append("Content-Type","application/json");var o=new _.RequestOptions({headers:n,withCredentials:!0});return this.http.post(this.api+e,t,o).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.postCustom=function(e,t,a){console.log("​post -> data",t),console.log("​post -> data",typeof t),a||(a=new _.Headers).append("Content-Type","application/json");var i=new _.RequestOptions({headers:a,withCredentials:!0});return this.http.post(e,t,i).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.put=function(e,t){new _.URLSearchParams;var a=this.b2bService.getVerifyToken(),i={system_id:this.system_id,department:a.phoneBookData&&0<a.phoneBookData.length?a.phoneBookData[0].dept:"",username:a.username},n=new _.Headers;n.append("x-Token","1"),n.append("x-user-data",this.utoa(JSON.stringify(i))),n.append("Content-Type","application/json");var o=new _.RequestOptions({headers:n,withCredentials:!0});return this.http.put(this.api+e,t,o).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()},e.prototype.fnHandleResponseProcessedMode=function(e){var t={data:[],totalCount:0},a="",i=[],n=0;return o.array(e)?(i=e,n=w.size(i)):(a=e.resultCode||"",e.resultDescription||"",i=e.resultData||[],n=e.rowCount||0),a===B.ERROR?console.log("​fnHandleResponseProcessedMode -> RESULT_CODE.ERROR",B.ERROR):a===B.NOT_FOUND?console.log("​fnHandleResponseProcessedMode -> RESULT_CODE.NOT_FOUND",B.NOT_FOUND):(t.data=i,t.totalCount=n),t},e.prototype.fnHandleResponseRawMode=function(e){var t="",a=[];return o.array(e)?a=e:(t=e.resultCode||"",e.resultDescription||"",a=e.resultData||[]),t===B.ERROR?(alert("ERROR:"+B.ERROR),[]):t===B.NOT_FOUND?(alert("ERROR:"+B.NOT_FOUND),[]):a},e.prototype.fnHandleResponse=function(e){var t="",a=[];return o.array(e)?a=e:e.data&&o.array(e.data)?a=e.data:(t=e.resultCode||"",e.resultDescription||"",a=e.resultData||[]),t===B.ERROR?(console.log("​fnHandleResponse -> RESULT_CODE.ERROR",B.ERROR),[]):t===B.NOT_FOUND?(console.log("​fnHandleResponse -> RESULT_CODE.NOT_FOUND",B.NOT_FOUND),[]):a},e.prototype.getDropDown=function(n,o,l){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,5,,6]),t={filter:{system_id:n,dropdown_type:o,code:l},limit:1e3,offset:0,order_by:["id asc"]},a=w.get(this.config,"apiServers.tomcat.api.ct_dropdown_search"),31!==n?[3,2]:[4,this.post31(a,t)];case 1:return[2,e.sent().resultData];case 2:return[4,this.post(a,t)];case 3:return[2,e.sent().resultData];case 4:return[3,6];case 5:return i=e.sent(),console.log("catch -> error",i),[2,[]];case 6:return[2]}})})},e.prototype.getDepartment=function(n){return void 0===n&&(n=0),R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t={filter:{ref_department_id:n},limit:1e3,offset:0,order_by:["name asc"]},a=w.get(this.config,"apiServers.tomcat.api.ct_department_search"),[4,this.post(a,t)];case 1:return[2,e.sent().resultData];case 2:return i=e.sent(),console.log("catch -> error",i),[2,[]];case 3:return[2]}})})},e.prototype.getExtDepartment=function(){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t={filter:{},limit:1e3,offset:0,order_by:["name asc"]},a=w.get(this.config,"apiServers.tomcat.api.ct_ext_department_search"),[4,this.post(a,t)];case 1:return[2,e.sent().resultData];case 2:return i=e.sent(),console.log("catch -> error",i),[2,[]];case 3:return[2]}})})},e.prototype.getCategory=function(n){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t=w.get(this.config,"apiServers.tomcat.api.ct_category"),a="?_where=(system_id,eq,"+n+")&_sort=seq_no",[4,this.get(t+a)];case 1:return[2,e.sent()];case 2:return i=e.sent(),console.log("catch -> error",i),[2,[]];case 3:return[2]}})})},e.prototype.getStepName=function(n){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t=w.get(this.config,"apiServers.tomcat.api.ct_step"),a="?_where=(category_id,eq,"+n+")&_sort=seq_no",[4,this.get(t+a)];case 1:return[2,e.sent()];case 2:return i=e.sent(),console.log("catch -> error",i),[2,[]];case 3:return[2]}})})},e.prototype.getAttachment=function(i){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),(t=new _.Headers).append("Authorization","Basic "+btoa("APPSOC:123456")),[4,this.getCustom(i,t)];case 1:return[2,e.sent()];case 2:return a=e.sent(),console.log("catch -> error",a),[2,a];case 3:return[2]}})})},e.prototype.postAttachment=function(i,n){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),(t=new _.Headers).append("Authorization","Basic "+btoa("APPSOC:123456")),t.append("test","test"),[4,this.postCustom(i,n,t)];case 1:return[2,e.sent()];case 2:return a=e.sent(),console.log("catch -> error",a),[2,a];case 3:return[2]}})})},e.prototype.getUserLevel=function(){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t={filter:{},limit:1e3,offset:0,order_by:["level asc"]},a=w.get(this.config,"apiServers.tomcat.api.ct_user_level_search"),[4,this.post(a,t)];case 1:return[2,e.sent()];case 2:return i=e.sent(),console.log("catch -> error",i),[2,[]];case 3:return[2]}})})},e.prototype.multipleDeleteMain=function(m,h){return R(this,void 0,void 0,function(){var a,i,n,o,l,r,s,d,c,p;return V(this,function(e){switch(e.label){case 0:e.trys.push([0,2,,3]),n="/"+m.split("_")[0]+"/main",(o={})[m]=[];try{for(l=Y(h),r=l.next();!r.done;r=l.next())s=r.value,d={id:s,action:"delete"},o[m].push(d)}catch(t){a={error:t}}finally{try{r&&!r.done&&(i=l["return"])&&i.call(l)}finally{if(a)throw a.error}}return[4,this.post(n,[o])];case 1:return 2e4===(c=e.sent()).resultCode&&(h=[]),[2,c];case 2:return p=e.sent(),console.log("catch -> error",p),[2,[]];case 3:return[2]}})})},e.prototype.getAttachmentLinkToken=function(t){return R(this,void 0,void 0,function(){return V(this,function(e){return[2,t+"?downloadToken="+this.b2bService.getAttachmentToken()+"&inline=true"]})})},e.prototype.checkSpell=function(c,p,m){return R(this,void 0,void 0,function(){var a,i,n,o,l,r,s,d;return V(this,function(e){switch(e.label){case 0:"/spellCheck",n={};try{for(o=Y(p),l=o.next();!l.done;l=o.next())r=l.value,c[r.field]&&(n[r.field]={value:c[r.field],display:r.display})}catch(t){a={error:t}}finally{try{l&&!l.done&&(i=o["return"])&&i.call(o)}finally{if(a)throw a.error}}return[4,this.post("/spellCheck",n)];case 1:return s=e.sent(),d=JSON.parse(s.resultData),0===w.size(d)?[2,!0]:(m.open(d),[2,!1])}})})},e.prototype.getQualification=function(a,i){return R(this,void 0,void 0,function(){var t;return V(this,function(e){return i||(i=new _.Headers),t=new _.RequestOptions({headers:i,withCredentials:!0}),[2,this.http.get(a,t).map(function(e){return e.json()})["catch"](function(e){return E.Observable["throw"](e.json().error||"Server error")}).toPromise()]})})},e.prototype.verifyUserName=function(){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return[4,this.b2bService.verify()];case 1:return 2e4==+(t=e.sent()).resultCode?(a=t.resultData,[2,(a.phoneBookData&&0<a.phoneBookData.length?a.phoneBookData[0]:{}).name]):[2]}})})},e.prototype.utoa=function(e){return window.btoa(unescape(encodeURIComponent(e)))},e.prototype.downloadImgToBase64=function(l){var t=this;return new Promise(function(o,e){return R(t,void 0,void 0,function(){var t,a,i,n;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t={headers:new g.HttpHeaders({Authorization:"Basic "+btoa("APPSOC:123456")})},[4,this.httpClient.get(l,{headers:t.headers,responseType:"blob"}).toPromise()];case 1:return a=e.sent(),(i=new FileReader).readAsDataURL(a),i.onloadend=function(){var e=i.result;o(e)},[3,3];case 2:return n=e.sent(),console.log(n),o(!1),[3,3];case 3:return[2]}})})})},e.prototype.downloadView=function(o){return R(this,void 0,void 0,function(){var t,a,i,n;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),t={headers:new g.HttpHeaders({Authorization:"Basic "+btoa("APPSOC:123456")})},[4,this.httpClient.get(o,{headers:t.headers,responseType:"blob"}).toPromise()];case 1:return a=e.sent(),i=window.URL.createObjectURL(a,{oneTimeOnly:!0}),window.open(i,"_blank"),[3,3];case 2:return n=e.sent(),console.log(n),[3,3];case 3:return[2]}})})},e.prototype.download=function(l){return R(this,void 0,void 0,function(){var t,a,i,n,o;return V(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),(t=window.open()).document.writeln(""),a={headers:new g.HttpHeaders({Authorization:"Basic "+btoa("APPSOC:123456")})},[4,this.httpClient.get(l,{headers:a.headers,responseType:"blob"}).toPromise()];case 1:return i=e.sent(),n=window.URL.createObjectURL(i),t.location.href=n,[3,3];case 2:return o=e.sent(),console.log(o),[3,3];case 3:return[2]}})})},e.decorators=[{type:T.Injectable}],e.ctorParameters=function(){return[{type:L},{type:g.HttpClient},{type:_.Http},{type:D.Router},{type:H},{type:j}]},e}(),W=function(){function e(e,t,a,i,n){var o=this;this.appConfigService=e,this.request=t,this.common=a,this.http=i,this._http=n,this.upLoadType=[{title:"File",type:1},{title:"Link",type:3},{title:"QR Code",type:4}],this.systemId="0",this.RelatedAgency="SOC",this.RecordId="0",this.Subject="-",this.TypeId="0",this.onlyImage=!1,this.uploaded=new T.EventEmitter,this.fileList=[],this.fileNameLink="",this.fileNameLinkError="",this.QrCodeFileName="",this.fileNameQr="",this.fileNameLinkQr="",this.fileNameQrError="",this.filter={},this.uploadHeaders={Authorization:"Basic "+btoa("APPSOC:123456")},this.isLoading=!1,this.isDisabled=!1,this.createAuthorizationHeader=function(e){},this.beforeUpload=function(i,e){return new E.Observable(function(e){var t=i&&-1<["application/pdf","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-excel","application/vnd.msexcel","application/csv","text/csv","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/vnd.openxmlformats-officedocument.presentationml.presentation","text/plain","text/comma-separated-values","text/anytext","image/png","image/jpeg","image/gif","image/bmp"].indexOf(i.type);if(!t)return setTimeout(function(){o.fileList=[{uid:"999",name:"สามารถอัพโหลดได้เฉพาะไฟล์  pdf , png  , jpeg  ,gif , text , word , excel , powerpoint",status:"error",response:"สามารถอัพโหลดได้เฉพาะไฟล์  pdf , png  , jpeg  ,gif , text , word , excel , powerpoint",url:null}]},50),void e.complete();var a=i.size/1024/1024<30;if(!a)return o.fileList=[{uid:"999",name:"File must smaller than 30MB!",status:"error",response:"File must smaller than 30MB!",url:null}],void e.complete();e.next(t&&a),e.complete()})},this.customReq=function(t){var e=new FormData;e.append("FileData",t.file),e.append("SystemId",""+o.systemId),e.append("RelatedAgency",o.RelatedAgency),e.append("RecordId",o.RecordId),e.append("Subject",o.Subject),e.append("TypeId",o.TypeId);var a=new g.HttpHeaders;a=a.set("Authorization","Basic "+btoa("APPSOC:123456"));var i=new g.HttpRequest("POST",t.action,e,{reportProgress:!0,headers:a});return o.http.request(i).subscribe(function(e){e.type===g.HttpEventType.UploadProgress?(0<e.total&&(e.percent=e.loaded/e.total*100),t.onProgress(e,t.file)):e instanceof g.HttpResponse&&(o.fileList&&1<o.fileList.length&&(o.fileList=[o.fileList[o.fileList.length-1]]),o.isDisabled=!1,o.uploaded.emit(e.body),t.onSuccess(e.body,t.file,e))},function(e){console.log(e),t.onError(e,t.file)})},this.config=e.getConfig(),this.url=w.get(this.config,"apiServers.alfresco.url")||"https://portal-uat.soc.go.th/api/mfec/Alfresco",this.uploadUrl=w.get(this.config,"apiServers.alfresco.uploadUrl")||"https://portal-uat.soc.go.th/microservice-api/gen-processed-file/upload-link-server"}return e.prototype.ngOnInit=function(){var a=this;console.log("form",this.form),this.qr=new l,this.qr.callback=function(e,t){console.log("callback"),a.fileNameQrError="";document.querySelector("span")||document.createElement("span");t?(console.log(t.result),t.result&&(a.fileNameLinkQr=t.result,a.uploadLinkQr())):(console.error(e),a.fileNameQrError=a.QrCodeFileName,a.QrCodeFileName="")}},e.prototype.uploadLinkQr=function(){var t=this;this.isLoading=!0,this.fileNameQrError="",this._http.post(this.uploadUrl,{SystemId:""+this.systemId,RelatedAgency:this.RelatedAgency,RecordId:this.RecordId,Subject:this.Subject,TypeId:this.TypeId,link:this.fileNameLinkQr}).map(function(e){return e.json()}).toPromise().then(function(e){console.log(e),t.isLoading=!1,2e4===e.resultCode&&e.data&&e.data.file?(t.fileNameLinkQr="",t.isDisabled=!1,console.log("res.data",e.data.file),t.fileNameQr=e.data.file.fileName,t.uploaded.emit(e.data.file),t.fileNameLink="",t.fileNameLinkError=""):t.fileNameQrError=t.fileNameLinkQr})["catch"](function(e){t.uploaded.emit({}),t.isLoading=!1,t.fileNameQrError=t.fileNameLinkQr,console.log(e)})},e.prototype.btnUpload=function(){var t=this;this.isLoading=!0,this.fileNameLinkError="",this._http.post(this.uploadUrl,{SystemId:""+this.systemId,RelatedAgency:this.RelatedAgency,RecordId:this.RecordId,Subject:this.Subject,TypeId:this.TypeId,link:this.filter.link}).map(function(e){return e.json()}).toPromise().then(function(e){console.log(e),t.isLoading=!1,2e4===e.resultCode&&e.data&&e.data.file?(t.filter={},t.isDisabled=!1,console.log("res.data",e.data.file),t.fileNameLink=e.data.file.fileName,t.uploaded.emit(e.data.file),t.QrCodeFileName="",t.fileNameQr="",t.fileNameLinkQr="",t.fileNameQrError=""):t.fileNameLinkError=t.filter.link})["catch"](function(e){t.uploaded.emit({}),t.isLoading=!1,t.fileNameLinkError=t.filter.link,console.log(e)})},e.prototype.onQrCodeChange=function(){var e=document.getElementById("file-upload").value;if(e){var t=0<=e.indexOf("\\")?e.lastIndexOf("\\"):e.lastIndexOf("/"),a=e.substring(t);0!==a.indexOf("\\")&&0!==a.indexOf("/")||(a=a.substring(1)),this.QrCodeFileName=a}else this.QrCodeFileName="";this.fileNameLinkQr="";document.getElementById("file-upload"),document.getElementById("preview");var i=document.getElementById("file-upload").files;if(i)for(var n,o,l=function(){if(n=i[s],/^image\//.test(n.type)){o=new FileReader;var e=r;o.addEventListener("load",function(){(document.querySelector("img")||document.createElement("img")).src=this.result,e.qr.decode(this.result)}.bind(o),!1),o.readAsDataURL(n)}else r.QrCodeFileName="",r.fileNameQrError="File type not valid",console.log("File type not valid")},r=this,s=0;s<i.length;s++)l()},e.prototype.onUploaded=function(e){console.log("file",e);var t=JSON.parse(e.request.response);this.uploaded.emit(t)},e.prototype.onSelected=function(e){console.log("e",e),console.log("form",this.form),this.form.ngSubmit.emit()},e.prototype.onChange=function(e){e.fileList=[e.file],0===e.fileList&&(this.isDisabled=!1)},e.prototype.clearValue=function(){this.isDisabled=!1,console.log("clearValue"),this.fileList=[],this.fileNameLink="",this.fileNameLinkError="",this.QrCodeFileName="",this.fileNameQr="",this.fileNameLinkQr="",this.fileNameQrError=""},e.decorators=[{type:T.Component,args:[{selector:"upload-attachment",template:'\x3c!--<p-tabView>--\x3e\n    \x3c!--<p-tabPanel header="File">--\x3e\n        \x3c!--<dx-file-uploader selectButtonText="เลือกไฟล์" labelText="" accept="*" uploadMode="useForm" uploadMethod="POST"--\x3e\n                          \x3c!--multiple="true" uploadMode="instantly" labelText="หรือวางไฟล์ที่นี่" uploadUrl="https://filemanager-dot-smartrms-api.appspot.com/api/http/upload"--\x3e\n        \x3c!--&gt;--\x3e\n        \x3c!--</dx-file-uploader>--\x3e\n    \x3c!--</p-tabPanel>--\x3e\n    \x3c!--<p-tabPanel header="Link">--\x3e\n        \x3c!--Content 2--\x3e\n    \x3c!--</p-tabPanel>--\x3e\n    \x3c!--<p-tabPanel header="QR Code">--\x3e\n        \x3c!--Content 3--\x3e\n    \x3c!--</p-tabPanel>--\x3e\n\x3c!--</p-tabView>--\x3e\n\x3c!-- [disabled]="isDisabled" --\x3e\n<dx-tab-panel\n        #tabPanel\n        [items]="upLoadType"\n        [selectedIndex]="0"\n        [loop]="false"\n        [animationEnabled]="false"\n        [swipeEnabled]="false"\n        itemTemplate="itemTemplate"\n>\n    \x3c!--<div *dxTemplate="let type of upLoadType">--\x3e\n        \x3c!--<span>{{type.name.toUpperCase()}}</span>--\x3e\n    \x3c!--</div>--\x3e\n    <div *dxTemplate="let item of \'itemTemplate\'">\n        <div class="tabpanel-item">\n            <div *ngIf="item.type === 1">\n                <div class="col-sm-12" style="text-align: center">\n                    <br>\n                    \x3c!--<form #f="ngForm" action="https://203.154.32.126:2585/api/mfec/Alfresco" method="post" enctype="multipart/form-data">--\x3e\n                        \x3c!--<input type="hidden" name="SystemId" [value]="11">--\x3e\n                        \x3c!--<input type="hidden" name="RelatedAgency" [value]="11">--\x3e\n                        \x3c!--<input type="hidden" name="RecordId" [value]="11">--\x3e\n                        \x3c!--<input type="hidden" name="Subject" [value]="11">--\x3e\n                        \x3c!--<input type="hidden" name="TypeId" [value]="11">--\x3e\n                        \x3c!--<dx-file-uploader [uploadHeaders]="uploadHeaders" selectButtonText="เลือกไฟล์" labelText="" accept="*" uploadMode="useForm" (onValueChanged)="onSelected($event)"--\x3e\n                                          \x3c!--labelText="หรือวางไฟล์ที่นี่">--\x3e\n                        \x3c!--</dx-file-uploader>--\x3e\n                        \x3c!--<input type="submit">--\x3e\n                    \x3c!--</form>--\x3e\n                    <nz-upload *ngIf="!onlyImage" nzType="drag"\n                        [nzAction]="url"\n                        [nzCustomRequest]="customReq"\n                        [nzMultiple]="false"\n                        [(nzFileList)]="fileList"\n                        (nzChange)="onChange($event)"\n                        [nzShowButton]="fileList.length === 0"\n                        [nzBeforeUpload]="beforeUpload">\n                    \x3c!--<nz-upload nzType="drag"--\x3e\n                               \x3c!--nzAction="https://203.154.32.126:2585/api/mfec/Alfresco"--\x3e\n                               \x3c!--&gt;--\x3e\n                        <a nz-button>\n                            <i nz-icon type="upload"></i><span>Click to Upload</span>\n                        </a>\n                    </nz-upload>\n                    <nz-upload *ngIf="onlyImage" nzType="drag"\n                           [nzAction]="url"\n                           [nzCustomRequest]="customReq"\n                           [nzMultiple]="false"\n                           nzFileType="image/png,image/jpeg,image/gif,image/bmp"\n                           [(nzFileList)]="fileList"\n                           (nzChange)="onChange($event)"\n                           [nzBeforeUpload]="beforeUpload">\n                        \x3c!--<nz-upload nzType="drag"--\x3e\n                        \x3c!--nzAction="https://203.154.32.126:2585/api/mfec/Alfresco"--\x3e\n                        \x3c!--&gt;--\x3e\n                        <a nz-button>\n                            <i nz-icon type="upload"></i><span>Click to Upload</span>\n                        </a>\n                    </nz-upload>\n                    <br>\n                </div>\n            </div>\n            <div *ngIf="item.type === 2">\n                <div class="col-sm-10" style="text-align: center">\n                    <br>\n                    <br>\n                </div>\n            </div>\n            <div *ngIf="item.type === 3">\n                <div class="col-sm-12" style="text-align: center">\n                  <div class="row" *ngIf="!uploadUrl" >\n                    <br>\n                    <br>\n                  </div>\n                    <div class="row" *ngIf="uploadUrl" style="height: 100px;">\n                      <div class="col-sm-12" style="padding: 50px;">\n                        <div class="input-group">\n                        <input type="text" class="form-control m-input" placeholder="" [(ngModel)]="filter.link">\n                        <span class="input-group-btn add-bt">\n                          <button type="button" class="btn btn-success btn-md"  (click)="btnUpload()" style="margin: 0px 0px;" [disabled]="isLoading">\n                              Upload\n                          </button>\n                        </span>\n                      </div>\n\n                      <div class="ant-upload-list-item ant-upload-list-item-done" *ngIf="fileNameLink">\n                      <div class="ant-upload-list-item-info">\n                          <i nz-icon="" class="anticon ng-tns-c8-0 anticon-paper-clip" style="position: absolute;left: 0px;"></i>\n                          <span class="ant-upload-list-item-name ng-tns-c8-0 " >{{fileNameLink}}</span>\n                          \x3c!-- <i  type="close" class="anticon ng-tns-c8-0 anticon-close ng-star-inserted" ></i> --\x3e\n                        </div>\n                      </div>\n                      <div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-error" *ngIf="fileNameLinkError">\n                      <div class="ant-upload-list-item-info">\n                          <i nz-icon="" class="anticon ng-tns-c8-0 anticon-paper-clip" style="position: absolute;left: 0px;"></i>\n                          <span class="ant-upload-list-item-name ng-tns-c8-0 " >{{fileNameLinkError}}</span>\n                          <i  type="close" class="anticon ng-tns-c8-0 anticon-close" (click)="fileNameLinkError = \'\'" ></i>\n                        </div>\n                      </div>\n\n\n                  </div>\n                  </div>\n                </div>\n            </div>\n            <div *ngIf="item.type === 4">\n              <div class="col-sm-12" style="text-align: center">\n                <div class="row" *ngIf="!uploadUrl" >\n                  <br>\n                  <br>\n                </div>\n\n                  <div class="row" *ngIf="uploadUrl" style="height: 100px;">\n                    <div class="col-sm-12" style="padding: 50px;">\n                      <div id="preview"></div>\n                      <div class="input-group">\n                            <label for="file-upload" class="custom-file-upload"\n                            style="background-color: #2b3a4a !important;display: inline-block;color: #f5f9e2 !important;padding: 7px 14px;cursor: pointer;">\n                                 Upload\n                            </label>\n                            \x3c!-- --\x3e\n                            <span style="padding: 10px;"> <i  *ngIf="isLoading" class="fa fa-spinner fa-spin" aria-hidden="true" ></i> {{QrCodeFileName}}</span>\n                            <input id="file-upload" type="file" style=" display: none;" (change)="onQrCodeChange()" accept="image/*"/>\n                      </div>\n\n                      <div class="ant-upload-list-item ant-upload-list-item-done" *ngIf="fileNameQr">\n                      <div class="ant-upload-list-item-info">\n                          <i nz-icon="" class="anticon ng-tns-c8-0 anticon-paper-clip" style="position: absolute;left: 0px;"></i>\n                          <span class="ant-upload-list-item-name ng-tns-c8-0 " >{{fileNameQr}}</span>\n                          \x3c!-- <i  type="close" class="anticon ng-tns-c8-0 anticon-close ng-star-inserted" ></i> --\x3e\n                        </div>\n                      </div>\n                      <div class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-error" *ngIf="fileNameQrError">\n                      <div class="ant-upload-list-item-info">\n                          <i nz-icon="" class="anticon ng-tns-c8-0 anticon-paper-clip" style="position: absolute;left: 0px;"></i>\n                          <span class="ant-upload-list-item-name ng-tns-c8-0 " >{{fileNameQrError}}</span>\n                          <i  type="close" class="anticon ng-tns-c8-0 anticon-close" (click)="fileNameQrError = \'\'" ></i>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</dx-tab-panel>\n'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:H},{type:g.HttpClient},{type:_.Http}]},e.propDecorators={form:[{type:T.ViewChild,args:["f"]}],upLoadType:[{type:T.Input}],systemId:[{type:T.Input}],RelatedAgency:[{type:T.Input}],RecordId:[{type:T.Input}],Subject:[{type:T.Input}],TypeId:[{type:T.Input}],onlyImage:[{type:T.Input}],uploaded:[{type:T.Output}]},e}();y.locale("th");var G=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,x.DxFileUploaderModule,x.DxTemplateModule,x.DxTabPanelModule,S.AutoCompleteModule,S.TabViewModule,I.FormsModule,x.DxButtonModule,C.NgZorroAntdModule],exports:[W],providers:[],declarations:[W]}]}],e}(),X=function(){function e(e,t,a,i){this.appConfigService=e,this.request=t,this.common=a,this.b2b=i,this.mode="CREATE",this.columns=["ลำดับที่","ผู้แก้ไข","วันที่","สถานะการติดตาม","หมายเหตุ"],this.stepList=[],this.dxgridPageSize=10,this.allowedPageSizes1=10,this.allowedPageSizes2=25,this.allowedPageSizes3=50,this.allowedPageSizes4=100,this.customers=[],this.lastStep="",this.config=e.getConfig()}return e.prototype.ngOnInit=function(){var e=this;setTimeout(function(){return R(e,void 0,void 0,function(){var t;return V(this,function(e){switch(e.label){case 0:return[4,(t=this).b2b.getAttachmentToken()];case 1:return t.downloadToken=e.sent(),[2]}})})},500),"CREATE"!==this.mode&&this.getStepList()},e.prototype.getStepList=function(){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return console.log("getStepList",this.stepList),t={filter:{ref_table:"="+this.option.data.ref_table,ref_id:this.option.data.ref_id,system_id:this.option.data.system_id},order_by:["step_date desc"]},[4,this.request.post("/search/ct_step_data",t)];case 1:return a=e.sent(),this.stepList=a.resultData,this.stepList&&0<this.stepList.length&&(this.lastStep=this.stepList[0].name),console.log("getStepList",this.stepList),[2]}})})},e.prototype.addStepList=function(e){var t=this.b2b.getVerifyToken();e.username=t.username,this.stepList.push(e),console.log("getStepList",this.stepList)},e.prototype.getRowIndex=function(e){return e.data?(this.dxDataGridStepList.instance.option("paging.pageIndex")||0)*this.dxDataGridStepList.instance.option("paging.pageSize")+(e.row.dataIndex+1):""},e.prototype.view=function(e){var t={option:this.option,data:e,downloadToken:this.downloadToken};this.modalStepView.open(t)},e.prototype.getLastStep=function(){return this.lastStep},e.prototype.onCellPrepared=function(e){"data"===e.rowType&&(e.cellElement.accessKey=e.column.caption)},e.decorators=[{type:T.Component,args:[{selector:"soc-step-list",template:'<div class="col-sm-12">\n    \x3c!--[selectedRowKeys]="selectRowKeyId" (onInitialized)="onInitialized($event)" (onSelectionChanged)="selectRow($event)"--\x3e\n    <div class="table-responsive table-wrapper">\n      \x3c!--<dx-data-grid #dxDataGridStepList id="dxDataGridStepList" [dataSource]="ds" [hoverStateEnabled]="true" noDataText=""--\x3e\n                    \x3c!--showBorders="true" [rowAlternationEnabled]="true" [columnAutoWidth]="true"--\x3e\n                    \x3c!--[columns]="columns"--\x3e\n                    \x3c!--class="card-list-table"--\x3e\n                    \x3c!--[allowColumnResizing]="true"--\x3e\n                    \x3c!--[allowColumnReordering]="true"--\x3e\n                    \x3c!--[wordWrapEnabled]="true"--\x3e\n                    \x3c!--[columnMinWidth]="\'100%\'" class="card-list-table">--\x3e\n        \x3c!--<dxo-paging [pageSize]="dxgridPageSize"></dxo-paging>--\x3e\n        \x3c!--<dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[allowedPageSizes1, allowedPageSizes2, allowedPageSizes3, allowedPageSizes4]"--\x3e\n                   \x3c!--[showInfo]="false" [visible]="true" [showNavigationButtons]="true">--\x3e\n        \x3c!--</dxo-pager>--\x3e\n        \x3c!--<dxo-scrolling showScrollbar="always"></dxo-scrolling>--\x3e\n        \x3c!--<dxo-remote-operations [sorting]="true" [paging]="true">--\x3e\n        \x3c!--</dxo-remote-operations>--\x3e\n      \x3c!--</dx-data-grid>--\x3e\n      <dx-data-grid #dxDataGridStepList\n            id="gridContainer" noDataText="" showBorders="true" class="card-list-table"\n            (onCellPrepared)="onCellPrepared($event)" [dataSource]="stepList"\n            [hoverStateEnabled]="true" [rowAlternationEnabled]="true" [columnAutoWidth]="false"\n            [allowColumnResizing]="true" [allowColumnReordering]="true" [wordWrapEnabled]="false"\n            [showBorders]="true">\n            <dxi-column caption="ลำดับที่" [allowSorting]="false" cellTemplate="cellTemplate" alignment="center" [width]="70"></dxi-column>\n            <dxi-column caption="จัดการ" [allowSorting]="false" cellTemplate="cellTemplateAction" alignment="center" [width]="70"></dxi-column>\n            <dxi-column dataField="username" caption="ผู้ดำเนินการ"></dxi-column>\n            <dxi-column dataField="step_date" [caption]="option.data.system_id === 161?\'วันที่\':\'วันที่ดำเนินการ\'" dataType="date" alignment="center" [width]="100"></dxi-column>\n            <dxi-column dataField="step_name" caption="สถานะการติดตาม"></dxi-column>\n            <dxi-column dataField="remark" caption="หมายเหตุ"></dxi-column>\n            <dxo-paging [pageSize]="dxgridPageSize"></dxo-paging>\n            <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[allowedPageSizes1, allowedPageSizes2, allowedPageSizes3, allowedPageSizes4]"\n            [showInfo]="false" [visible]="true" [showNavigationButtons]="true">\n            </dxo-pager>\n            <dxo-state-storing [enabled]="true" type="localStorage" storageKey="stepListDataGrid"></dxo-state-storing>\n            <div *dxTemplate="let data of \'cellTemplate\'">\n              {{getRowIndex(data)}}\n            </div>\n            <div *dxTemplate="let data of \'cellTemplateAction\'">\n              <a id="btnView" (click)="view(data.data)" class="btn btn-default btn-sm icon" data-toggle="tooltip" data-placement="top" title="ดูข้อมูล"><i class="fal fa-eye"></i></a>\n            </div>\n      </dx-data-grid>\n    </div>\n</div>\x3c!--End col-sm-12--\x3e\n\x3c!--<modal-step #modalStep (onUpdateModal)=\'getStepList()\' (onCreateModal)="addStepList($event)" [mode]="mode"></modal-step>--\x3e\n<modal-step-view #modalStepView ></modal-step-view>\n'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:H},{type:j}]},e.propDecorators={mode:[{type:T.Input}],option:[{type:T.Input}],dxDataGridStepList:[{type:T.ViewChild,args:["dxDataGridStepList"]}],modalStepView:[{type:T.ViewChild,args:["modalStepView"]}]},e}(),J=function(){function e(e,t){this.request=e,this.common=t,this.onUpdateModal=new T.EventEmitter,this.submitted=!1,this.title="สถานะขั้นตอน",this.selectList=[],this.list=[],this.modalConfig={ignoreBackdropClick:!0},this.selectedStep={},this.isMore=!1,this.moreField=[],this.stepData={},this.lastStep="",this.stepName="",this.isSend=!1,this.isRecieve=!1,this.sendList=[],this.recieveList=[]}return e.prototype.ngOnInit=function(){},e.prototype.open=function(c){return R(this,void 0,void 0,function(){var t,a,i,n,o,l,r,s,d;return V(this,function(e){switch(e.label){case 0:return console.log(c),this.stepData={},c?(this.title=c.option.title||"สถานะขั้นตอน",this.stepName=c.data.step_name||"",this.stepData=JSON.parse(JSON.stringify(c.data)),this.downloadToken=c.downloadToken,this.stepData.step_id?[4,(t=this).request.get("/db/ct_step?_where=(id,eq,"+this.stepData.step_id+")")]:[3,11]):[3,11];case 1:if(t.selectList=e.sent(),!(a=this.selectList[0]).flag)return[3,6];i=0,e.label=2;case 2:return i<a.flag.length?(n=a.flag.charAt(i),[4,this.request.get("/db/ct_step_flag?_where=(flag,eq,"+n+")")]):[3,5];case 3:o=e.sent(),l=o[0],this.moreField.push(l),e.label=4;case 4:return i++,[3,2];case 5:return this.isMore=!0,[3,11];case 6:return this.isMore=!1,8!==a.type_id&&13!==a.type_id?[3,8]:(s={filter:{ct_step_data_id:this.stepData.id},order_by:["is_important","send_book_no","created_at"]},[4,this.request.post("/search/v_ct_step_sent",s)]);case 7:return r=e.sent(),this.sendList=r.resultData,this.isSend=!0,this.isRecieve=!1,[3,11];case 8:return 9!==a.type_id&&14!==a.type_id?[3,10]:(s={filter:{ct_step_data_id:this.stepData.id},order_by:["is_important","send_book_no","created_at"]},[4,this.request.post("/search/v_ct_step_sent",s)]);case 9:return d=e.sent(),this.recieveList=d.resultData,this.isRecieve=!0,this.isSend=!1,[3,11];case 10:this.isRecieve=!1,this.isSend=!1,e.label=11;case 11:return this.modal.show(),[2]}})})},e.prototype.closeModal=function(){this.submitted=!1,this.selectList=[],this.list=[],this.selectedStep={},this.isMore=!1,this.isSend=!1,this.isRecieve=!1,this.moreField=[],this.stepData={},this.lastStep="",this.modal.hide()},e.prototype.getFieldId=function(e){var t="";return"text"===e.type?t+="txtView":"datetime"===e.type&&(t+="txtView"),t+=e.field_name.charAt(0).toLocaleUpperCase()+e.field_name.substring(1)},e.prototype.getRowIndex=function(e){return e.data?e.row.dataIndex+1:""},e.prototype.onCellPrepared=function(e){if("data"===e.rowType)for(var t in e.component.columns)e.column.dataField===e.component.columns[t]&&(e.cellElement.accessKey=e.component.columns[t])},e.prototype.isImportant=function(e){return e.is_important?"สำคัญ":""},e.prototype.getImageLink=function(e){return e.url+"?downloadToken="+this.downloadToken},e.decorators=[{type:T.Component,args:[{selector:"modal-step-view",template:'<div class="modal fade" bsModal #modal="bs-modal" [config]="{backdrop: \'static\'}"\n     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name">\n    <div class="modal-dialog modal-lg">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-name" class="modal-title pull-left"><label>{{title}}</label></h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <div class="row">\n                    <div class="col-lg-12">\n                        <div class="m-portlet__body">\n                            <div class="row">\n                                \x3c!-- สถานะใหม่ --\x3e\n                                \x3c!--<div class="col-sm-2">--\x3e\n                                    \x3c!--<span>สถานะ :</span>--\x3e\n                                \x3c!--</div>--\x3e\n                                <div class="col-sm-6">\n                                    <label class="control-label">สถานะการติดตาม</label>\n                                    <input type="text" class="form-control m-input" id="txtViewStepName" [(ngModel)]="stepName" disabled>\n                                </div>\n                                \x3c!-- วันดำเนินการ --\x3e\n                                \x3c!--<div class="col-sm-2">--\x3e\n                                    \x3c!--<span>วันดำเนินการ :</span>--\x3e\n                                \x3c!--</div>--\x3e\n                                <div class="col-sm-6">\n                                    <label class="control-label">วันดำเนินการ</label>\n                                    <soc-date-box [id]="\'txtStepDate\'" [(value)]="stepData.step_date" [disabled]="true"></soc-date-box>\n                                </div>\n                            </div>\n                            <div class="row" *ngIf="stepData.system_id === 23">\n                                <div class="col-sm-6">\n                                    <label class="control-label">เลขที่รับ สลค.</label>\n                                    <input type="text" class="form-control m-input" id="soc_recv_no" [(ngModel)]="stepData.soc_recv_no" [disabled]="true">\n                                </div>\n                                <div class="col-sm-6">\n                                    <label class="control-label">วันที่รับ สลค.</label>\n                                    <soc-date-box [id]="\'soc_recv_date\'" [(value)]="stepData.soc_recv_date"[disabled]="true" ></soc-date-box>\n                                </div>\n                                <br>\n                            </div>\n                            <div class="row" *ngIf="stepData.system_id === 23">\n                                <div class="col-sm-6">\n                                    <label class="control-label">เลขที่รับ กอค.</label>\n                                    <input type="text" class="form-control m-input" id="gtc_recv_no" [(ngModel)]="stepData.gtc_recv_no" [disabled]="true">\n                                </div>\n                                <div class="col-sm-6">\n                                    <label class="control-label">วันที่รับ กอค.</label>\n                                    <soc-date-box [id]="\'gtc_recv_date\'" [(value)]="stepData.gtc_recv_date" [disabled]="true" ></soc-date-box>\n                                </div>\n                                <br>\n                            </div>\n\n                            <div class="row" *ngIf="stepData.system_id === 23">\n                              <div class="col-sm-6">\n                                  <label class="control-label">เลขที่หนังสือ</label>\n                                  <input type="text" class="form-control m-input" id="book_no" [(ngModel)]="stepData.book_no" [disabled]="true">\n                              </div>\n                              <div class="col-sm-6">\n                                  <label class="control-label">ลงวันที่</label>\n                                  \x3c!-- <input type="text" class="form-control m-input" id="book_date" [(ngModel)]="stepData.book_date" [disabled]="true"> --\x3e\n                                  <soc-date-box [id]="\'book_date\'"  [(value)]="stepData.book_date" [disabled]="true"></soc-date-box>\n                              </div>\n                                <br>\n                            </div>\n\n                            <div class="row" *ngIf="stepData.system_id === 23">\n                                <div class="col-sm-6">\n                                    <label class="control-label">เรียน</label>\n                                    <input type="text" class="form-control m-input" id="for" [(ngModel)]="stepData.for" [disabled]="true">\n                                </div>\n                                <br>\n                            </div>\n                            <div class="row" *ngIf="stepData.system_id === 23">\n                                <div class="col-sm-6">\n                                    <label class="control-label">กระทรวง</label>\n                                    <input type="text" class="form-control m-input" id="for" [(ngModel)]="stepData.ministry" [disabled]="true">\n                                    \x3c!-- <soc-auto-complete-2 [id]="\'ministry\'"  mode="local"\n                                      [api]="\'/db/ct_ext_department\'" [acceptCustomValue]="false" field="name" fieldApi="id,name,code,type"\n                                      [filter]="\'&_where=(type,in,1,9)\'" (valueSelete)="valueSeleteMinistry($event)"\n                                      [(value)]="stepData.ministry" [(ngModel)]="stepData.ministry" [disabled]="true">\n                                    </soc-auto-complete-2> --\x3e\n                                </div>\n                                <div class="col-sm-6">\n                                    <label class="control-label">กรม</label>\n                                    <div>\n                                      <input type="text" class="form-control m-input" id="for" [(ngModel)]="stepData.dept_name" [disabled]="true">\n                                    \x3c!-- <soc-auto-complete-2 [acceptCustomValue]="false" [id]="\'dept_name\'"\n                                      mode="local" [filter]="filter_ref_ext_department_id"\n                                       [api]="\'/db/ct_ext_department\'" field="name"\n                                      fieldApi="id,name,code,type" [(value)]="stepData.dept_name" (valueSelete)="valueSeleteDeptName($event)"\n                                      [(ngModel)]="stepData.dept_name"  [disabled]="true">\n                                    </soc-auto-complete-2> --\x3e\n                                    </div>\n                                </div>\n                            </div>\n\n                            <br>\n                            <div class="row">\n                                \x3c!--<div class="col-sm-2">--\x3e\n                                \x3c!--<span>เอกสารแนบ :</span>--\x3e\n                                \x3c!--</div>--\x3e\n                                <div class="col-sm-12">\n                                    <label class="control-label">เอกสารแนบ</label>\n                                    <br>\n                                    <a [href]="getImageLink(stepData)" target="_blank">{{stepData.url}}</a>\n                                </div>\n                            </div>\n                            <br>\n                            \x3c!-- หมายเหตุ --\x3e\n                            <div class="row">\n                                \x3c!--<div class="col-sm-2">--\x3e\n                                    \x3c!--<span>หมายเหตุ :</span>--\x3e\n                                \x3c!--</div>--\x3e\n                                <div class="col-sm-12">\n                                    <label class="control-label">หมายเหตุ</label>\n                                    <textarea class="form-control m-input" id="txtViewRemark" rows="3" [(ngModel)]="stepData.remark" disabled></textarea>\n                                </div>\n                            </div>\n                            <br>\n                            <div *ngIf="isMore">\n                                <div *ngFor="let field of moreField; let i=index">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>{{field.display_name}} :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div *ngIf="field.type === \'text\'">\n                                            <div class="col-sm-12">\n                                                <label class="control-label">{{field.display_name}}</label>\n                                                <input type="text" class="form-control m-input" [id]="getFieldId(field)" [(ngModel)]="stepData[field.field_name]" disabled>\n                                            </div>\n                                        </div>\n                                        \x3c!-- field เพิ่มเติม type datetime --\x3e\n                                        <div *ngIf="field.type === \'datetime\'">\n                                            <div class="col-sm-6">\n                                                <label class="control-label">{{field.display_name}}</label>\n                                                <soc-date-box  [id]="getFieldId(field)" [(value)]="stepData[field.field_name]" [disabled]="true"></soc-date-box>\n                                            </div>\n                                        </div>\n                                        <div *ngIf="field.type === \'number\'">\n                                            <div *ngIf="field.field_name === \'remind_date\'">\n                                                <div class="col-sm-6">\n                                                    <label class="control-label">{{field.display_name}}</label>\n                                                    <soc-date-box  [id]="getFieldId(field)" [(value)]="stepData[field.field_name]" [disabled]="true"></soc-date-box>\n                                                </div>\n                                            </div>\n                                            <div *ngIf="field.field_name !== \'remind_date\'">\n                                                <div class="col-sm-6">\n                                                    <label class="control-label">{{field.display_name}}</label>\n                                                    <input type="number" class="form-control m-input" [id]="getFieldId(field)" [(ngModel)]="stepData[field.field_name]" disabled>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div *ngIf="field.type === \'special\'">\n                                            <div *ngIf="field.field_name === \'term\'">\n\n                                            </div>\n                                            <div *ngIf="field.field_name === \'amount\'">\n                                                <div  class="col-sm-6">\n                                                    <label class="control-label">{{field.display_name}}</label>\n                                                    <input type="text" class="form-control m-input" [id]="getFieldId(field)" [(ngModel)]="stepData[field.field_name]" disabled>\n                                                </div>\n                                                <div class="col-sm-6">\n                                                    <div class="m-radio-inline">\n                                                        <label class="m-radio">\n                                                            <input type="radio" id="rdlAmountType1" [value]="0" [(ngModel)]="stepData[\'amount_type\']" disabled>\n                                                            นับแต่<span></span>\n                                                        </label>\n                                                        <label class="m-radio">\n                                                            <input type="radio" id="rdlAmountType2" [value]="1" [(ngModel)]="stepData[\'amount_type\']" disabled>\n                                                            นับถัด<span></span>\n                                                        </label>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                            <div *ngIf="field.field_name === \'follow\'">\n                                                <div class="col-sm-6">\n                                                    <label class="control-label">{{field.display_name}}</label>\n                                                    <div class="m-radio-inline">\n                                                        <label class="m-radio">\n                                                            <input type="radio" [id]="getFieldId(field) + \'1\'" value="ทางการ" [(ngModel)]="stepData[field.field_name]" disabled>\n                                                            ทางการ<span></span>\n                                                        </label>\n                                                        <label class="m-radio">\n                                                            <input type="radio" [id]="getFieldId(field) + \'2\'" value="ไม่ทางการ" [(ngModel)]="stepData[field.field_name]" disabled>\n                                                            ไม่ทางการ<span></span>\n                                                        </label>\n                                                    </div>\n                                                </div>\n                                                \x3c!--<div class="col-sm-2">--\x3e\n                                                    \x3c!--<span>หมายเหตุ :</span>--\x3e\n                                                \x3c!--</div>--\x3e\n                                                <div class="col-sm-6">\n                                                    <label class="control-label">หมายเหตุ</label>\n                                                    <input type="text" class="form-control m-input" id="txtFollowRemark" [(ngModel)]="stepData[\'follow_remark\']" disabled>\n                                                </div>\n                                            </div>\n                                            <div *ngIf="field.field_name === \'cause\'">\n                                                <div  class="col-sm-6">\n                                                    <label class="control-label">{{field.display_name}}</label>\n                                                    <input type="text" class="form-control m-input" [id]="getFieldId(field)" [(ngModel)]="stepData[field.field_name]" disabled>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <br>\n                                </div>\n                                <br>\n                            </div>\n                            <div *ngIf="isSend">\n                                <div class="row">\n                                    <div class="col-sm-2">\n                                        <span>รายการส่ง :</span>\n                                    </div>\n                                </div>\n                                <br>\n                                <dx-data-grid #dxDataGridStepSendListView class="card-list-table"\n                                              id="gridStepSendListView" noDataText=""\n                                              (onCellPrepared)="onCellPrepared($event)" [dataSource]="sendList"\n                                              [wordWrapEnabled]="true"\n                                              [showBorders]="true">\n                                    <dxi-column caption="รายการที่" [allowSorting]="false" cellTemplate="cellTemplate" alignment="center"></dxi-column>\n                                    <dxi-column dataField="send_to" caption="หน่วยงาน"></dxi-column>\n                                    <dxi-column dataField="send_book_no" caption="เลขที่หนังสือส่งออก"></dxi-column>\n                                    <dxi-column dataField="send_date" caption="วันที่ส่งออก" dataType="date" alignment="center"></dxi-column>\n                                    <dxi-column [calculateCellValue]="isImportant" caption="ความสำคัญ"></dxi-column>\n                                    <div *dxTemplate="let data of \'cellTemplate\'">\n                                        {{getRowIndex(data)}}\n                                    </div>\n                                </dx-data-grid>\n                                <br>\n                            </div>\n                            <div *ngIf="isRecieve">\n                                <div class="row">\n                                    <div class="col-sm-2">\n                                        <span>รายการรับ :</span>\n                                    </div>\n                                </div>\n                                <br>\n                                <dx-data-grid #dxDataGridStepRecieveListView class="card-list-table"\n                                              id="gridStepRecieveListView" noDataText=""\n                                              (onCellPrepared)="onCellPrepared($event)" [dataSource]="recieveList"\n                                              [wordWrapEnabled]="true"\n                                              [showBorders]="true">\n                                    <dxi-column caption="รายการที่" [allowSorting]="false" cellTemplate="cellTemplate" alignment="center"></dxi-column>\n                                    <dxi-column dataField="recv_from" caption="หน่วยงาน"></dxi-column>\n                                    <dxi-column dataField="send_book_no" caption="เลขที่หนังสือส่งออก"></dxi-column>\n                                    <dxi-column dataField="send_date" caption="วันที่ส่งออก" dataType="date" alignment="center"></dxi-column>\n                                    <dxi-column dataField="recv_no" caption="เลขที่รับหนังสือ"></dxi-column>\n                                    <dxi-column dataField="recv_date" caption="วันที่รับ" dataType="date" alignment="center"></dxi-column>\n                                    <div *dxTemplate="let data of \'cellTemplate\'">\n                                        {{getRowIndex(data)}}\n                                    </div>\n                                </dx-data-grid>\n                                <br>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>'}]}],e.ctorParameters=function(){return[{type:U},{type:H}]},e.propDecorators={onUpdateModal:[{type:T.Output}],modal:[{type:T.ViewChild,args:["modal"]}]},e}();y.locale("th"),s.baseZIndex(9999);var Q=function(){function e(e){var a=this;this.common=e,this.id="",this.width="100%",this.type="date",this.max=undefined,this.min=undefined,this.acceptCustomValue=!0,this.maxZoomLevel="month",this.minZoomLevel="century",this.valueChange=new T.EventEmitter,this.openOnFieldClick=!0,this.disabled=!1,this.interval=30,this.showAnalogClock=!1,this.format={formatter:function(e){return"datetime"===a.type?y.formatDate(e,"shortDateShortTime"):"time"===a.type?y.formatDate(e,"shortTime"):y.formatDate(e,"shortDate")},parser:function(e){var t="D/M/YYYY";return"datetime"===a.type?t="D/M/YYYY HH:mm":"time"===a.type&&(t="HH:mm"),c(e,t,!0).subtract(543,"year").toDate()}},this.onModelChange=function(){},this.onModelTouched=function(){}}return e.prototype.ngOnInit=function(){return R(this,void 0,void 0,function(){return V(this,function(e){return[2]})})},e.prototype.ngAfterViewInit=function(){},e.prototype.onOpened=function(){this.common.fnChangeCalendarYear(),"year"!==this.maxZoomLevel&&"decade"!==this.maxZoomLevel||this.common.fnChangeCalendarYearOnce();var e=document.querySelector(".dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper.dx-datebox-wrapper-date.dx-datebox-wrapper-calendar"),t=document.querySelector(".dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-datebox-wrapper.dx-datebox-wrapper-date.dx-datebox-wrapper-calendar > .dx-overlay-content.dx-popup-normal");if(e){var a=e.getAttribute("style").replace("z-index: 1501;","z-index: 2050;");console.log("LOG: SocDateBoxComponent -> onOpened -> newStyle element",a),e.setAttribute("style",a)}if(t){a=t.getAttribute("style").replace("z-index: 1501;","z-index: 2050;");console.log("LOG: SocDateBoxComponent -> onOpened -> newStyle subElement",a),t.setAttribute("style",a)}},e.prototype.onValueChanged=function(e){console.log("​SocDateBoxComponent -> onValueChanged -> e",e),this.valueChange.emit(e.value)},e.prototype.writeValue=function(e){},e.prototype.registerOnChange=function(e){},e.prototype.registerOnTouched=function(e){},e.decorators=[{type:T.Component,args:[{selector:"soc-date-box",providers:[{provide:I.NG_VALUE_ACCESSOR,useExisting:T.forwardRef(function(){return e}),multi:!0}],template:'\n    <dx-date-box [showAnalogClock]="showAnalogClock" [id]="id" [(value)]="value" [type]="type" [disabled]="disabled" [width]="width" [interval]="interval" [acceptCustomValue]="true" [displayFormat]="format" invalidDateMessage="วันที่ไม่ถูกต้อง กรุณากรอกเป็น วัน/เดือน/ปี"\n    [openOnFieldClick]="openOnFieldClick" (onOpened)="onOpened()" (onValueChanged)="onValueChanged($event)" [max]="max" [min]="min" [maxZoomLevel]="maxZoomLevel" [minZoomLevel]="minZoomLevel"></dx-date-box>\n\n'}]}],e.ctorParameters=function(){return[{type:H}]},e.propDecorators={id:[{type:T.Input}],width:[{type:T.Input}],type:[{type:T.Input}],value:[{type:T.Input}],max:[{type:T.Input}],min:[{type:T.Input}],acceptCustomValue:[{type:T.Input}],maxZoomLevel:[{type:T.Input}],minZoomLevel:[{type:T.Input}],valueChange:[{type:T.Output}],openOnFieldClick:[{type:T.Input}],disabled:[{type:T.Input}],interval:[{type:T.Input}],showAnalogClock:[{type:T.Input}]},e}(),Z=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,I.FormsModule,S.SharedModule,r.DxDateBoxModule],exports:[Q,S.SharedModule],declarations:[Q]}]}],e}();y.locale("th");var K=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,I.FormsModule,v.ModalModule.forRoot(),x.DxDataGridModule,x.DxTemplateModule,Z],exports:[J],providers:[],declarations:[J]}]}],e}();c.locale("th");var ee=function(){function e(){}return e.prototype.fromNow=function(e){return c(e).fromNow()},e.prototype.getNow=function(){return c()},e.prototype.convertToTH=function(e){return e?e.format("DD")+"/"+e.format("MM")+"/"+(+e.format("YYYY")+543):""},e.decorators=[{type:T.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=T.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),te=function(r){function e(e,t,a,i,n,o){var l=r.call(this)||this;return l.appConfigService=e,l.request=t,l.formBuilder=a,l.common=i,l.date=n,l.b2bService=o,l.onUpdateModal=new T.EventEmitter,l.submitted=!1,l.submittedSend=!1,l.submittedRecieve=!1,l.title="",l.selectList=[],l.sendList=[],l.recieveList=[],l.modalConfig={ignoreBackdropClick:!0},l.selectedStep=null,l.isMore=!1,l.stepData={},l.sendData={},l.recieveData={},l.lastStep="",l.isSend=!1,l.isRecieve=!1,l.isEditSend=!1,l.isEditRecieve=!1,l.tmpData={},l.filteredDepartments=[],l.departmentList=[],l.departmentUrl="/db/ct_ext_department",l.causeUrl="/db/ct_dropdown",l.causeFilter="system_id,eq,23)$and(dropdown_type,like,เรื่องส่งคืน",l.tempId=-1,l.filter_ref_ext_department_id=!1,l.filter_ref_ext_department_id_show=!0,l.config=e.getConfig(),l.attachmentUrl=w.get(l.config,"apiServers.alfresco.url")||"https://203.154.32.126:2585/api/mfec/Alfresco",l.system_id=w.get(l.config,"system_id"),l}return N(e,r),e.prototype.ngOnInit=function(){this.th=this.common.fnLocalPCalendar("th"),this.recieveForm=this.formBuilder.group({book_no:["",[I.Validators.required]],recv_date:[""]}),this.sendForm=this.formBuilder.group({send_to:[""],book_no:[""],send_date:[""],is_important:[""]}),this.registerForm=this.formBuilder.group({name:[""],step_id:["",I.Validators.required],step_date:[""],remark:[""],lastStep:[""],moreField:this.formBuilder.array([]),soc_recv_no:[""],soc_recv_date:[""],gtc_recv_no:[""],gtc_recv_date:[""],book_no:[""],book_date:[""],"for":[""],dept_name:[""],ministry:[""]})},e.prototype.open=function(a){return R(this,void 0,void 0,function(){var t;return V(this,function(e){switch(e.label){case 0:return console.log(a),this.stepData={},a?(this.title=a.title||"",this.lastStep=a.data.lastStep,this.stepData=JSON.parse(JSON.stringify(a.data)),this.stepData.step_date=this.date.getNow(),delete this.stepData.lastStep,[4,(t=this).request.get("/db/ct_step?_where=(category_id,eq,"+a.data.category_id+")&_sort=seq_no")]):[3,2];case 1:t.selectList=e.sent(),e.label=2;case 2:return this.uploadAttachment.clearValue(),this.modal.show(),[2]}})})},e.prototype.f=function(){return this.registerForm.controls},e.prototype.fs=function(){return this.sendForm.controls},e.prototype.fr=function(){return this.recieveForm.controls},e.prototype.closeModal=function(){this.submitted=!1,this.selectList=[],this.sendList=[],this.selectedStep=null,this.isMore=!1,this.isSend=!1,this.moreField=[],this.stepData={},this.lastStep="",this.modal.hide()},e.prototype.closeSendModal=function(){this.submittedSend=!1,this.sendData={},this.isEditSend=!1,this.tmpData={},this.sendModal.hide()},e.prototype.closeRecieveModal=function(){this.submittedRecieve=!1,this.recieveData={},this.isEditRecieve=!1,this.tmpData={},this.recieveModal.hide()},e.prototype.onYesClick=function(e){e.hide()},e.prototype.onNoClick=function(e){e.hide()},e.prototype.onHidden=function(e){console.log("LOG MESSAGE: ModalConfirm -> onHidden -> $event",e)},e.prototype.valueSeleteMinistry=function(e){var t=this;this.filter_ref_ext_department_id_show=!1,console.log("value",e),e&&e.id?(this.stepData.dept_name=null,this.filter_ref_ext_department_id="&_where=(ref_ext_department_id,eq,"+e.id+")$and(type,in,2,3,4,5)"):this.filter_ref_ext_department_id=!1,setTimeout(function(){t.filter_ref_ext_department_id_show=!0},50)},e.prototype.valueSeleteDeptName=function(e){console.log("value",e),this.stepData.code_dept=e&&e.id?e.id:null},e.prototype.checkExtraField=function(){return R(this,void 0,void 0,function(){var t,a,i,n,o,l;return V(this,function(e){switch(e.label){case 0:if(this.stepData.step_id=this.selectedStep.id,this.stepData.step_name=this.selectedStep.name,console.log(this.isMore),this.moreField=[],!this.selectedStep.flag||""===this.selectedStep.flag)return[3,6];t=0,e.label=1;case 1:return t<this.selectedStep.flag.length?(a=this.selectedStep.flag.charAt(t),i=this.selectedStep.require_flag?this.selectedStep.require_flag.charAt(t):0,[4,this.request.get("/db/ct_step_flag?_where=(flag,eq,"+a+")")]):[3,5];case 2:return n=e.sent(),o=n[0],[4,this.addField(o,+i)];case 3:e.sent(),this.moreField.push(o),console.log(this.f),e.label=4;case 4:return t++,[3,1];case 5:return this.isMore=!0,this.isSend=!1,this.isRecieve=!1,[3,9];case 6:return this.isMore=!1,8!==this.selectedStep.type_id&&13!==this.selectedStep.type_id?[3,8]:[4,(l=this).request.get("/db/ct_ext_department?_sort=name")];case 7:return l.departmentList=e.sent(),this.departmentList=this.departmentList.map(function(e){return e.name}),this.isSend=!0,this.isRecieve=!1,[3,9];case 8:this.isSend=!1,this.isRecieve=!1,e.label=9;case 9:return[2]}})})},e.prototype.getFieldId=function(e){var t="";return"text"===e.type||e.type,t+="txt",t+=e.field_name.charAt(0).toLocaleUpperCase()+e.field_name.substring(1)},e.prototype.addField=function(e,t){var a,i=this.registerForm.controls.moreField;if(this.stepData[e.field_name]=null,"text"===e.type)(n={})[e.field_name]=t?["",I.Validators.required]:[""],a=this.formBuilder.group(n);else if("datetime"===e.type){if(t)(n={})[e.field_name]=["",I.Validators.required,b.CustomValidators.date],a=this.formBuilder.group(n);else(n={})[e.field_name]=[""],a=this.formBuilder.group(n);this.stepData[e.field_name]=this.date.getNow()}else if("number"===e.type){if(t)(n={})[e.field_name]=[I.Validators.required],a=this.formBuilder.group(n);else(n={})[e.field_name]=[""],a=this.formBuilder.group(n)}else if("special"===e.type){if("amount"===e.field_name)if(t)(n={})[e.field_name]=["",I.Validators.required],n.amount_type=["",I.Validators.required],a=this.formBuilder.group(n);else(n={})[e.field_name]=[""],n.amount_type=[""],a=this.formBuilder.group(n);else if("follow"===e.field_name){if(t)(n={})[e.field_name]=["",I.Validators.required],n.follow_remark=["",I.Validators.required],a=this.formBuilder.group(n);else(n={})[e.field_name]=[""],n.follow_remark=[""],a=this.formBuilder.group(n)}else{var n;if(t)(n={})[e.field_name]=["",I.Validators.required],a=this.formBuilder.group(n);else(n={})[e.field_name]=[""],a=this.formBuilder.group(n)}}i.push(a)},e.prototype.getValidateMoreField=function(e,t,a){var i=this.f().moreField;return a&&(i=(i=i.controls[e]).controls[t]).errors?i.errors[a]:i.errors},e.prototype.getRowIndex=function(e){return e.data?e.row.dataIndex+1:""},e.prototype.onCellPrepared=function(e){if("data"===e.rowType)for(var t in e.component.columns)e.column.dataField===e.component.columns[t]&&(e.cellElement.accessKey=e.component.columns[t])},e.prototype.addSend=function(){this.sendData.send_date=this.date.getNow(),this.sendModal.show()},e.prototype.editSend=function(e){this.tmpData=e,this.sendData=JSON.parse(JSON.stringify(e)),this.isEditSend=!0,this.sendModal.show()},e.prototype.editRecieve=function(e){this.tmpData=e,this.recieveData=JSON.parse(JSON.stringify(e)),this.recieveData.recv_date=this.recieveData.recv_date?new Date(this.recieveData.recv_date):this.recieveData.recv_date,this.isEditRecieve=!0,this.recieveModal.show()},e.prototype.filterDepartments=function(e){this.filteredDepartments=[];for(var t=0;t<this.departmentList.length;t++){var a=this.departmentList[t];0==a.toLowerCase().indexOf(e.query.toLowerCase())&&this.filteredDepartments.push(a)}},e.prototype.onSubmit=function(){return R(this,void 0,void 0,function(){var i,n,o,l,r,s,d,c,p,m,h,u,f,b,g,v,x,y;return V(this,function(e){switch(e.label){case 0:if(this.submitted=!0,console.log("this.registerForm.invalid: ",this.registerForm.invalid),this.registerForm.invalid)return[2];if(r=[],(s=w.cloneDeep(this.stepData)).action="add",d=this.b2bService.getVerifyToken(),s.username=d.username,s.remind_date&&(s.remind_date=this.date.getNow().add(s.remind_date,"d").toDate()),delete s.ct_main_id,delete s.update_date,c={ct_step_data:[s]},r.push(c),this.sendList&&0<this.sendList.length){p={ct_send:[]},f={ct_recieve:[]};try{for(m=Y(this.sendList),h=m.next();!h.done;h=m.next())(u=h.value).name=u.name,u.action="add",delete u.id,p.ct_send.push(u)}catch(t){i={error:t}}finally{try{h&&!h.done&&(n=m["return"])&&n.call(m)}finally{if(i)throw i.error}}r.push(p)}if(this.recieveList&&0<this.recieveList.length){f={ct_recieve:[]};try{for(b=Y(this.recieveList),g=b.next();!g.done;g=b.next())delete(v=g.value).send_book_no,delete v.send_date,v.name=v.name,v.action="add",f.ct_recieve.push(v)}catch(a){o={error:a}}finally{try{g&&!g.done&&(l=b["return"])&&l.call(b)}finally{if(o)throw o.error}}r.push(f)}return console.log("postData",r),[4,this.request.post("/ct/main",r)];case 1:return x=e.sent(),this.stepData.update_date?[4,this.getStepList()]:[3,5];case 2:return y=e.sent(),console.log("stepList",y),0<y.length?[4,this.request.put("/db/"+this.stepData.ref_table+"/"+this.stepData.ref_id,{status:y[0].step_name,status_date:y[0].step_date})]:[3,4];case 3:e.sent(),this.common.fnCheckResponse(x,this.myModal),e.label=4;case 4:return[3,7];case 5:return[4,this.request.put("/db/"+this.stepData.ref_table+"/"+this.stepData.ref_id,{status:this.stepData.step_name})];case 6:e.sent(),this.common.fnCheckResponse(x,this.myModal),e.label=7;case 7:return[2]}})})},e.prototype.getStepList=function(){return R(this,void 0,void 0,function(){var t;return V(this,function(e){switch(e.label){case 0:return console.log("getStepList"),t={filter:{ref_table:"="+this.stepData.ref_table,ref_id:this.stepData.ref_id,system_id:this.stepData.system_id},order_by:["step_date desc"]},[4,this.request.post("/search/ct_step_data",t)];case 1:return[2,e.sent().resultData||[]]}})})},e.prototype.onClickBack=function(){this.onUpdateModal.emit(),this.closeModal()},e.prototype.onSubmitSend=function(){return R(this,void 0,void 0,function(){var a,i,n,o,l,r;return V(this,function(e){if(this.submittedSend=!0,this.sendForm.invalid)return[2];if(this.isEditSend){n=[];try{for(o=Y(this.sendList),l=o.next();!l.done;l=o.next())(r=l.value).id===this.tmpData.id?n.push(this.sendData):n.push(r)}catch(t){a={error:t}}finally{try{l&&!l.done&&(i=o["return"])&&i.call(o)}finally{if(a)throw a.error}}this.sendList=n}else this.sendData.id=this.tempId,this.tempId--,this.sendList.push(this.sendData);return this.closeSendModal(),[2]})})},e.prototype.onSubmitRecieve=function(){return R(this,void 0,void 0,function(){var a,i,n,o,l,r;return V(this,function(e){if(this.submittedSend=!0,this.recieveForm.invalid)return[2];if(this.isEditRecieve){n=[];try{for(o=Y(this.recieveList),l=o.next();!l.done;l=o.next())(r=l.value).recv_from===this.tmpData.recv_from?n.push(this.recieveData):n.push(r)}catch(t){a={error:t}}finally{try{l&&!l.done&&(i=o["return"])&&i.call(o)}finally{if(a)throw a.error}}this.recieveList=n}else this.recieveList.push(this.recieveData);return this.closeRecieveModal(),[2]})})},e.prototype.isImportant=function(e){return e.is_important?"สำคัญ":""},e.prototype.onUploaded=function(e){this.stepData.url=this.attachmentUrl+"/"+e.uuid,this.stepData.uuid=e.uuid},e.prototype.checkDisable=function(e){return"ไม่ทางการ"!==this.stepData[e.field_name]},e.prototype.getImageLink=function(t){return R(this,void 0,void 0,function(){return V(this,function(e){switch(e.label){case 0:return[4,this.request.getAttachmentLinkToken(t.url)];case 1:return[2,e.sent()]}})})},e.decorators=[{type:T.Component,args:[{selector:"modal-step",template:'<div class="modal fade" bsModal #modal="bs-modal" [config]="{backdrop: \'static\'}"\n     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name1">\n    <div class="modal-dialog modal-lg">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-name" class="modal-title pull-left"><label>{{title}}</label></h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <div class="row">\n                    <div class="col-lg-12">\n                        <form class="m-form m-form--state m-form--fit m-form--label-align-right" [formGroup]="registerForm" (ngSubmit)="onSubmit()">\n                            <div class="m-portlet__body">\n\n                                \x3c!-- สถานะล่าสุด --\x3e\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>สถานะปัจจุบัน :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-6">\n                                        <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().lastStep.errors }">\n                                            <label class="control-label">สถานะปัจจุบัน</label>\n                                            <input type="text" formControlName="lastStep" class="form-control m-input" id="txtLastStatus" [(ngModel)]="lastStep" disabled>\n                                        </div>\n                                    </div>\n                                    <div class="col-sm-6">\n                                        \x3c!--<select id="selNewStatus" style="width: 100%">--\x3e\n                                        <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().step_id.errors }">\n                                            <label class="control-label">สถานะใหม่<span class="color-red">&nbsp;*</span></label>\n                                            <select id="selNewStatus" class="form-control" style="width: 100%" [(ngModel)]="selectedStep" formControlName="step_id" (change)="checkExtraField()">\n                                                <option value="null">กรุณาเลือกรายการ</option>\n                                                <option *ngFor="let step of selectList" [ngValue]="step">{{step.name}}</option>\n                                            </select>\n                                            \x3c!-- <div *ngIf="submitted && f().step_id.errors" class="invalid-feedback">\n                                                <div *ngIf="f().step_id.errors.required"><font color="red"> * กรุณากรอก</font></div>\n                                            </div> --\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                <br>\n                                \x3c!--<div class="row">--\x3e\n                                    \x3c!-- สถานะใหม่ --\x3e\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>สถานะใหม่ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--</div>--\x3e\n                                \x3c!--<br>--\x3e\n                                <div class="row">\n                                    \x3c!-- วันดำเนินการ --\x3e\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>วันที่ดำเนินการ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-6">\n                                        <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().step_date.errors }">\n                                            <label class="control-label" *ngIf="stepData.system_id === 161">วันที่</label>\n                                            <label class="control-label" *ngIf="stepData.system_id !== 161">วันที่ดำเนินการ</label>\n                                            <soc-date-box [id]="\'txtDate\'" [(value)]="stepData.step_date"></soc-date-box>\n                                            <div *ngIf="submitted && f().step_date.errors" >\n                                                <div *ngIf="f().step_date.errors.required" class="lable-error">Date is required</div>\n                                                <div *ngIf="f().step_date.errors.date" class="lable-error">Date is invalid</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <br>\n                                \n                                \n                                \n                                \x3c!--<div class="row" *ngIf="stepData.system_id === 23">--\x3e\n                                    \x3c!-- วันดำเนินการ --\x3e\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>วันที่ดำเนินการ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--    <div class="col-sm-6">--\x3e\n                                \x3c!--      <label class="control-label">เลขที่หนังสือ</label>--\x3e\n                                \x3c!--      <input type="text" class="form-control m-input" id="book_no" [(ngModel)]="stepData.book_no"--\x3e\n                                \x3c!--      formControlName="book_no">--\x3e\n                                \x3c!--  </div>--\x3e\n                                \x3c!--  <div class="col-sm-6">--\x3e\n                                \x3c!--      <label class="control-label">ลงวันที่</label>--\x3e\n                                \x3c!--      <soc-date-box [id]="\'book_date\'" [(value)]="stepData.book_date" formControlName="book_date"></soc-date-box>--\x3e\n                                      \x3c!-- <input type="text" class="form-control m-input" id="book_date" [(ngModel)]="stepData.book_date"--\x3e\n                                \x3c!--      formControlName="book_date"> --\x3e\n                                \x3c!--  </div>--\x3e\n\n                                \x3c!--</div>--\x3e\n                                \x3c!--<br>--\x3e\n                                \x3c!--<div class="row" *ngIf="stepData.system_id === 23">--\x3e\n                                    \x3c!-- วันดำเนินการ --\x3e\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>วันที่ดำเนินการ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--     <div class="col-sm-6">--\x3e\n                                \x3c!--        <label class="control-label">เลขที่รับ สลค.</label>--\x3e\n                                \x3c!--        <input type="text" class="form-control m-input" id="soc_recv_no" formControlName="soc_recv_no" [(ngModel)]="stepData.soc_recv_no">--\x3e\n                                \x3c!--    </div>--\x3e\n                                \x3c!--    <div class="col-sm-6">--\x3e\n                                \x3c!--        <label class="control-label">วันที่รับ สลค.</label>--\x3e\n                                \x3c!--        <soc-date-box [id]="\'soc_recv_date\'" [(value)]="stepData.soc_recv_date" formControlName="soc_recv_date"></soc-date-box>--\x3e\n                                \x3c!--    </div>--\x3e\n                                \x3c!--</div>--\x3e\n                                \x3c!--<br>--\x3e\n                                \x3c!--<div class="row" *ngIf="stepData.system_id === 23">--\x3e\n                                    \x3c!-- วันดำเนินการ --\x3e\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>วันที่ดำเนินการ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--     <div class="col-sm-6">--\x3e\n                                \x3c!--      <label class="control-label">หน่วยงานที่รับ-ส่ง</label>--\x3e\n                                \x3c!--      <input type="text" class="form-control m-input" id="dept_name" [(ngModel)]="stepData.dept_name" formControlName="dept_name">--\x3e\n                                \x3c!--  </div>--\x3e\n                                \x3c!--</div>--\x3e\n                                \x3c!--<br>--\x3e\n                                \n                                \n                                \n                                <div class="row" *ngIf="stepData.system_id === 23">\n                                    <div class="col-sm-6">\n                                        <label class="control-label">เลขที่รับ สลค.</label>\n                                        <input type="text" class="form-control m-input" id="soc_recv_no" formControlName="soc_recv_no" [(ngModel)]="stepData.soc_recv_no">\n                                    </div>\n                                    <div class="col-sm-6">\n                                        <label class="control-label">วันที่รับ สลค.</label>\n                                        <soc-date-box [id]="\'soc_recv_date\'" [(value)]="stepData.soc_recv_date" formControlName="soc_recv_date"></soc-date-box>\n                                    </div>\n                                </div>\n                                <br>\n                                <div class="row" *ngIf="stepData.system_id === 23">\n                                    <div class="col-sm-6">\n                                        <label class="control-label">เลขที่รับ กอค.</label>\n                                        <input type="text" class="form-control m-input" id="gtc_recv_no" [(ngModel)]="stepData.gtc_recv_no" formControlName="gtc_recv_no">\n                                    </div>\n                                    <div class="col-sm-6">\n                                        <label class="control-label">วันที่รับ กอค.</label>\n                                        <soc-date-box [id]="\'gtc_recv_date\'" [(value)]="stepData.gtc_recv_date" formControlName="gtc_recv_date"></soc-date-box>\n                                    </div>\n                                </div>\n                                <br>\n                                <div class="row" *ngIf="stepData.system_id === 23">\n                                  <div class="col-sm-6">\n                                      <label class="control-label">เลขที่หนังสือ</label>\n                                      <input type="text" class="form-control m-input" id="book_no" [(ngModel)]="stepData.book_no"\n                                      formControlName="book_no">\n                                  </div>\n                                  <div class="col-sm-6">\n                                      <label class="control-label">ลงวันที่</label>\n                                      <soc-date-box [id]="\'book_date\'" [(value)]="stepData.book_date" formControlName="book_date"></soc-date-box>\n                                      \x3c!-- <input type="text" class="form-control m-input" id="book_date" [(ngModel)]="stepData.book_date"\n                                      formControlName="book_date"> --\x3e\n                                  </div>\n                                </div>\n                                <br>\n                                <div class="row" *ngIf="stepData.system_id === 23">\n                                    <div class="col-sm-6">\n                                        <label class="control-label">เรียน</label>\n                                        <input type="text" class="form-control m-input" id="for" [(ngModel)]="stepData.for" formControlName="for">\n                                    </div>\n\n                                </div>\n                                <br>\n                                <div class="row" *ngIf="stepData.system_id === 23">\n                                    <div class="col-sm-6">\n                                        <label class="control-label">กระทรวง</label>\n                                        <soc-auto-complete-2 [id]="\'ministry\'"  mode="local"\n                                          [api]="\'/db/ct_ext_department\'" [acceptCustomValue]="false" field="name" fieldApi="id,name,code,type"\n                                          [filter]="\'&_where=(type,in,1,9)\'" (valueSelete)="valueSeleteMinistry($event)"\n                                          [(value)]="stepData.ministry" [(ngModel)]="stepData.ministry"\n                                          formControlName="ministry">\n                                        </soc-auto-complete-2>\n                                    </div>\n                                    <div class="col-sm-6">\n                                        <label class="control-label">กรม</label>\n                                        <div *ngIf="filter_ref_ext_department_id_show">\n                                        <soc-auto-complete-2 [acceptCustomValue]="false" [id]="\'dept_name\'"\n                                          mode="local" [filter]="filter_ref_ext_department_id"\n                                           [api]="\'/db/ct_ext_department\'" field="name"\n                                          fieldApi="id,name,code,type" [(value)]="stepData.dept_name" (valueSelete)="valueSeleteDeptName($event)"\n                                          [(ngModel)]="stepData.dept_name" [disabled]="!filter_ref_ext_department_id"\n                                          formControlName="dept_name">\n                                        </soc-auto-complete-2>\n                                        </div>\n                                    </div>\n\n                                </div>\n                                <br>\n                                \n                                \x3c!-- หมายเหตุ --\x3e\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>หมายเหตุ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-12">\n                                        <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().remark.errors }">\n                                            <label class="control-label">หมายเหตุ</label>\n                                            <textarea class="form-control m-input" id="txtRemark" rows="5" formControlName="remark" [(ngModel)]="stepData.remark"></textarea>\n                                        </div>\n                                    </div>\n                                </div>\n                                <br>\n                                \x3c!-- เอกสารแนบ --\x3e\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-3">--\x3e\n                                        \x3c!--<span>เอกสารแนบ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-12">\n                                        <label class="control-label">เอกสารแนบ</label>\n                                        <upload-attachment #uploadAttachment [systemId]="stepData.system_id" (uploaded)="onUploaded($event)"></upload-attachment>\n                                        \x3c!--<dx-tab-panel--\x3e\n                                                \x3c!--#tabPanel--\x3e\n                                                \x3c!--[items]="upLoadType"--\x3e\n                                                \x3c!--[selectedIndex]="0"--\x3e\n                                                \x3c!--[loop]="false"--\x3e\n                                                \x3c!--[animationEnabled]="false"--\x3e\n                                                \x3c!--[swipeEnabled]="false"--\x3e\n                                                \x3c!--itemTemplate="itemTemplate"--\x3e\n                                        \x3c!--&gt;--\x3e\n                                            \x3c!--&lt;!&ndash;<div *dxTemplate="let type of upLoadType">&ndash;&gt;--\x3e\n                                                \x3c!--&lt;!&ndash;<span>{{type.name.toUpperCase()}}</span>&ndash;&gt;--\x3e\n                                            \x3c!--&lt;!&ndash;</div>&ndash;&gt;--\x3e\n                                            \x3c!--<div *dxTemplate="let item of \'itemTemplate\'">--\x3e\n                                                \x3c!--<div class="tabpanel-item">--\x3e\n                                                    \x3c!--<div *ngIf="item.type === 1">--\x3e\n                                                        \x3c!--<div class="col-sm-10" style="text-align: center">--\x3e\n                                                            \x3c!--<dx-file-uploader selectButtonText="เลือกไฟล์" labelText="" accept="*" uploadMode="useForm" uploadMethod="POST"--\x3e\n                                                                              \x3c!--multiple="true" uploadMode="instantly" labelText="หรือวางไฟล์ที่นี่" uploadUrl="https://filemanager-dot-smartrms-api.appspot.com/api/http/upload"--\x3e\n                                                            \x3c!--&gt;--\x3e\n                                                            \x3c!--</dx-file-uploader>--\x3e\n                                                        \x3c!--</div>--\x3e\n                                                    \x3c!--</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        \x3c!--</dx-tab-panel>--\x3e\n                                    </div>\n                                </div>\n                                <br>\n                                \x3c!-- field เพิ่มเติม --\x3e\n                                <div *ngIf="isMore">\n                                    <div formArrayName="moreField">\n                                        <div *ngFor="let field of moreField; let i=index">\n                                            <div [formGroupName]="i">\n                                                <div class="row">\n                                                    \x3c!--<div class="col-sm-3">--\x3e\n                                                        \x3c!--<span>field.display_name :</span>--\x3e\n                                                    \x3c!--</div>--\x3e\n                                                    \x3c!-- field เพิ่มเติม type text --\x3e\n                                                    <div *ngIf="field.type === \'text\'">\n                                                        <div class="col-sm-12">\n                                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,field.field_name) }">\n                                                                <label class="control-label">{{field.display_name}}</label>\n                                                                <input type="text" class="form-control m-input" [id]="getFieldId(field)" [formControlName]="field.field_name" [(ngModel)]="stepData[field.field_name]">\n                                                                <div *ngIf="submitted && getValidateMoreField(i,field.field_name)" class="invalid-feedback">\n                                                                    <div *ngIf="getValidateMoreField(i,field.field_name,\'required\')"><font color="red"> * กรุณากรอก</font></div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                    \x3c!-- field เพิ่มเติม type datetime --\x3e\n                                                    <div *ngIf="field.type === \'datetime\'">\n\n                                                        <div class="col-sm-6">\n                                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,field.field_name) }">\n                                                                <label class="control-label">{{field.display_name}}</label>\n                                                                <soc-date-box  [id]="getFieldId(field)" [(value)]="stepData[field.field_name]"></soc-date-box>\n                                                                \x3c!--<div *ngIf="getValidateMoreField(i,field.field_name,\'required\')" class="lable-error">Date is required</div>--\x3e\n                                                                \x3c!--<div *ngIf="getValidateMoreField(i,field.field_name,\'date\')" class="lable-error">Date is invalid</div>--\x3e\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                    <div *ngIf="field.type === \'number\'">\n                                                        <div class="col-sm-4">\n                                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,field.field_name) }">\n                                                                <label class="control-label">{{field.display_name}}</label>\n                                                                <div class="input-group">\n                                                                    <input type="number" class="form-control m-input" [id]="getFieldId(field)" [formControlName]="field.field_name" [(ngModel)]="stepData[field.field_name]">\n                                                                    <div *ngIf="field.field_name === \'remind_date\'" class="input-group-addon"><span>วัน</span></div>\n                                                                </div>\n                                                                <div *ngIf="submitted && getValidateMoreField(i,field.field_name)" class="invalid-feedback">\n                                                                    <div *ngIf="getValidateMoreField(i,field.field_name,\'required\')"><font color="red"> * กรุณากรอก</font></div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                        \x3c!--<div class="col-sm-2" *ngIf="field.field_name === \'remind_date\'">--\x3e\n                                                            \x3c!--<span>วัน</span>--\x3e\n                                                        \x3c!--</div>--\x3e\n                                                    </div>\n                                                    <div *ngIf="field.type === \'special\'">\n                                                        <div *ngIf="field.field_name === \'term\'">\n\n                                                        </div>\n                                                        <div *ngIf="field.field_name === \'amount\'">\n                                                            <div class="col-sm-6">\n                                                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,field.field_name) }">\n                                                                    <label class="control-label">{{field.display_name}}</label>\n                                                                    <input type="number" class="form-control m-input" [id]="getFieldId(field)" [formControlName]="field.field_name" [(ngModel)]="stepData[field.field_name]">\n                                                                    <div *ngIf="submitted && getValidateMoreField(i,field.field_name)" class="invalid-feedback">\n                                                                        <div *ngIf="getValidateMoreField(i,field.field_name,\'required\')"><font color="red"> * กรุณากรอก</font></div>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                            <div class="col-sm-6">\n                                                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,\'amount_type\') }">\n                                                                    <div class="m-radio-inline">\n                                                                        <label class="m-radio">\n                                                                            <input type="radio" id="rdlAmountType1" name="amount_type" value="0" [formControlName]="\'amount_type\'" [(ngModel)]="stepData[\'amount_type\']" checked>\n                                                                            นับแต่<span></span>\n                                                                        </label>\n                                                                        <label class="m-radio">\n                                                                            <input type="radio" id="rdlAmountType2" name="amount_type" value="1" [formControlName]="\'amount_type\'" [(ngModel)]="stepData[\'amount_type\']">\n                                                                            นับถัด<span></span>\n                                                                        </label>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                        <div *ngIf="field.field_name === \'follow\'">\n                                                            <div class="col-sm-6">\n                                                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,\'amount_type\') }">\n                                                                    <label class="control-label">{{field.display_name}}</label>\n                                                                    <div class="m-radio-inline">\n                                                                        <label class="m-radio">\n                                                                            <input type="radio" [id]="getFieldId(field) + \'1\'" [name]="field.field_name" value="ทางการ" [formControlName]="field.field_name" [(ngModel)]="stepData[field.field_name]" checked>\n                                                                            ทางการ<span></span>\n                                                                        </label>\n                                                                        <label class="m-radio">\n                                                                            <input type="radio" [id]="getFieldId(field) + \'2\'" [name]="field.field_name" value="ไม่ทางการ" [formControlName]="field.field_name" [(ngModel)]="stepData[field.field_name]">\n                                                                            ไม่ทางการ<span></span>\n                                                                        </label>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                            \x3c!--<div class="col-sm-3">--\x3e\n                                                                \x3c!--<span>หมายเหตุ :</span>--\x3e\n                                                            \x3c!--</div>--\x3e\n                                                            <div class="col-sm-6">\n                                                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,\'follow_remark\') }">\n                                                                    <label class="control-label">หมายเหตุ</label>\n                                                                    <input type="text" class="form-control m-input" id="txtFollowRemark" [formControlName]="\'follow_remark\'" [(ngModel)]="stepData[\'follow_remark\']" [disableControl]="checkDisable(field)">\n                                                                    \x3c!--<div *ngIf="submitted && getValidateMoreField(i,\'follow_remark\')" class="invalid-feedback">--\x3e\n                                                                        \x3c!--<div *ngIf="getValidateMoreField(i,\'follow_remark\',\'required\')">First Name is required</div>--\x3e\n                                                                    \x3c!--</div>--\x3e\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                        <div *ngIf="field.field_name === \'cause\'">\n                                                            <div class="col-sm-6">\n                                                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && getValidateMoreField(i,field.field_name) }">\n                                                                    <label class="control-label">{{field.display_name}}</label>\n                                                                    <soc-auto-complete id="\'txtCause\'" mode="local" [orderBy]="\'name\'" [filter]="causeFilter"\n                                                                                       [api]="causeUrl" field="name" [(value)]="stepData[\'cause\']"></soc-auto-complete>\n                                                                    <div *ngIf="submitted && getValidateMoreField(i,field.field_name)" class="invalid-feedback">\n                                                                        <div *ngIf="getValidateMoreField(i,field.field_name,\'required\')"><font color="red"> * กรุณากรอก</font></div>\n                                                                    </div>\n                                                                </div>\n                                                            </div>\n                                                        </div>\n                                                    </div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <br>\n                                    </div>\n                                </div>\n                                <div *ngIf="isSend">\n                                    <div class="row">\n                                        <div class="col-sm-3">\n                                            <span>รายการส่ง :</span>\n                                        </div>\n                                        <div class="col-sm-9">\n                                            \x3c!--<a id="btnSendAdd" (click)="sendModal.show()" class="btn btn-default btn-sm icon" data-toggle="tooltip" data-placement="top" title="Add"><i class="fal fa-plus"></i></a>--\x3e\n                                            <a id="btnSendAdd" class="btn btn-default btn-md btn-md-search" (click)="addSend()">เพิ่มรายการส่ง</a>\n                                        </div>\n                                    </div>\n                                    <br>\n                                    <dx-data-grid #dxDataGridStepSendList class="card-list-table"\n                                                  id="gridStepSendList" noDataText=""\n                                                  (onCellPrepared)="onCellPrepared($event)" [dataSource]="sendList"\n                                                  [wordWrapEnabled]="true"\n                                                  [showBorders]="true">\n                                        <dxi-column caption="รายการที่" [allowSorting]="false" cellTemplate="cellTemplate" alignment="center"></dxi-column>\n                                        <dxi-column caption="จัดการ" [allowSorting]="false" cellTemplate="cellTemplateAction" alignment="center"></dxi-column>\n                                        <dxi-column dataField="send_to" caption="หน่วยงาน"></dxi-column>\n                                        <dxi-column dataField="book_no" caption="เลขที่หนังสือส่งออก"></dxi-column>\n                                        <dxi-column dataField="send_date" caption="วันที่ส่งออก" dataType="date" alignment="center"></dxi-column>\n                                        <dxi-column [calculateCellValue]="isImportant" caption="ความสำคัญ"></dxi-column>\n                                        <div *dxTemplate="let data of \'cellTemplate\'">\n                                            {{getRowIndex(data)}}\n                                        </div>\n                                        <div *dxTemplate="let data of \'cellTemplateAction\'">\n                                            <a id="btnEditSend" (click)="editSend(data.data)" class="btn btn-default btn-sm icon" data-toggle="tooltip" data-placement="top" title="แก้ไข"><i class="fal fa-pencil-alt"></i></a>\n                                        </div>\n                                    </dx-data-grid>\n                                    <br>\n                                </div>\n                                <div *ngIf="isRecieve">\n                                    <div class="row">\n                                        <div class="col-sm-3">\n                                            <span>รายการรับ :</span>\n                                        </div>\n                                        <div class="col-sm-9">\n                                            \x3c!--<a id="btnSendAdd" (click)="sendModal.show()" class="btn btn-default btn-sm icon" data-toggle="tooltip" data-placement="top" title="Add"><i class="fal fa-plus"></i></a>--\x3e\n                                            <a id="btnRecieveAdd" class="btn btn-default btn-md btn-md-search" (click)="recieveModal.show()">เพิ่มรายการรับ</a>\n                                        </div>\n                                    </div>\n                                    <br>\n                                    <dx-data-grid #dxDataGridStepRecieveList class="card-list-table"\n                                                  id="gridStepRecieveList" noDataText=""\n                                                  (onCellPrepared)="onCellPrepared($event)" [dataSource]="recieveList"\n                                                  [wordWrapEnabled]="true"\n                                                  [showBorders]="true">\n                                        <dxi-column caption="รายการที่" [allowSorting]="false" cellTemplate="cellTemplate"></dxi-column>\n                                        <dxi-column caption="จัดการ" [allowSorting]="false" cellTemplate="cellTemplateAction"></dxi-column>\n                                        <dxi-column dataField="recv_from" caption="หน่วยงาน"></dxi-column>\n                                        <dxi-column dataField="send_book_no" caption="เลขที่หนังสือส่งออก"></dxi-column>\n                                        <dxi-column dataField="send_date" caption="วันที่ส่งออก" dataType="date"></dxi-column>\n                                        <dxi-column dataField="book_no" caption="เลขที่รับหนังสือ"></dxi-column>\n                                        <dxi-column dataField="recv_date" caption="วันที่รับ" dataType="date"></dxi-column>\n                                        <div *dxTemplate="let data of \'cellTemplate\'">\n                                            {{getRowIndex(data)}}\n                                        </div>\n                                        <div *dxTemplate="let data of \'cellTemplateAction\'">\n                                            <a id="btnEditRecieve" (click)="editRecieve(data.data)" class="btn btn-default btn-sm icon" data-toggle="tooltip" data-placement="top" title="แก้ไข"><i class="fal fa-pencil-alt"></i></a>\n                                        </div>\n                                    </dx-data-grid>\n                                    <br>\n                                </div>\n                            </div>\n                            <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                                <div class="m-form__actions">\n                                    <button type="submit" class="btn btn-success btn-md btn-md-save">\n                                        บันทึก\n                                    </button>\n                                    <button type="reset" class="btn btn-default btn-md btn-md-search" (click)="closeModal()">\n                                        ยกเลิก\n                                    </button>\n                                </div>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class="modal fade" bsModal #sendModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="dialog-static-name2" [config]="{backdrop: \'static\'}">\n    <div class="modal-dialog modal-md">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-send" class="modal-title pull-left"><label>รายการส่ง</label></h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeSendModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <form class="m-form m-form--state m-form--fit m-form--label-align-right" [formGroup]="sendForm" (ngSubmit)="onSubmitSend()">\n                    <div class="ibox-body">\n                        <div class="row">\n                            <div class="form-group">\n                                <label class="control-label">หน่วยงาน</label>\n                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedSend && fs().send_to.errors }">\n                                    <soc-auto-complete [id]="\'txtSendTo\'" mode="local" [orderBy]="\'name\'"\n                                                       [api]="departmentUrl" field="name" [(value)]="sendData.send_to"></soc-auto-complete>\n                                    \x3c!--<p-autoComplete type="text" styleClass="form-control m-input" id="txtSendTo" formControlName="send_to" [(ngModel)]="sendData.send_to"--\x3e\n                                                    \x3c!--[suggestions]="filteredDepartments" (completeMethod)="filterDepartments($event)"></p-autoComplete>--\x3e\n                                    <div *ngIf="submittedSend && fs().send_to.errors" class="invalid-feedback">\n                                        <div *ngIf="fs().send_to.errors.required">First Name is required</div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="form-group">\n                                <label class="control-label">เลขที่หนังสือส่งออก</label>\n                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedSend && fs().book_no.errors }">\n                                    <input type="text" class="form-control m-input" id="txtSendBookNo" formControlName="book_no" [(ngModel)]="sendData.book_no">\n                                    <div *ngIf="submittedSend && fs().book_no.errors" class="invalid-feedback">\n                                        <div *ngIf="fs().book_no.errors.required">First Name is required</div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="form-group">\n                                <label class="control-label">วันที่ส่งออก</label>\n                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedSend && fs().send_date.errors }">\n                                    <soc-date-box [id]="\'txtSendDate\'" [(value)]="sendData.send_date"></soc-date-box>\n                                    <div *ngIf="submittedSend && fs().send_date.errors" >\n                                        <div *ngIf="fs().send_date.errors.required" class="lable-error">Date is required</div>\n                                        <div *ngIf="fs().send_date.errors.date" class="lable-error">Date is invalid</div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="form-group">\n                                <label class="control-label"></label>\n                                <input type="checkbox" id="chkIsImportant"  name="is_important" formControlName="is_important" [(ngModel)]="sendData.is_important" ng-checked> สำคัญ\n                            </div>\n                        </div>\n                    </div>\n                    <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                        <div class="m-form__actions">\n                            <button type="submit" class="btn btn-success btn-md btn-md-save">\n                                บันทึก\n                            </button>\n                            <button type="reset" class="btn btn-default btn-md btn-md-search" (click)="closeSendModal()">\n                                ยกเลิก\n                            </button>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>\n<div class="modal fade" bsModal #recieveModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="dialog-static-name2" [config]="{backdrop: \'static\'}">\n    <div class="modal-dialog modal-md">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-recieve" class="modal-title pull-left"><label>รับหนังสือ ตอบความเห็น</label></h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeRecieveModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <form class="m-form m-form--state m-form--fit m-form--label-align-right" [formGroup]="recieveForm" (ngSubmit)="onSubmitRecieve()">\n                    <div class="ibox-body">\n                        <div class="row">\n                            <div class="form-group">\n                                <label class="control-label">เลขที่รับหนังสือ</label>\n                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedRecieve && fr().book_no.errors }">\n                                    <input type="text" class="form-control m-input" id="txtRecieveBookNo" formControlName="book_no" [(ngModel)]="recieveData.book_no">\n                                    <div *ngIf="submittedRecieve && fr().book_no.errors" class="invalid-feedback">\n                                        <div *ngIf="fr().book_no.errors.required">First Name is required</div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="form-group">\n                                <label class="control-label">วันที่รับ</label>\n                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedRecieve && fr().recv_date.errors }">\n                                    <soc-date-box [id]="\'txtRecieveDate\'" [(value)]="recieveData.recv_date"></soc-date-box>\n                                    <div *ngIf="submittedRecieve && fr().recv_date.errors" >\n                                        <div *ngIf="fr().recv_date.errors.required" class="lable-error">Date is required</div>\n                                        <div *ngIf="fr().recv_date.errors.date" class="lable-error">Date is invalid</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                        <div class="m-form__actions">\n                            <button type="submit" class="btn btn-success btn-md btn-md-save">\n                                บันทึก\n                            </button>\n                            <button type="reset" class="btn btn-default btn-md btn-md-search" (click)="closeRecieveModal()">\n                                ยกเลิก\n                            </button>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>\n<app-alert #myModal (onClickBack)="onClickBack()"></app-alert>\n'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:I.FormBuilder},{type:H},{type:ee},{type:j}]},e.propDecorators={onUpdateModal:[{type:T.Output}],modal:[{type:T.ViewChild,args:["modal"]}],myModal:[{type:T.ViewChild,args:["myModal"]}],sendModal:[{type:T.ViewChild,args:["sendModal"]}],recieveModal:[{type:T.ViewChild,args:["recieveModal"]}],dxDataGridStepSendList:[{type:T.ViewChild,args:["dxDataGridStepSendList"]}],uploadAttachment:[{type:T.ViewChild,args:["uploadAttachment"]}]},e}(function(){}),ae=function(){function e(e){this.request=e,this.filteredOptions=[],this.mode="local",this.api="",this.field="",this.id="",this.placeholder="",this.disabled=!1,this.orderBy="",this.filter="",this.limit=1e3,this.onLoad=new T.EventEmitter,this.valueChange=new T.EventEmitter,this.resData=[],this.openOnFieldClick=!1,this.showDropDownButton=!1,this.acceptCustomValue=!0,this.searchEnabled=!0,this.inputValue="",this.fnCustomStoreOnLoaded=function(e){return e},this.onModelChange=function(){},this.onModelTouched=function(){}}return e.prototype.ngOnInit=function(){return R(this,void 0,void 0,function(){return V(this,function(e){return"dropdown"===this.mode&&(this.acceptCustomValue=!1,this.searchEnabled=!1),"local"===this.mode||"dropdown"===this.mode?(this.openOnFieldClick=!0,this.showDropDownButton=!0,this.fnStartDataSourceLocal()):this.fnStartDataSourceRemote(),[2]})})},e.prototype.ngAfterViewInit=function(){},e.prototype.fnStartDataSourceLocal=function(){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return t="?_fields="+this.field,this.filter&&(t+="&_where=("+this.filter+")"),this.orderBy&&""!==this.orderBy&&(t+="&_sort="+this.orderBy),t+="&_limit="+this.limit,[4,this.fnPreResponse(t)];case 1:return a=e.sent(),this.ds=new m({store:new u({data:a,onLoaded:this.fnCustomStoreOnLoaded})}),[2]}})})},e.prototype.fnStartDataSourceRemote=function(){return R(this,void 0,void 0,function(){var a=this;return V(this,function(e){return this.ds=new m({store:new h({byKey:function(t){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onLoad.emit(t),[2,this.fnGetCustomStore(t)]})})},load:function(t){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onLoad.emit(t.searchValue),[2,this.fnGetCustomStore(t.searchValue)]})})},onLoaded:this.fnCustomStoreOnLoaded})}),[2]})})},e.prototype.fnGetCustomStore=function(e){var t="?_fields="+this.field+"&_where=("+this.field+",like,$"+e+"$)";return this.filter&&(t="?_fields="+this.field+"&_where=(("+this.field+",like,$"+e+"$)$and("+this.filter+"))"),this.orderBy&&""!==this.orderBy&&(t+="&_sort="+this.orderBy),t+="&_limit="+this.limit,this.fnPreResponse(t)},e.prototype.onValueChanged=function(e){console.log("​SocAutoCompleteComponent -> onValueChanged -> e",e),this.valueChange.emit(e.value)},e.prototype.fnPreResponse=function(i){return R(this,void 0,void 0,function(){var t,a=this;return V(this,function(e){switch(e.label){case 0:return[4,this.request.get(this.api+i)];case 1:return t=e.sent(),t=w.map(t,function(e){return e[a.field]}),[2,t=w.uniqBy(t)]}})})},e.prototype.onOpened=function(e){document.querySelector(".dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper").setAttribute("style","z-index:9999;")},e.prototype.writeValue=function(e){},e.prototype.registerOnChange=function(e){},e.prototype.registerOnTouched=function(e){},e.decorators=[{type:T.Component,args:[{selector:"soc-auto-complete",providers:[{provide:I.NG_VALUE_ACCESSOR,useExisting:T.forwardRef(function(){return e}),multi:!0}],template:'\n      <dx-select-box [dataSource]="ds"\n                [searchEnabled]="searchEnabled"\n                [openOnFieldClick]="openOnFieldClick"\n                [showClearButton]="true"\n                [showDropDownButton]="showDropDownButton"\n                [inputAttr]="{ id: id }"\n                [acceptCustomValue]="acceptCustomValue"\n                [placeholder]="placeholder"\n                [(value)]="value"\n                (onValueChanged)="onValueChanged($event)"\n                (onOpened)="onOpened($event)"\n                [disabled]="disabled"\n                noDataText="ไม่พบข้อมูล"\n                placeholder="กรุณาเลือกรายการ"\n            ></dx-select-box>\n'}]}],e.ctorParameters=function(){return[{type:U}]},e.propDecorators={mode:[{type:T.Input}],api:[{type:T.Input}],field:[{type:T.Input}],id:[{type:T.Input}],placeholder:[{type:T.Input}],value:[{type:T.Input}],disabled:[{type:T.Input}],orderBy:[{type:T.Input}],filter:[{type:T.Input}],limit:[{type:T.Input}],onLoad:[{type:T.Output}],valueChange:[{type:T.Output}]},e}(),ie=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,I.FormsModule,S.SharedModule,x.DxSelectBoxModule],exports:[ae,S.SharedModule],declarations:[ae]}]}],e}(),ne=function(){function e(e){var t=this;this.request=e,this.filteredOptions=[],this.mode="local",this.api="",this.field="",this.fieldApi="",this.id="",this.placeholder="",this.disabled=!1,this.orderBy="",this.filter="",this.ex_type_view="",this.limit=1e3,this.onLoad=new T.EventEmitter,this.valueChange=new T.EventEmitter,this.valueSelete=new T.EventEmitter,this.storeOnLoaded=new T.EventEmitter,this.acceptCustomValue=!0,this.resData=[],this.loadOptionData=[],this.openOnFieldClick=!1,this.showDropDownButton=!1,this.searchEnabled=!0,this.inputValue="",this.fnCustomStoreOnLoaded=function(e){return t.storeOnLoaded.emit(e),e},this.onModelChange=function(){},this.onModelTouched=function(){}}return e.prototype.ngOnInit=function(){return R(this,void 0,void 0,function(){return V(this,function(e){return"dropdown"===this.mode&&(this.acceptCustomValue=!1,this.searchEnabled=!1),"local"===this.mode||"dropdown"===this.mode?(this.openOnFieldClick=!0,this.showDropDownButton=!0,this.fnStartDataSourceLocal()):this.fnStartDataSourceRemote(),[2]})})},e.prototype.ngAfterViewInit=function(){},e.prototype.fnStartDataSourceLocal=function(){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return t="?_fields="+(this.fieldApi?this.fieldApi:this.field),this.filter&&(t+=this.filter),this.orderBy&&""!==this.orderBy&&(t+="&_sort="+this.orderBy),t+="&_limit="+this.limit,[4,this.fnPreResponse(t)];case 1:return a=e.sent(),this.ds=new m({store:new u({data:a,onLoaded:this.fnCustomStoreOnLoaded})}),[2]}})})},e.prototype.fnStartDataSourceRemote=function(){return R(this,void 0,void 0,function(){var a=this;return V(this,function(e){return this.ds=new m({store:new h({byKey:function(t){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onLoad.emit(t),[2,this.fnGetCustomStore(t)]})})},load:function(t){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onLoad.emit(t.searchValue),[2,this.fnGetCustomStore(t.searchValue)]})})},onLoaded:this.fnCustomStoreOnLoaded})}),[2]})})},e.prototype.fnGetCustomStore=function(e){var t="?_fields="+(this.fieldApi?this.fieldApi:this.field)+"&_where=("+this.field+",like,$"+e+"$)";return this.filter&&(t="?_fields="+(this.fieldApi?this.fieldApi:this.field)+"&_where=(("+this.field+",like,$"+e+"$)$and("+this.filter+"))"),this.orderBy&&""!==this.orderBy&&(t+="&_sort="+this.orderBy),t+="&_limit="+this.limit,this.fnPreResponse(t)},e.prototype.onValueChanged=function(e){this.onValueSelete(e),console.log("​SocAutoCompleteComponent -> onValueChanged -> e",e),this.valueChange.emit(e.value)},e.prototype.onValueSelete=function(t){var a=this,e=w.find(this.loadOptionData,function(e){return"ct_dropdown"===a.ex_type_view?e.code+" - "+e.name===t.value:"ct_ext_departmen"===a.ex_type_view?e.short_name+" - "+e.name===t.value:e[a.field]===t.value});console.log("​SocAutoCompleteComponent -> onValueSelete -> e",t,e),this.valueSelete.emit(e)},e.prototype.fnPreResponse=function(o){return R(this,void 0,void 0,function(){var t,a,i,n=this;return V(this,function(e){switch(e.label){case 0:return[4,this.request.get(this.api+o)];case 1:for(i in t=e.sent(),t=w.map(t,function(e){return e}),a=[],t)w.find(a,function(e){return e[n.field]===t[i][n.field]})||a.push(t[i]);return this.loadOptionData=a,[2,w.map(a,function(e){return"ct_dropdown"===n.ex_type_view?e.code+" - "+e.name:"ct_ext_departmen"===n.ex_type_view?e.short_name+" - "+e.name:e[n.field]})]}})})},e.prototype.onOpened=function(e){document.querySelector(".dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper").setAttribute("style","z-index:9999;")},e.prototype.writeValue=function(e){},e.prototype.registerOnChange=function(e){},e.prototype.registerOnTouched=function(e){},e.decorators=[{type:T.Component,args:[{selector:"soc-auto-complete-2",providers:[{provide:I.NG_VALUE_ACCESSOR,useExisting:T.forwardRef(function(){return e}),multi:!0}],template:'\n      <dx-select-box [dataSource]="ds"\n                [searchEnabled]="searchEnabled"\n                [openOnFieldClick]="openOnFieldClick"\n                [showClearButton]="true"\n                [showDropDownButton]="showDropDownButton"\n                [inputAttr]="{ id: id }"\n                [acceptCustomValue]="acceptCustomValue"\n                [placeholder]="placeholder"\n                [(value)]="value"\n                (onValueChanged)="onValueChanged($event)"\n                (onOpened)="onOpened($event)"\n                [disabled]="disabled"\n                noDataText="ไม่พบข้อมูล"\n                placeholder="กรุณาเลือกรายการ"\n            ></dx-select-box>\n'}]}],e.ctorParameters=function(){return[{type:U}]},e.propDecorators={mode:[{type:T.Input}],api:[{type:T.Input}],field:[{type:T.Input}],fieldApi:[{type:T.Input}],id:[{type:T.Input}],placeholder:[{type:T.Input}],value:[{type:T.Input}],disabled:[{type:T.Input}],orderBy:[{type:T.Input}],filter:[{type:T.Input}],ex_type_view:[{type:T.Input}],limit:[{type:T.Input}],onLoad:[{type:T.Output}],valueChange:[{type:T.Output}],valueSelete:[{type:T.Output}],storeOnLoaded:[{type:T.Output}],acceptCustomValue:[{type:T.Input}]},e}(),oe=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,I.FormsModule,S.SharedModule,x.DxSelectBoxModule],exports:[ne,S.SharedModule],declarations:[ne]}]}],e}(),le=function(){function e(e){this.ngControl=e}return Object.defineProperty(e.prototype,"disableControl",{set:function(e){var t=e?"disable":"enable";this.ngControl.control[t]()},enumerable:!0,configurable:!0}),e.decorators=[{type:T.Directive,args:[{selector:"[disableControl]"}]}],e.ctorParameters=function(){return[{type:I.NgControl}]},e.propDecorators={disableControl:[{type:T.Input}]},e}(),re=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[],exports:[le],declarations:[le]}]}],e}(),se=function(){function e(e){this.router=e,this.percent=0,this.buttonText="",this.onCloseModalError=new T.EventEmitter,this.onOkDelete=new T.EventEmitter,this.onOkConfirm=new T.EventEmitter,this.onCancelDelete=new T.EventEmitter,this.onCancelConfirm=new T.EventEmitter,this.onOkDeleteAttachment=new T.EventEmitter,this.onCancelDeleteAttachment=new T.EventEmitter,this.onClickBack=new T.EventEmitter,this.onCancelViewWarning=new T.EventEmitter,this.onCancelUploadValid=new T.EventEmitter,this.onDataErrorExcel=new T.EventEmitter,this.onClickExport=new T.EventEmitter,this.onClickDeleteExport=new T.EventEmitter,this.onOkClone=new T.EventEmitter,this.onOkReport=new T.EventEmitter,this.onCancelClone=new T.EventEmitter,this.onOkDiagramCancel=new T.EventEmitter,this.onCancelDiagramCancel=new T.EventEmitter,this.onCancelAddVOutlook=new T.EventEmitter,this.onOkAddVOutlook=new T.EventEmitter,this.onCancelAddMVara=new T.EventEmitter,this.onOkAddMVara=new T.EventEmitter,this.dataText={userTitle:"",userMessage:""}}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){return R(this,void 0,void 0,function(){var a=this;return V(this,function(e){try{$(this.modalSuccess.nativeElement).on("hidden.bs.modal",function(){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onClickBack.emit(),[2]})})}),$(this.modalEditSuccess.nativeElement).on("hidden.bs.modal",function(){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onClickBack.emit(),[2]})})}),$(this.modalError.nativeElement).on("hidden.bs.modal",function(){return R(a,void 0,void 0,function(){return V(this,function(e){return this.onCloseModalError.emit(),[2]})})})}catch(t){console.log(t)}return[2]})})},e.prototype.openModal=function(e){console.log(e),this.dataText={userTitle:e.userTitle,userMessage:e.userMessage},"myModalDelete"===e.modalId?$(this.modalDelete.nativeElement).modal({backdrop:"static"}):"myModalConfirm"===e.modalId?$(this.modalConfirm.nativeElement).modal("show"):"myModalDeleteAttachment"===e.modalId?$(this.modalDeleteAttachment.nativeElement).modal("show"):"myModalDeleteWarning"===e.modalId?$(this.modalDeleteWarning.nativeElement).modal("show"):"myModalSuccessDelete"===e.modalId?$(this.modalSuccessDelete.nativeElement).modal("show"):"myModalSuccess"===e.modalId?$(this.modalSuccess.nativeElement).modal("show"):"myModalSuccessWarning"===e.modalId?$(this.modalSuccessWarning.nativeElement).modal("show"):"myModalEditSuccess"===e.modalId?$(this.modalEditSuccess.nativeElement).modal("show"):"myModalWarning"===e.modalId?$(this.modalWarning.nativeElement).modal("show"):"myModalReportWarning"===e.modalId?$(this.myModalReportWarning.nativeElement).modal("show"):"myModalUploadImageWarning"===e.modalId?$(this.modalUploadImageWarning.nativeElement).modal("show"):"myModalUploadImageTypeWarning"===e.modalId?$(this.modalUploadImageTypeWarning.nativeElement).modal("show"):"myModalWarningNoTextSearch"===e.modalId?$(this.modalWarningNoTextSearch.nativeElement).modal("show"):"myModalErrorDataExisted"===e.modalId?$(this.modalErrorDataExisted.nativeElement).modal("show"):"myModalErrorDeleteButHaveMenuGroup"===e.modalId?$(this.modalErrorDeleteButHaveMenuGroup.nativeElement).modal("show"):"myModalAddVOutlook"===e.modalId?$(this.modalAddVOutlook.nativeElement).modal("show"):"myModalAddMVara"===e.modalId?$(this.modalAddMVara.nativeElement).modal("show"):(e.modalId,$(this.modalError.nativeElement).modal("show")),document.body.style.paddingRight="0px"},e.prototype.closeModal=function(e){"myModalDelete"===e?$(this.modalDelete.nativeElement).modal("hide"):"myModalConfirm"===e?$(this.modalConfirm.nativeElement).modal("hide"):"myModalDeleteAttachment"===e?$(this.modalDeleteAttachment.nativeElement).modal("hide"):"myModalDeleteWarning"===e?$(this.modalDeleteWarning.nativeElement).modal("hide"):"myModalAddVOutlook"===e?$(this.modalAddVOutlook.nativeElement).modal("hide"):"myModalAddMVara"===e?$(this.modalAddMVara.nativeElement).modal("hide"):"myModalSuccessDelete"===e?$(this.modalSuccessDelete.nativeElement).modal("hide"):"myModalSuccess"===e?$(this.modalSuccess.nativeElement).modal("hide"):"myModalSuccessWarning"===e?$(this.modalSuccessWarning.nativeElement).modal("hide"):"myModalEditSuccess"===e?$(this.modalEditSuccess.nativeElement).modal("hide"):"myModalWarning"===e?$(this.modalWarning.nativeElement).modal("hide"):"myModalReportWarning"===e?$(this.myModalReportWarning.nativeElement).modal("hide"):"myModalUploadImageWarning"===e?$(this.modalUploadImageWarning.nativeElement).modal("hide"):"myModalUploadImageTypeWarning"===e?$(this.modalUploadImageTypeWarning.nativeElement).modal("hide"):"myModalWarningNoTextSearch"===e?$(this.modalWarningNoTextSearch.nativeElement).modal("hide"):"myModalErrorDataExisted"===e?$(this.modalErrorDataExisted.nativeElement).modal("hide"):"myModalErrorDeleteButHaveMenuGroup"===e?$(this.modalErrorDeleteButHaveMenuGroup.nativeElement).modal("hide"):"myModalAddVOutlook"===e?$(this.modalAddVOutlook.nativeElement).modal("hide"):console.error("closeModal Error")},e.prototype.showStringValidDataExcel=function(e){var t="";if(e.data&&e.data.itemOjb&&e.data.itemOjb.failDescription)for(var a=0;a<e.data.itemOjb.failDescription.length;a++)t+="["+e.data.itemOjb.failDescription[a].columeName+']:"'+e.data.itemOjb.failDescription[a].text+'", <br/>';return t},e.prototype.showStringErrorDataExcel=function(e){for(var t="",a=0;a<e.length;a++)t+="["+e[a].columeName+']:"'+e[a].text+'", <br/>';return t},e.prototype.closeProgressbar=function(){$(this.modalProgressBarWarning.nativeElement).modal("hide")},e.prototype.onOkDeleteModal=function(){$(this.modalDelete.nativeElement).modal("hide"),this.onOkDelete.emit()},e.prototype.onOkConfirmModal=function(){$(this.modalConfirm.nativeElement).modal("hide"),this.onOkConfirm.emit()},e.prototype.onOkDeleteAttachmentModal=function(){$(this.modalDeleteAttachment.nativeElement).modal("hide"),this.onOkDeleteAttachment.emit()},e.prototype.onOkReportModal=function(){$(this.myModalReportWarning.nativeElement).modal("hide"),this.onOkReport.emit()},e.prototype.onCancelDeleteModal=function(){this.onCancelDelete.emit()},e.prototype.onCancelConfirmModal=function(){this.onCancelConfirm.emit()},e.prototype.onCancelDeleteAttachmentModal=function(){this.onCancelDeleteAttachment.emit()},e.prototype.onClickBackModal=function(){this.onClickBack.emit()},e.prototype.onCancelViewWarningModal=function(){console.log("hjh"),this.onCancelViewWarning.emit()},e.prototype.onCancelUploadValidModal=function(){this.onCancelUploadValid.emit()},e.prototype.onDataErrorExcelModal=function(){this.onDataErrorExcel.emit()},e.prototype.onCloseModalErrorModal=function(){this.onCloseModalError.emit()},e.prototype.onCancelCloneModal=function(){this.onCancelClone.emit()},e.prototype.onCancelAddVOutlookModal=function(){$(this.modalAddVOutlook.nativeElement).modal("hide"),this.onCancelAddVOutlook.emit()},e.prototype.onOkAddVOutlookModal=function(){$(this.modalAddVOutlook.nativeElement).modal("hide"),this.onOkAddVOutlook.emit()},e.prototype.onCancelAddMVaraModal=function(){$(this.modalAddMVara.nativeElement).modal("hide"),this.onCancelAddMVara.emit()},e.prototype.onOkAddMVaraModal=function(){$(this.modalAddMVara.nativeElement).modal("hide"),this.onOkAddMVara.emit()},e.prototype.onCancelDiagramCancelModal=function(){this.onCancelAddVOutlook.emit()},e.decorators=[{type:T.Component,args:[{selector:"app-alert",providers:[],template:'\x3c!-- POPUP Confirm DELETE --\x3e\n<style>\n  .modal {\n    position: fixed;\n    top: 0;\n    left: 0;\n    display: none;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    outline: 0;\n  }\n\n  .modal.in {\n    display: block;\n  }\n\n  .modal-dialog {\n    position: relative;\n    width: auto;\n    margin: .5rem;\n    pointer-events: none;\n  }\n  @media (min-width: 576px) {\n    .modal-dialog {\n      width: 450px;\n      margin: 1.75rem auto !important;\n    }\n  }\n\n  .modal-dialog-custom {\n    display: flex;\n    align-content: center;\n    min-height: calc(100% - 1rem);\n  }\n  @media (min-width: 576px) {\n    .modal-dialog-custom {\n      min-height: calc(100% - 3.5rem);\n    }\n  }\n  .modal-dialog-scrollable {\n    display: flex;\n    max-height: calc(100% - 1rem);\n  }\n  .modal-dialog-custom.modal-dialog-scrollable {\n    -ms-flex-direction: column;\n    flex-direction: column;\n    -ms-flex-pack: center;\n    justify-content: center;\n    height: 100%;\n  }\n  @media (min-width: 576px) {\n    .modal-dialog-scrollable {\n      max-height: calc(100% - 3.5rem);\n    }\n  }\n  .modal-dialog-scrollable .modal-content {\n    max-height: calc(100vh - 1rem);\n    overflow: hidden;\n  }\n  @media (min-width: 576px) {\n    .modal-dialog-scrollable .modal-content {\n      max-height: calc(100vh - 3.5rem);\n    }\n  }\n  .modal-dialog-custom.modal-dialog-scrollable .modal-content {\n    max-height: none;\n  }\n\n  .modal-content {\n    position: relative;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-direction: column;\n    flex-direction: column;\n    width: 100%;\n    pointer-events: auto;\n    background-color: #fff;\n    background-clip: padding-box;\n    border: 1px solid rgba(0,0,0,.2);\n    border-radius: .3rem;\n    outline: 0;\n  }\n</style>\n<div #myModalDelete class="modal inmodal" id="myModalDelete" tabindex="-1" role="dialog"  aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a  id="btnCloseDelete" name="btnCloseDelete"  class="btn pull-right" data-dismiss="modal" style="border:none;visibility: hidden;" ><i class="fa fa-times fontyellow"></i>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">คุณกำลังลบข้อมูล</h4>\n        <p>ยืนยันอีกครั้งเพื่อทำการลบข้อมูลนี้</p>\n        <br>\n        <div class="row">\n          <button id="btnConfirmCancel" name="btnConfirmCancel" type="button" class="btn btn-default font-btn width-btn-small"\n                  data-dismiss="modal" (click)="onCancelDeleteModal()">ยกเลิก</button>\n          \x3c!--<button type="button" class="btn btn-danger m-l-xs" data-toggle="modal" data-target="#myModal7">Yes,delete it!</button>--\x3e\n          <a id="btnConfirmOk" name="btnConfirmOk" style="margin-left:3px;" class="btn btn-danger font-btn width-btn-small"\n             data-toggle="modal" data-target="#myModal99" data-dismiss="model"\n             (click)="onOkDeleteModal()">ยืนยันการลบ\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\x3c!-- POPUP Confirm  --\x3e\n<div #myModalConfirm class="modal inmodal" id="myModalConfirm" tabindex="-1" role="dialog"  aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a  id="btnCloseConfirm" name="btnCloseConfirm"  class="btn pull-right" data-dismiss="modal" style="border:none;visibility: hidden;" ><i class="fa fa-times fontyellow"></i>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">{{dataText.userTitle}}</h4>\n        <p>{{dataText.userMessage}}</p>\n        <br>\n        <div class="row">\n          <button id="btnConfirmCancel" name="btnConfirmCancel" type="button" class="btn btn-default font-btn width-btn-small"\n                  data-dismiss="modal" (click)="onCancelConfirmModal()">ยกเลิก</button>\n          <a id="btnConfirmOk" name="btnConfirmOk" style="margin-left:3px;" class="btn btn-danger font-btn width-btn-small"\n             data-toggle="modal" data-target="#myModal99" data-dismiss="model"\n             (click)="onOkConfirmModal()">ยืนยัน\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!-- POPUP Confirm DELETE Attachment--\x3e\n<div #myModalDeleteAttachment class="modal inmodal" id="myModalDeleteAttachment" tabindex="-1" role="dialog"  aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a  id="btnCloseDeleteAttachment" name="btnCloseDeleteAttachment"  class="btn pull-right" data-dismiss="modal" style="border:none;visibility: hidden;" ><i class="fa fa-times fontyellow"></i>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">คุณกำลังลบข้อมูล</h4>\n        <p>ยืนยันอีกครั้งเพื่อทำการลบข้อมูลนี้</p>\n        <br>\n        <div class="row">\n          <button id="btnConfirmCancel" name="btnConfirmCancel" type="button" class="btn btn-default font-btn width-btn-small"\n                  data-dismiss="modal" (click)="onCancelDeleteAttachmentModal()">ยกเลิก</button>\n          \x3c!--<button type="button" class="btn btn-danger m-l-xs" data-toggle="modal" data-target="#myModal7">Yes,delete it!</button>--\x3e\n          <a id="btnConfirmOk" name="btnConfirmOk" style="margin-left:3px;" class="btn btn-danger font-btn width-btn-small"\n             data-toggle="modal" data-target="#myModal99" data-dismiss="model"\n             (click)="onOkDeleteAttachmentModal()">ยืนยันการลบ\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!-- POPUP Add vOutlook --\x3e\n<div #myModalAddVOutlook class="modal inmodal" id="myModalAddVOutlook" tabindex="-1" role="dialog"  aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a  id="btnCloseAddVOutlook" name="btnCloseAddVOutlook"  class="btn pull-right" data-dismiss="modal" style="border:none;visibility: hidden;" ><i class="fa fa-times fontyellow"></i>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">คุณกำลังส่งข้อมูลเข้าระบบลงทะเบียนผู้ชี้แจง</h4>\n        <p>ยืนยันอีกครั้งเพื่อทำการส่งข้อมูล</p>\n        <br>\n        <div class="row">\n          <button id="btnCancelAddVOutlook" name="btnCancelAddVOutlook" type="button" class="btn btn-default font-btn width-btn-small"\n                  data-dismiss="modal" (click)="onCancelAddVOutlookModal()">ยกเลิก</button>\n          \x3c!--<button type="button" class="btn btn-danger m-l-xs" data-toggle="modal" data-target="#myModal7">Yes,delete it!</button>--\x3e\n          <a id="btnConfirmAddVOutlook" name="btnConfirmAddVOutlook" style="margin-left:3px;" class="btn btn-danger font-btn width-btn-small"\n             data-toggle="modal" data-target="#myModal99" data-dismiss="model"\n             (click)="onOkAddVOutlookModal()">ยืนยันการส่งข้อมูล\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\x3c!-- POPUP Add MVara --\x3e\n<div #myModalAddMVara class="modal inmodal" id="myModalAddMVara" tabindex="-1" role="dialog"  aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a  id="btnCloseAddMVara" name="btnCloseAddMVara"  class="btn pull-right" data-dismiss="modal" style="border:none;visibility: hidden;" ><i class="fa fa-times fontyellow"></i>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">คุณกำลังส่งข้อมูลเข้าระบบ M-Vara</h4>\n        <p>ยืนยันอีกครั้งเพื่อทำการส่งข้อมูล</p>\n        <br>\n        <div class="row">\n          <button id="btnCancelAddMVara" name="btnCancelAddMVara" type="button" class="btn btn-default font-btn width-btn-small"\n                  data-dismiss="modal" (click)="onCancelAddMVaraModal()">ยกเลิก</button>\n          \x3c!--<button type="button" class="btn btn-danger m-l-xs" data-toggle="modal" data-target="#myModal7">Yes,delete it!</button>--\x3e\n          <a id="btnConfirmAddMVara" name="btnConfirmAddMVara" style="margin-left:3px;" class="btn btn-danger font-btn width-btn-small"\n             data-toggle="modal" data-target="#myModal99" data-dismiss="model"\n             (click)="onOkAddMVaraModal()">ยืนยันการส่งข้อมูล\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!-- POPUP Success DELETE --\x3e\n<div #myModalSuccessDelete class="modal inmodal" id="myModalSuccessDelete" tabindex="-1" role="dialog"  aria-hidden="true"\n     style="margin-left:-17px;" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bggreen">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnSuccessClose" name="btnSuccessClose" class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/success.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontgreen">ความสำเร็จ</h4>\n        <p>ลบข้อมูลเรียบร้อย</p>\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--delete Warning--\x3e\n<div #myModalDeleteWarning class="modal inmodal" id="myModalDeleteWarning" tabindex="-1" role="dialog"     aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnCloseDeleteWarning" name="btnCloseDeleteWarning" class="btn pull-right" data-dismiss="modal" style="border:none;" ><i class="fa btn-em-btn-close fa-close-em-white"></i>\n            </a>\n          </div>\n          <div class="col-sm-4"></div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">แจ้งเตือน</h4>\n        <p>ลบข้อมูลไม่สำเร็จ</p>\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--Create--\x3e\n<div #myModalSuccess class="modal inmodal" id="myModalSuccess" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bggreen">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnSuccessClose" name="btnSuccessClose" class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/success.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontgreen">ความสำเร็จ</h4>\n        <p>{{dataText.userMessage}}</p>\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--edit--\x3e\n<div #myModalEditSuccess class="modal inmodal" id="myModalEditSuccess" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bggreen">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnClose" name="btnClose"  class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/success.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontgreen">ความสำเร็จ</h4>\n        <p>แก้ไขสำเร็จ</p>\n        \x3c!--<h4 class="modal-title fontgreen">Success !</h4>--\x3e\n        \x3c!--<p>Your data has been updated successfully.</p>--\x3e\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--myModalDbError 50001--\x3e\n<div #myModalDbError class="modal inmodal" id="myModalDbError" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgred">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnCloseDataExisted" name="btnCloseDataExisted"  class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/error.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontred">{{dataText.userTitle}}</h4>\n        <p>{{dataText.userMessage}}</p>\n        \x3c!--<h4 class="modal-title fontred">Error Connecting to Database !</h4>--\x3e\n        \x3c!--<p> Please contact your administrator.</p>--\x3e\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--myModalErrorDeleteButHaveMenuGroup 50002--\x3e\n<div #myModalErrorDeleteButHaveMenuGroup class="modal inmodal" id="myModalErrorDeleteButHaveMenuGroup" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgred">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnCloseDataExisted" name="btnCloseDataExisted"  class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/error.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontred">{{dataText.userTitle}}</h4>\n        <p>{{dataText.userMessage}}</p>\n        \x3c!--<h4 class="modal-title fontred">Error !</h4>--\x3e\n        \x3c!--<p>Please check menu or group before delete this microservice.</p>--\x3e\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--MissingParameter create --\x3e\n<div #myModalErrorDataExisted class="modal inmodal" id="myModalErrorDataExisted" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgred">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnCloseDataExisted" name="btnCloseDataExisted"  class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/error.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontred">{{dataText.userTitle}}</h4>\n        <p>{{dataText.userMessage}}</p>\n        \x3c!--<h4 class="modal-title fontred">Error !</h4>--\x3e\n        \x3c!--<p>Data existed. Please check your data and try again.</p>--\x3e\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div #myModalWarning class="modal inmodal" id="myModalWarning" class="modal inmodal"  tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row" style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnWarningClose" name="btnWarningClose" class="btn pull-right" data-dismiss="modal" style="border:none;"><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">{{dataText.userTitle}}</h4>\n        <p>{{dataText.userMessage}}</p>\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div #myModalError  class="modal inmodal" id="myModalError" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgred">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a id="btnErrorClose" name="btnErrorClose"  class="btn pull-right" data-dismiss="modal" style="border:none;" ><font style="color:#ffffff;"><i class="fa flaticon-cross-16px"></i></font>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/error.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontred">แจ้งเตือน</h4>\n        <p>{{dataText.userMessage}}</p>\n\n        <br>\n      </div>\n    </div>\n  </div>\n</div>\n\n\x3c!--Report Warning--\x3e\n<div #myModalReportWarning class="modal inmodal" id="myModalReportWarning" tabindex="-1" role="dialog" aria-hidden="true" data-keyboard="false">\n  <div class="modal-dialog modal-dialog-custom modal-dialog-scrollable">\n    <div class="modal-content animated fadeIn">\n      <div class="bgyellow">\n        <div class="row"  style="padding-top:10px;">\n          <div class="col-sm-8 pull-right m-r">\n            <a  id="btnCloseWarning" name="btnCloseWarning"  class="btn pull-right" data-dismiss="modal" style="border:none;visibility: hidden;" ><i class="fa fa-times fontyellow"></i>\n            </a>\n          </div>\n        </div>\n        <div class="m-l-n-sm">\n          <div class="text-center">\n            <img src="assets/img/warning.png" width="110px">\n          </div>\n        </div>\n      </div>\n      <br>\n      <div class="modal-header">\n        <h4 class="modal-title fontyellow">ไม่พบข้อมูลตามเงื่อนไขที่ท่านเลือก</h4>\n        \x3c!--<p>ไม่พบข้อมูลตามเงื่อนไขที่ท่านเลือก</p>--\x3e\n        <br>\n        <div class="row">\n          \x3c!--<button id="btnConfirmCancel" name="btnConfirmCancel" type="button" class="btn btn-default font-btn width-btn-small" data-dismiss="modal" (click)="onCancelDeleteModal()" title="Cancel" >Cancel</button>--\x3e\n          \x3c!--<button type="button" class="btn btn-danger m-l-xs" data-toggle="modal" data-target="#myModal7">Yes,delete it!</button>--\x3e\n          <button id="btnConfirmOk" name="btnConfirmOk" style="margin-left:3px;" class="btn btn-default font-btn width-btn-small" data-dismiss="model" (click)="onOkReportModal()">ตกลง</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n'}]}],e.ctorParameters=function(){return[{type:D.Router}]},e.propDecorators={dataGrid:[{type:T.ViewChild,args:[x.DxDataGridComponent]}],gridExport:[{type:T.ViewChild,args:["gridExport"]}],gridAlertValidExcel:[{type:T.ViewChild,args:["gridAlertValidExcel"]}],gridAlertErrorExcel:[{type:T.ViewChild,args:["gridAlertErrorExcel"]}],gridAdvance:[{type:T.ViewChild,args:["gridAdvance"]}],modalSuccess:[{type:T.ViewChild,args:["myModalSuccess"]}],modalSuccessWarning:[{type:T.ViewChild,args:["myModalSuccessWarning"]}],modalDelete:[{type:T.ViewChild,args:["myModalDelete"]}],modalConfirm:[{type:T.ViewChild,args:["myModalConfirm"]}],modalDeleteAttachment:[{type:T.ViewChild,args:["myModalDeleteAttachment"]}],modalDeleteWarning:[{type:T.ViewChild,args:["myModalDeleteWarning"]}],modalSuccessDelete:[{type:T.ViewChild,args:["myModalSuccessDelete"]}],modalEditSuccess:[{type:T.ViewChild,args:["myModalEditSuccess"]}],modalWarning:[{type:T.ViewChild,args:["myModalWarning"]}],myModalReportWarning:[{type:T.ViewChild,args:["myModalReportWarning"]}],modalError:[{type:T.ViewChild,args:["myModalError"]}],modalViewWarning:[{type:T.ViewChild,args:["myModalViewWarning"]}],modalProgressBarWarning:[{type:T.ViewChild,args:["myModalProgressBarWarning"]}],modalUploadImageWarning:[{type:T.ViewChild,args:["myModalUploadImageWarning"]}],modalUploadImageTypeWarning:[{type:T.ViewChild,args:["myModalUploadImageTypeWarning"]}],modalWarningNoTextSearch:[{type:T.ViewChild,args:["myModalWarningNoTextSearch"]}],modalErrorDataExisted:[{type:T.ViewChild,args:["myModalErrorDataExisted"]}],modalErrorDeleteButHaveMenuGroup:[{type:T.ViewChild,args:["myModalErrorDeleteButHaveMenuGroup"]}],modalAddVOutlook:[{type:T.ViewChild,args:["myModalAddVOutlook"]}],modalAddMVara:[{type:T.ViewChild,args:["myModalAddMVara"]}],onCloseModalError:[{type:T.Output}],onOkDelete:[{type:T.Output}],onOkConfirm:[{type:T.Output}],onCancelDelete:[{type:T.Output}],onCancelConfirm:[{type:T.Output}],onOkDeleteAttachment:[{type:T.Output}],onCancelDeleteAttachment:[{type:T.Output}],onClickBack:[{type:T.Output}],onCancelViewWarning:[{type:T.Output}],onCancelUploadValid:[{type:T.Output}],onDataErrorExcel:[{type:T.Output}],onClickExport:[{type:T.Output}],onClickDeleteExport:[{type:T.Output}],onOkClone:[{type:T.Output}],onOkReport:[{type:T.Output}],onCancelClone:[{type:T.Output}],onOkDiagramCancel:[{type:T.Output}],onCancelDiagramCancel:[{type:T.Output}],onCancelAddVOutlook:[{type:T.Output}],onOkAddVOutlook:[{type:T.Output}],onCancelAddMVara:[{type:T.Output}],onOkAddMVara:[{type:T.Output}]},e}(),de=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[x.DxDataGridModule,I.FormsModule],exports:[se],declarations:[se]}]}],e}();y.locale("th");var ce=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,Z,I.FormsModule,I.ReactiveFormsModule,x.DxFileUploaderModule,v.ModalModule.forRoot(),x.DxDataGridModule,x.DxTemplateModule,x.DxTabPanelModule,S.AutoCompleteModule,S.TabViewModule,ie,G,re,de,oe],exports:[te],providers:[],declarations:[te]}]}],e}();y.locale("th");var pe=C.th_TH,me=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,f.DxDataGridModule,x.DxTemplateModule,ce,K],exports:[X],declarations:[X],providers:[{provide:C.NZ_I18N,useValue:pe}]}]}],e}(),he=function(l){function e(e,t,a,i,n){var o=l.call(this)||this;return o.appConfigService=e,o.request=t,o.formBuilder=a,o.common=i,o.date=n,o.isImage=!1,o.onModalCreateSubmit=new T.EventEmitter,o.onModalEditSubmit=new T.EventEmitter,o.submitted=!1,o.title="",o.selectList=[],o.modalConfig={ignoreBackdropClick:!0},o.isMore=!1,o.attachmentData={doc_type:null},o.tmpData={},o.filteredDepartments=[],o.departmentList=[],o.disabledForm=!1,o.isOpen=!1,o.isEnable=!1,o.config=e.getConfig(),o.attachmentUrl=w.get(o.config,"apiServers.alfresco.url")||"https://203.154.32.126:2585/api/mfec/Alfresco",o}return N(e,l),e.prototype.ngOnInit=function(){this.th=this.common.fnLocalPCalendar("th"),this.registerForm=this.formBuilder.group({name:[{value:"",disabled:this.disabledForm},I.Validators.required],doc_type:[{value:"",disabled:this.disabledForm}],url:[{value:"",disabled:this.disabledForm}],is_classifieds:[{value:"",disabled:this.disabledForm}],is_image:[{value:"",disabled:this.disabledForm}],keyword:[{value:"",disabled:this.disabledForm}],book_no:[{value:"",disabled:this.disabledForm}],amount:[{value:"",disabled:this.disabledForm}],record_date:[{value:"",disabled:this.disabledForm}],version:[{value:"",disabled:this.disabledForm}],resolution:[{value:"",disabled:this.disabledForm}],remark:[{value:"",disabled:this.disabledForm}],moreField:this.formBuilder.array([])})},e.prototype.open=function(a){return R(this,void 0,void 0,function(){var t;return V(this,function(e){switch(e.label){case 0:return this.isEnable=!1,console.log(a),this.attachmentData={},a?(this.mode=a.mode,this.title=a.title||"",this.downloadToken=a.downloadToken,this.attachmentData=JSON.parse(JSON.stringify(a.data)),this.attachmentData.doc_type||(this.attachmentData.doc_type=null),[4,(t=this).request.getDropDown(a.data.system_id,"ประเภทเอกสาร")]):[3,2];case 1:t.selectList=e.sent(),e.label=2;case 2:return this.mode&&(this.attachmentData.record_date=this.date.getNow()),"VIEW"!==this.mode?("EDIT"===this.mode&&(this.isEnable=!0),this.uploadAttachment.clearValue(),this.disabledForm=!1):this.disabledForm=!0,11===this.attachmentData.system_id&&(this.attachmentData.is_classifieds=!0),this.modal.show(),[2]}})})},e.prototype.f=function(){return this.registerForm.controls},e.prototype.closeModal=function(){this.submitted=!1,this.selectList=[],this.isMore=!1,this.moreField=[],this.attachmentData={},this.modal.hide()},e.prototype.onYesClick=function(e){e.hide()},e.prototype.onNoClick=function(e){e.hide()},e.prototype.onHidden=function(e){console.log("LOG MESSAGE: ModalConfirm -> onHidden -> $event",e)},e.prototype.checkExtraField=function(){console.log(this.selectList.map(function(e){return e.name}).indexOf(this.attachmentData.name),this.attachmentData.name),(!this.attachmentData.name||""==this.attachmentData.name||-1<this.selectList.map(function(e){return e.name}).indexOf(this.attachmentData.name))&&(this.attachmentData.name=this.attachmentData.doc_type),this.moreField=[],this.attachmentData.system_id?this.isMore=!0:this.isMore=!1},e.prototype.onCellPrepared=function(e){if("data"===e.rowType)for(var t in e.component.columns)e.column.dataField===e.component.columns[t]&&(e.cellElement.accessKey=e.component.columns[t])},e.prototype.addField=function(e,t){var a,i=this.registerForm.controls.moreField;if("text"===e.type)(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n);else if("datetime"===e.type){if(t)(n={})[e.field_name]=[I.Validators.required,b.CustomValidators.date],a=this.formBuilder.group(n);else(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n)}else if("special"===e.type){var n;if(t)(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n);else(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n);if("amount"===e.field_name)(n={}).amount_type=[{value:"",disabled:this.disabledForm}],i.push(this.formBuilder.group(n))}i.push(a)},e.prototype.getValidateMoreField=function(e,t,a){var i=this.f.moreField;return a&&(i=(i=i.controls[e]).controls[t]).errors?i.errors[a]:i.errors},e.prototype.getRowIndex=function(e){return e.data?e.row.dataIndex+1:""},e.prototype.onSubmit=function(){return R(this,void 0,void 0,function(){return V(this,function(e){return this.submitted=!0,this.registerForm.invalid||("CREATE"===this.mode?(this.attachmentData.created_at=this.date.getNow(),this.attachmentData.doc_type&&"null"!==this.attachmentData.doc_type||delete this.attachmentData.doc_type,this.onModalCreateSubmit.emit(w.cloneDeep(this.attachmentData))):this.onModalEditSubmit.emit(w.cloneDeep(this.attachmentData)),this.closeModal()),[2]})})},e.prototype.onUploaded=function(e){console.log("data",e),e&&e.uuid?(this.attachmentData.url=this.attachmentUrl+"/"+e.uuid,this.attachmentData.uuid=e.uuid,this.attachmentData.filename=e.fileName,this.isEnable=!0):this.isEnable=!1},e.prototype.clickUrl=function(){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return a=(t=window).open,[4,this.request.getAttachmentLinkToken(this.attachmentData.url)];case 1:return a.apply(t,[e.sent()]),[2]}})})},e.prototype.getImageLink=function(e){return e.url+"?downloadToken="+this.downloadToken},e.decorators=[{type:T.Component,args:[{selector:"modal-attachment",template:'<div class="modal fade" bsModal #modal="bs-modal" [config]="{backdrop: \'static\'}"\n     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name1">\n    <div class="modal-dialog modal-lg">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-name" class="modal-title pull-left">{{title}}</h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <div class="row">\n                    <div class="col-lg-12">\n                        <form class="m-form m-form--state m-form--fit m-form--label-align-right" [formGroup]="registerForm" (ngSubmit)="onSubmit()">\n                            <div class="m-portlet__body">\n                                \x3c!-- เอกสารแนบ --\x3e\n                                <div *ngIf="attachmentData.system_id !== 17">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>ชื่อเรื่อง :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().name.errors }">\n                                                <label class="control-label">ชื่อเอกสาร<span class="color-red">&nbsp;*</span></label>\n                                                <input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.name" [disabled]="disabledForm">\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" [(ngModel)]="stepData.name" disabled>--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().name.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().name.errors.required">First Name is required</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-2">--\x3e\n                                        \x3c!--<span>ประเภทเอกสาร :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-12">\n                                        <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().doc_type.errors }">\n                                            <label class="control-label">ประเภทเอกสาร</label>\n                                            <select id="selNewStatus" style="width: 100%" [(ngModel)]="attachmentData.doc_type" formControlName="doc_type"   (change)="checkExtraField()" [disabled]="disabledForm">\n                                                <option value="null">กรุณาเลือกรายการ</option>\n                                                <option *ngFor="let data of selectList" [ngValue]="data.name">{{data.name}}</option>\n                                            </select>\n                                            <div *ngIf="submitted && f().doc_type.errors" class="invalid-feedback">\n                                                <div *ngIf="f().doc_type.errors.required">First Name is required</div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id !== 17 && attachmentData.system_id !== 11">\n                                    <div class="row">\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().remark.errors }">\n                                                <label class="control-label">หมายเหตุ</label>\n                                                <input type="text" class="form-control m-input" id="txtRemark" formControlName="remark" [(ngModel)]="attachmentData.remark" [disabled]="disabledForm">\n                                                <div *ngIf="submitted && f().remark.errors" class="invalid-feedback">\n                                                    <div *ngIf="f().remark.errors.required">กรุณากรอก หมายเหตุ</div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-2">--\x3e\n                                        \x3c!--<span>เอกสารแนบ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div *ngIf="mode !== \'VIEW\'" class="col-sm-12">\n                                        <label class="control-label">เอกสารแนบ</label>\n                                        <upload-attachment #uploadAttachment [systemId]="attachmentData.system_id" (uploaded)="onUploaded($event)" [onlyImage]="isImage"></upload-attachment>\n                                    </div>\n                                    <div *ngIf="mode === \'VIEW\'" class="col-sm-12">\n                                        <label *ngIf="!isImage" class="control-label">เอกสารแนบ</label>\n                                        <label *ngIf="isImage" class="control-label">เครื่องหมาย</label>\n                                        <br>\n                                        <a *ngIf="!isImage" [href]="getImageLink(attachmentData)" target="_blank">{{attachmentData.url}}</a>\n                                        <img *ngIf="isImage" [src]="getImageLink(attachmentData)" style="width: auto !important; text-align: center">\n                                    </div>\n                                </div>\n                                <br>\n                                <div *ngIf="attachmentData.system_id === 11">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>จัดเข้าวาระ :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().is_classifieds.errors }">\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="checkbox" id="chxIsClassifieds"  name="is_classifieds" formControlName="is_classifieds" [(ngModel)]="attachmentData.is_classifieds" [disabled]="disabledForm" ng-checked> จัดเข้าวาระ\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().is_classifieds.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().is_classifieds.errors.required">First Name is required</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id === 11">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>แปลงเป็นภาพแล้ว :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().is_image.errors }">\n                                                \x3c!--<label class="control-label">แปลงเป็นภาพแล้ว</label>--\x3e\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="checkbox" id="chxIsImage"  name="is_image" formControlName="is_image" [(ngModel)]="attachmentData.is_image" [disabled]="disabledForm" ng-checked> แปลงเป็นภาพแล้ว\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().is_classifieds.errors" class="invalid-feedback">--\x3e\n                                                \x3c!--<div *ngIf="f().is_classifieds.errors.required">First Name is required</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id === 11">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>คำสำคัญ :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().keyword.errors }">\n                                                <label class="control-label">คำสำคัญ</label>\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="text" class="form-control m-input" id="txtKeyword" formControlName="keyword" [(ngModel)]="attachmentData.keyword" [disabled]="disabledForm">\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                <div *ngIf="submitted && f().keyword.errors" class="invalid-feedback">\n                                                    <div *ngIf="f().keyword.errors.required">กรุณากรอก คำสำคัญ</div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id === 17">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>เลขที่เอกสาร :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().book_no.errors }">\n                                                <label class="control-label">เลขที่เอกสาร</label>\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="text" class="form-control m-input" id="txtBookNo" formControlName="book_no" [(ngModel)]="attachmentData.book_no" [disabled]="disabledForm">\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                <div *ngIf="submitted && f().book_no.errors" class="invalid-feedback">\n                                                    <div *ngIf="f().book_no.errors.required">กรุณากรอก เลขที่เอกสาร</div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                \x3c!--<div *ngIf="attachmentData.system_id === 17">--\x3e\n                                    \x3c!--<div class="row">--\x3e\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>จำนวน :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        \x3c!--<div class="col-sm-10">--\x3e\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().amount.errors }">--\x3e\n                                                \x3c!--&lt;!&ndash;<label class="control-label"></label>&ndash;&gt;--\x3e\n                                                \x3c!--<input type="number" class="form-control m-input" id="txtAmount" name="amount" formControlName="amount" [(ngModel)]="attachmentData.amount">--\x3e\n                                                \x3c!--&lt;!&ndash;<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">&ndash;&gt;--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().amount.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().amount.errors.required">กรุณากรอก จำนวน</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        \x3c!--</div>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--</div>--\x3e\n                                <div *ngIf="attachmentData.system_id === 17">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>วันที่จัดเก็บ :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().record_date.errors }">\n                                                <label class="control-label">วันที่จัดเก็บ</label>\n                                                <soc-date-box [id]="\'txtDate\'" [(value)]="attachmentData.record_date" [disabled]="disabledForm"></soc-date-box>\n                                                <div *ngIf="submitted && f().record_date.errors" >\n                                                    <div *ngIf="f().record_date.errors.required" class="lable-error">กรุณากรอก วันที่จัดเก็บ</div>\n                                                    <div *ngIf="f().record_date.errors.date" class="lable-error">กรุณากรอก วันที่จัดเก็บ ให้ถูกต้อง</div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                \x3c!--<div *ngIf="attachmentData.system_id === 17">--\x3e\n                                    \x3c!--<div class="row">--\x3e\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>เวอร์ชั่น/เลขรุ่น :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        \x3c!--<div class="col-sm-10">--\x3e\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().version.errors }">--\x3e\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtVersion"  name="version" formControlName="version" [(ngModel)]="attachmentData.version">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().version.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().version.errors.required">กรุณากรอก เวอร์ชั่น/เลขรุ่น</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        \x3c!--</div>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--</div>--\x3e\n                            </div>\n                            <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                                <div class="m-form__actions" style="margin-left: -5px;margin-right: -5px;">\n                                    <button *ngIf="mode !== \'VIEW\'" [disabled]="!isEnable" type="submit" class="btn btn-success btn-md btn-md-save">\n                                        บันทึก\n                                    </button>\n                                    <button type="reset" class="btn btn-default btn-md btn-md-search" (click)="closeModal()">\n                                        ยกเลิก\n                                    </button>\n                                </div>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:I.FormBuilder},{type:H},{type:ee}]},e.propDecorators={isImage:[{type:T.Input}],onModalCreateSubmit:[{type:T.Output}],onModalEditSubmit:[{type:T.Output}],modal:[{type:T.ViewChild,args:["modal"]}],uploadAttachment:[{type:T.ViewChild,args:["uploadAttachment"]}]},e}(function(){});y.locale("th");var ue=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,Z,I.FormsModule,I.ReactiveFormsModule,v.ModalModule.forRoot(),x.DxDataGridModule,x.DxTemplateModule,S.AutoCompleteModule,G],exports:[he],providers:[],declarations:[he]}]}],e}(),fe=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[G,me,ce,K,ue],declarations:[z],providers:[U,H,ee],exports:[z]}]}],e}(),be=function(){function e(e,t,a,i,n){this.appConfigService=e,this.request=t,this.common=a,this.formBuilder=i,this.b2b=n,this.mode="CREATE",this.sentList=[],this.dxgridPageSize=10,this.allowedPageSizes1=10,this.allowedPageSizes2=25,this.allowedPageSizes3=50,this.allowedPageSizes4=100,this.customers=[],this.lastStep="",this.recieveData={},this.submittedRecieve=!1,this.config=e.getConfig()}return e.prototype.ngOnInit=function(){this.getSentList(),this.recieveForm=this.formBuilder.group({book_no:["",[I.Validators.required]],recv_date:new I.FormControl("")})},e.prototype.fr=function(){return this.recieveForm.controls},e.prototype.getSentList=function(){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){switch(e.label){case 0:return console.log("getSentList",this.sentList),t=this.option.data,a={filter:{ref_table:t.ref_table,ref_id:t.ref_id},order_by:["is_important","send_book_no","created_at"]},[4,this.request.post("/search/v_ct_step_sent",a)];case 1:return i=e.sent(),this.sentList=i.resultData,console.log("getSentList",this.sentList),[2]}})})},e.prototype.getRowIndex=function(e){return e.data?(this.dxDataGridSentList.instance.option("paging.pageIndex")||0)*this.dxDataGridSentList.instance.option("paging.pageSize")+(e.row.dataIndex+1):""},e.prototype.editRecieve=function(e){console.log("data",e),this.tmpData=e,this.recieveModal.show()},e.prototype.closeRecieveModal=function(){this.submittedRecieve=!1,this.recieveData={},this.tmpData={},this.recieveModal.hide()},e.prototype.onSubmitRecieve=function(){return R(this,void 0,void 0,function(){return V(this,function(e){switch(e.label){case 0:return this.submittedRecieve=!0,this.recieveForm.invalid?[2]:(console.log("tmpData",this.tmpData),this.recieveData.name=this.tmpData.name,this.tmpData.ct_main_id&&(this.recieveData.ct_main_id=this.tmpData.ct_main_id),this.tmpData.ct_send_id&&(this.recieveData.ct_send_id=this.tmpData.ct_send_id),this.tmpData.ct_step_data_id&&(this.recieveData.ct_step_data_id=this.tmpData.ct_step_data_id),console.log("recieveData",this.recieveData),[4,this.request.post("/db/ct_recieve",this.recieveData)]);case 1:return e.sent(),this.getSentList(),this.closeRecieveModal(),[2]}})})},e.prototype.isImportant=function(e){return e.is_important?"สำคัญ":""},e.prototype.onCellPrepared=function(e){"data"===e.rowType&&(e.cellElement.accessKey=e.column.caption)},e.decorators=[{type:T.Component,args:[{selector:"soc-sent-list",template:'\n<div class="col-sm-12">\n    <div class="table-responsive table-wrapper">\n        <dx-data-grid #dxDataGridSentList\n                      id="gridContainer" noDataText="" showBorders="true" class="card-list-table"\n                      (onCellPrepared)="onCellPrepared($event)" [dataSource]="sentList"\n                      [hoverStateEnabled]="true" [rowAlternationEnabled]="true" [columnAutoWidth]="false"\n                      [allowColumnResizing]="true" [allowColumnReordering]="true" [wordWrapEnabled]="false"\n                      [showBorders]="true">\n            <dxi-column caption="รายการที่" [allowSorting]="false" cellTemplate="cellTemplate" alignment="center" [width]="70"></dxi-column>\n            <dxi-column *ngIf="mode === \'EDIT\'" caption="จัดการ" [allowSorting]="false" cellTemplate="cellTemplateAction" alignment="center" [width]="70"></dxi-column>\n            <dxi-column dataField="send_to" caption="หน่วยงาน"></dxi-column>\n            <dxi-column dataField="send_book_no" caption="เลขที่หนังสือส่งออก"></dxi-column>\n            <dxi-column dataField="send_date" caption="วันที่ส่งออก" dataType="date" alignment="center" [width]="100"></dxi-column>\n            <dxi-column [calculateCellValue]="isImportant" caption="ความสำคัญ"></dxi-column>\n            <dxi-column dataField="book_no" caption="เลขที่รับหนังสือ"></dxi-column>\n            <dxi-column dataField="recv_date" caption="วันที่รับ" dataType="date" alignment="center" [width]="100"></dxi-column>\n            <dxo-paging [pageSize]="dxgridPageSize"></dxo-paging>\n            <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[allowedPageSizes1, allowedPageSizes2, allowedPageSizes3, allowedPageSizes4]"\n                       [showInfo]="false" [visible]="true" [showNavigationButtons]="true">\n            </dxo-pager>\n            <dxo-state-storing [enabled]="true" type="localStorage" storageKey="sentListDataGrid"></dxo-state-storing>\n            <div *dxTemplate="let data of \'cellTemplate\'">\n                {{getRowIndex(data)}}\n            </div>\n            <div *dxTemplate="let data of \'cellTemplateAction\'">\n                <a *ngIf="mode === \'EDIT\'" id="btnEditRecieve" (click)="editRecieve(data.data)" class="btn btn-default btn-sm icon" data-toggle="tooltip" data-placement="top" title="แก้ไข"><i class="fal fa-pencil-alt"></i></a>\n            </div>\n        </dx-data-grid>\n    </div>\n</div>\x3c!--End col-sm-12--\x3e\n<div class="modal fade" bsModal #recieveModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="dialog-static-name2" [config]="{backdrop: \'static\'}">\n    <div class="modal-dialog modal-md">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-recieve" class="modal-title pull-left"><label>รับหนังสือ ตอบความเห็น</label></h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeRecieveModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <form class="m-form m-form--state m-form--fit m-form--label-align-right" [formGroup]="recieveForm" (ngSubmit)="onSubmitRecieve()">\n                    <div class="ibox-body">\n                        <div class="row">\n                            <div class="form-group">\n                                <label class="control-label">เลขที่รับหนังสือ</label>\n                                <div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedRecieve && fr().book_no.errors }">\n                                    <input type="text" class="form-control m-input" id="txtRecieveBookNo" formControlName="book_no" [(ngModel)]="recieveData.book_no">\n                                    <div *ngIf="submittedRecieve && fr().book_no.errors" class="invalid-feedback">\n                                        <div *ngIf="fr().book_no.errors.required">First Name is required</div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="form-group">\n                                <label class="control-label">วันที่รับ</label>\n                                \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submittedRecieve && fr().recv_date.errors }">--\x3e\n                                    <soc-date-box [id]="\'txtRecieveDate\'" [(value)]="recieveData.recv_date"></soc-date-box>\n                                    \x3c!--<div *ngIf="submittedRecieve && fr().recv_date.errors" >--\x3e\n                                        \x3c!--<div *ngIf="fr().recv_date.errors.required" class="lable-error">Date is required</div>--\x3e\n                                        \x3c!--<div *ngIf="fr().recv_date.errors.date" class="lable-error">Date is invalid</div>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--</div>--\x3e\n                            </div>\n                        </div>\n                    </div>\n                    <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                        <div class="m-form__actions">\n                            <button type="submit" class="btn btn-success btn-md btn-md-save">\n                                บันทึก\n                            </button>\n                            <button type="reset" class="btn btn-default btn-md btn-md-search" (click)="closeRecieveModal()">\n                                ยกเลิก\n                            </button>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>\n'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:H},{type:I.FormBuilder},{type:j}]},e.propDecorators={mode:[{type:T.Input}],option:[{type:T.Input}],dxDataGridSentList:[{type:T.ViewChild,args:["dxDataGridSentList"]}],modalStepView:[{type:T.ViewChild,args:["modalStepView"]}],recieveModal:[{type:T.ViewChild,args:["recieveModal"]}]},e}();y.locale("th");var ge=C.th_TH,ve=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,f.DxDataGridModule,x.DxTemplateModule,ce,I.FormsModule,v.ModalModule.forRoot(),I.ReactiveFormsModule,Z,K],exports:[be],declarations:[be],providers:[{provide:C.NZ_I18N,useValue:ge}]}]}],e}(),xe=function(){function e(e,t,a,i){this.appConfigService=e,this.request=t,this.common=a,this.b2b=i,this.mode="CREATE",this.type=2,this.showImage=!1,this.onLoaded=new T.EventEmitter,this.onClickScan=new T.EventEmitter,this.onClickDelete=new T.EventEmitter,this.columns=["ลำดับที่","ผู้แก้ไข","วันที่","สถานะการติดตาม","หมายเหตุ"],this.attachmentList=[],this.dxgridPageSize=10,this.allowedPageSizes1=10,this.allowedPageSizes2=25,this.allowedPageSizes3=50,this.allowedPageSizes4=100,this.customers=[],this.lastStep="",this.deleteIdList=[],this.dsAttachment=[],this.selectedAttachment=[],this.tmpId=-1,this.classifieds=0,this.username_caption="ผู้บันทึก/ผู้นำเข้า",this.config=e.getConfig()}return e.prototype.ngOnInit=function(){return R(this,void 0,void 0,function(){var t=this;return V(this,function(e){return setTimeout(function(){return R(t,void 0,void 0,function(){var t;return V(this,function(e){switch(e.label){case 0:return[4,(t=this).b2b.getAttachmentToken()];case 1:return t.downloadToken=e.sent(),[2]}})})},500),"CREATE"!==this.mode&&this.getAttachmentList(),[2]})})},e.prototype.getAttachmentList=function(){return R(this,void 0,void 0,function(){var a,i,n,o,l,r;return V(this,function(e){switch(e.label){case 0:return console.log("getAttachmentList",this.attachmentList,this.option.username_caption),n={filter:{ref_table:this.option.data.ref_table,ref_id:this.option.data.ref_id,system_id:this.option.data.system_id},order_by:["order_no"]},this.option.data.result_table_id&&(n.filter.result_table_id=this.option.data.result_table_id),[4,this.request.post("/search/rc_attachment_prop",n)];case 1:o=e.sent(),this.attachmentList=o.resultData,this.classifieds=0;try{for(l=Y(this.attachmentList),r=l.next();!r.done;r=l.next())r.value.is_classifieds&&this.classifieds++}catch(t){a={error:t}}finally{try{r&&!r.done&&(i=l["return"])&&i.call(l)}finally{if(a)throw a.error}}return console.log("getAttachmentList",this.attachmentList),this.onLoaded.emit(),[2]}})})},e.prototype.addAttachmentList=function(e){e.id=this.tmpId,this.tmpId--,this.b2b.getVerifyToken().phoneBookData&&0<this.b2b.getVerifyToken().phoneBookData.length&&(e.username=this.b2b.getVerifyToken().username,e.recorder_name=this.b2b.getVerifyToken().phoneBookData[0].name),e.action="add",e.is_classifieds&&this.classifieds++,this.attachmentList.push(e),console.log("getAttachmentList",this.attachmentList)},e.prototype.editAttachmentList=function(e){for(var t=0;t<this.attachmentList.length;t++)this.attachmentList[t].id===e.id&&(e.is_classifieds&&!this.attachmentList[t].is_classifieds?this.classifieds++:!e.is_classifieds&&this.attachmentList[t].is_classifieds&&this.classifieds--,this.attachmentList[t]=e);console.log("getAttachmentList",this.attachmentList)},e.prototype.getRowIndex=function(e){return e.data?(e.data.order_no=e.component.pageIndex()*e.component.pageSize()+e.rowIndex+1,e.data.order_no):""},e.prototype.clickAdd=function(){this.option.mode="CREATE",this.attachmentModal?this.attachmentModal.open(this.option):this.modalAttachment.open(this.option)},e.prototype.clickEdit=function(e){console.log("clickEdit",e);var t,a=e.filename,i=a.substring(a.length-3,a.length);(console.log("fileType",i),1!=this.type||"pdf"!=i&&"PDF"!=i)?((t=w.cloneDeep(this.option)).data=e,t.mode="EDIT",t.downloadToken=this.downloadToken,this.attachmentModal?this.attachmentModal.open(t):this.modalAttachment.open(t)):((t=w.cloneDeep(this.option)).data=e,t.mode="EDIT",t.downloadToken=this.downloadToken,this.onClickScan.emit(t))},e.prototype.clickView=function(e){var t,a=e.filename,i=a.substring(a.length-3,a.length);(console.log("fileType",i),1!=this.type||"pdf"!=i&&"PDF"!=i)?((t=w.cloneDeep(this.option)).data=e,t.mode="VIEW",t.downloadToken=this.downloadToken,this.attachmentViewModal?this.attachmentViewModal.open(t):this.modalAttachmentView.open(t)):((t=w.cloneDeep(this.option)).data=e,t.mode="VIEW",this.onClickScan.emit(t))},e.prototype.clickMoveUp=function(e){var t=this.attachmentList[e.rowIndex];this.attachmentList[e.rowIndex]=this.attachmentList[e.rowIndex-1],this.attachmentList[e.rowIndex-1]=t},e.prototype.clickMoveDown=function(e){var t=this.attachmentList[e.rowIndex];this.attachmentList[e.rowIndex]=this.attachmentList[e.rowIndex+1],this.attachmentList[e.rowIndex+1]=t},e.prototype.clickDownload=function(t){return R(this,void 0,void 0,function(){return V(this,function(e){return window.open(t.url+"?downloadToken="+this.downloadToken),[2]})})},e.prototype.getLastStep=function(){return this.lastStep},e.prototype.fnClickDelete=function(e){this.onClickDelete.emit(),this.deleteIdList=e,0<this.deleteIdList.length&&this.confirmDelete()},e.prototype.confirmDelete=function(){this.goAlert("","","myModalDeleteAttachment")},e.prototype.goAlert=function(e,t,a){var i={modalId:a,userTitle:e,userMessage:t};this.alertModal?this.alertModal.openModal(i):this.myModal.openModal(i)},e.prototype.onCellPrepared=function(e){"data"===e.rowType&&(e.cellElement.accessKey=e.column.caption)},e.prototype.fnDeleteMultiple=function(){return R(this,void 0,void 0,function(){var a,i,n,o,l,r;return V(this,function(e){console.log("this.deleteIdList",this.deleteIdList),console.log("this.attachmentList before",this.attachmentList);try{for(n=Y(this.deleteIdList),o=n.next();!o.done;o=n.next())for(l=o.value,r=this.attachmentList.length-1;0<=r;r--)this.attachmentList[r].id===l&&(this.attachmentList[r].is_classifieds&&this.classifieds--,this.attachmentList.splice(r,1))}catch(t){a={error:t}}finally{try{o&&!o.done&&(i=n["return"])&&i.call(n)}finally{if(a)throw a.error}}return console.log("this.attachmentList after",this.attachmentList),[2]})})},e.prototype.onClickBack=function(){console.log("clickback")},e.prototype.getImageLink=function(e){return e.url+"?downloadToken="+this.downloadToken},e.prototype.scan=function(){this.option.mode="CREATE",this.onClickScan.emit(this.option)},e.decorators=[{type:T.Component,args:[{selector:"soc-attachment-list",template:'<div class="col-sm-12">\n        <div class="ibox-heading-total" style="padding: 0px 20px 0;">\n                <h5 class="ibox-title-text"></h5>\n                \x3c!--<button id="btn" name="btn" type="button" class="btn btn-success " data-toggle="tooltip"--\x3e\n                \x3c!--title="เพิ่มข้อมูลรายละเอียดประเด็น" data-placement="top" style="min-width: 80px;padding: 8px 10px;">ทำสำเนา</button>--\x3e\n                <button *ngIf="mode !== \'VIEW\' &&  type === 1" id="btnScan" name="btnScan" type="button"\n                        class="btn btn-success" data-toggle="tooltip" data-placement="top"\n                        style="min-width: 80px;padding: 8px 10px;" (click)="scan()">สแกน</button>\n                <button *ngIf="mode !== \'VIEW\'" [disabled]="selectedAttachment.length === 0" id="btnDelete"\n                        name="btnDelete" type="button" class="btn btn-success" data-toggle="tooltip"\n                        data-placement="top" style="min-width: 80px;padding: 8px 10px;"\n                        (click)="fnClickDelete(selectedAttachment)">ลบ</button>\n                <button *ngIf="mode !== \'VIEW\'" id="btnAdd" name="btnAdd" type="button" class="btn btn-success"\n                        data-toggle="tooltip" data-placement="top" style="min-width: 80px;padding: 8px 10px;"\n                        (click)="clickAdd()">เพิ่ม</button>\n        </div>\n        <div class="ibox-body">\n                <div class="table-responsive table-wrapper">\n                        \x3c!--(onCellPrepared)="onCellPrepared1($event)"--\x3e\n                        <dx-data-grid #dxDataGridPrisoner id="dxDataGridPrisoner" [dataSource]="attachmentList"\n                                keyExpr="id" [hoverStateEnabled]="true" noDataText="" showBorders="true"\n                                [rowAlternationEnabled]="true" [columnAutoWidth]="false" class="card-list-table"\n                                [allowColumnResizing]="true" [allowColumnReordering]="true"\n                                (onCellPrepared)="onCellPrepared($event)" [wordWrapEnabled]="false"\n                                [(selectedRowKeys)]="selectedAttachment" class="card-list-table">\n                                <dxo-paging [pageSize]="dxgridPageSize"></dxo-paging>\n                                <dxo-pager [showPageSizeSelector]="true"\n                                        [allowedPageSizes]="[allowedPageSizes1, allowedPageSizes2, allowedPageSizes3, allowedPageSizes4]"\n                                        [showInfo]="false" [visible]="true" [showNavigationButtons]="true"></dxo-pager>\n                                <dxo-scrolling showScrollbar="always"></dxo-scrolling>\n                                <dxo-remote-operations [sorting]="true" [paging]="true"></dxo-remote-operations>\n                                <dxo-selection *ngIf="mode !== \'VIEW\'" selectAllMode="page" showCheckBoxesMode="always"\n                                        mode="multiple" style="min-width: 50px !important;"></dxo-selection>\n                                <dxo-state-storing [enabled]="true" type="localStorage"\n                                        storageKey="attachmentListDataGrid"></dxo-state-storing>\n                                <dxi-column caption="ลำดับที่" [allowSorting]="false" cellTemplate="cellTemplateNo"\n                                        alignment="center" [width]="70"></dxi-column>\n                                <dxi-column caption="จัดการ" [allowSorting]="false" cellTemplate="cellTemplateAction"\n                                        alignment="center" [width]="mode !== \'VIEW\' ? 255 : 105"></dxi-column>\n                                <dxi-column dataField="recorder_name" [caption]="option.username_caption ?option.username_caption :username_caption"></dxi-column>\n                                <dxi-column *ngIf="type === 3" dataField="book_no" caption="เลขที่เอกสาร"></dxi-column>\n                                <dxi-column *ngIf="type === 2 || type === 1" dataField="name" caption="ชื่อเอกสาร">\n                                </dxi-column>\n                                <dxi-column dataField="doc_type" caption="ประเภทเอกสาร"></dxi-column>\n                                <dxi-column *ngIf="type === 1" dataField="is_classifieds" caption="จัดเข้าวาระ">\n                                </dxi-column>\n                                \x3c!--<dxi-column dataField="order" caption="ลำดับ"></dxi-column>--\x3e\n                                <dxi-column dataField="created_at" caption="วันที่สร้าง/นำเข้า" dataType="date"\n                                        alignment="center" [width]="100"></dxi-column>\n                                <dxi-column *ngIf="type === 3" dataField="record_date" dataType="date"\n                                        caption="วันที่จัดเก็บ" alignment="center" [width]="100"></dxi-column>\n                                <dxi-column *ngIf="type === 2 || type === 1" dataField="remark" caption="หมายเหตุ">\n                                </dxi-column>\n                                \x3c!--<dxi-column *ngIf="type === 3" dataField="amount" caption="จำนวน"></dxi-column>--\x3e\n                                \x3c!--<dxi-column *ngIf="type === 4" dataField="version" caption="เวอร์ชั่น"></dxi-column>--\x3e\n                                <dxi-column *ngIf="showImage" caption="เครื่องหมาย" cellTemplate="cellTemplateImage">\n                                </dxi-column>\n                                <div *dxTemplate="let data of \'cellTemplateImage\'" class=" text-center">\n                                        <img *ngIf="showImage" [src]="getImageLink(data.data)"\n                                                style="width: auto !important;">\n                                </div>\n                                <div *dxTemplate="let data of \'cellTemplateNo\'" class=" text-center">\n                                        <span>{{getRowIndex(data)}}</span>\n                                </div>\n                                <div *dxTemplate="let data of \'cellTemplateAction\'">\n                                        <a *ngIf="mode !== \'VIEW\'" id="btnEdit" (click)="clickEdit(data.data)"\n                                                class="btn btn-default btn-sm  icon" data-toggle="tooltip"\n                                                data-placement="top" title="แก้ไข"><i class="fal fa-pencil-alt"></i></a>\n                                        <a id="btnView" (click)="clickView(data.data)"\n                                                class="btn btn-default btn-sm icon" data-toggle="tooltip"\n                                                data-placement="top" title="ดูข้อมูล"><i class="fal fa-eye"></i></a>\n                                        <a *ngIf="data.rowIndex !== 0 && mode !== \'VIEW\'" id="btnMoveUp"\n                                                (click)="clickMoveUp(data)" class="btn btn-default btn-sm icon"\n                                                data-toggle="tooltip" data-placement="top" title="เลื่อนขึ้น"><i\n                                                        class="fal fa-arrow-up"></i></a>\n                                        <a *ngIf="data.rowIndex < data.component.pageSize() -1 && data.rowIndex < attachmentList.length - 1 && mode !== \'VIEW\'"\n                                                id="btnMoveDown" (click)="clickMoveDown(data)"\n                                                class="btn btn-default btn-sm icon" data-toggle="tooltip"\n                                                data-placement="top" title="เลื่อนลง"><i\n                                                        class="fal fa-arrow-down"></i></a>\n                                        <a id="btnDownload" (click)="clickDownload(data.data)"\n                                                class="btn btn-default btn-sm icon" data-toggle="tooltip"\n                                                data-placement="top" title="ดาวน์โหลด"><i\n                                                        class="fal fa-download"></i></a>\n                                </div>\n                        </dx-data-grid>\n                </div>\n        </div>\n</div>\n\x3c!--End col-sm-12--\x3e\n\x3c!--<modal-step #modalStep (onUpdateModal)=\'getAttachmentList()\' (onCreateModal)="addAttachmentList($event)" [mode]="mode"></modal-step>--\x3e\n<modal-attachment #modalAttachment (onModalCreateSubmit)="addAttachmentList($event)"\n        (onModalEditSubmit)="editAttachmentList($event)" [isImage]="showImage"></modal-attachment>\n<modal-attachment-view #modalAttachmentView [isImage]="showImage"></modal-attachment-view>\n<app-alert #myModal (onOkDeleteAttachment)="fnDeleteMultiple()" (onClickBack)="onClickBack()"></app-alert>\n'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:H},{type:j}]},e.propDecorators={mode:[{type:T.Input}],type:[{type:T.Input}],option:[{type:T.Input}],showImage:[{type:T.Input}],alertModal:[{type:T.Input}],attachmentModal:[{type:T.Input}],attachmentViewModal:[{type:T.Input}],onLoaded:[{type:T.Output}],onClickScan:[{type:T.Output}],onClickDelete:[{type:T.Output}],dxDataGridAttachmentList:[{type:T.ViewChild,args:["dxDataGridAttachmentList"]}],modalAttachment:[{type:T.ViewChild,args:["modalAttachment"]}],modalAttachmentView:[{type:T.ViewChild,args:["modalAttachmentView"]}],myModal:[{type:T.ViewChild,args:["myModal"]}]},e}(),ye=function(o){function e(e,t,a,i){var n=o.call(this)||this;return n.appConfigService=e,n.request=t,n.formBuilder=a,n.common=i,n.isImage=!1,n.onModalCreateSubmit=new T.EventEmitter,n.onModalEditSubmit=new T.EventEmitter,n.submitted=!1,n.title="",n.selectList=[],n.modalConfig={ignoreBackdropClick:!0},n.isMore=!1,n.attachmentData={doc_type:null},n.tmpData={},n.filteredDepartments=[],n.departmentList=[],n.disabledForm=!1,n.isOpen=!1,n.config=e.getConfig(),n.attachmentUrl=w.get(n.config,"apiServers.alfresco.url")||"https://203.154.32.126:2585/api/mfec/Alfresco",n}return N(e,o),e.prototype.ngOnInit=function(){this.th=this.common.fnLocalPCalendar("th"),this.registerForm=this.formBuilder.group({name:[{value:"",disabled:this.disabledForm}],doc_type:[{value:"",disabled:this.disabledForm}],url:[{value:"",disabled:this.disabledForm}],is_classifieds:[{value:"",disabled:this.disabledForm}],is_image:[{value:"",disabled:this.disabledForm}],keyword:[{value:"",disabled:this.disabledForm}],book_no:[{value:"",disabled:this.disabledForm}],amount:[{value:"",disabled:this.disabledForm}],record_date:[{value:"",disabled:this.disabledForm}],version:[{value:"",disabled:this.disabledForm}],resolution:[{value:"",disabled:this.disabledForm}],remark:[{value:"",disabled:this.disabledForm}],moreField:this.formBuilder.array([])})},e.prototype.open=function(a){return R(this,void 0,void 0,function(){var t;return V(this,function(e){switch(e.label){case 0:return console.log(a),this.attachmentData={},a?(this.mode=a.mode,this.title=a.title||"",this.downloadToken=a.downloadToken,this.attachmentData=w.cloneDeep(a.data),this.attachmentData.doc_type||(this.attachmentData.doc_type=null),[4,(t=this).request.getDropDown(a.data.system_id,"ประเภทเอกสาร")]):[3,2];case 1:t.selectList=e.sent(),e.label=2;case 2:return"VIEW"!==this.mode?(this.uploadAttachment.clearValue(),this.disabledForm=!1):this.disabledForm=!0,this.modal.show(),this.isOpen=!0,[2]}})})},e.prototype.f=function(){return this.registerForm.controls},e.prototype.closeModal=function(){this.submitted=!1,this.selectList=[],this.isMore=!1,this.moreField=[],this.attachmentData={},this.modal.hide(),this.isOpen=!1},e.prototype.onYesClick=function(e){e.hide()},e.prototype.onNoClick=function(e){e.hide()},e.prototype.onHidden=function(e){console.log("LOG MESSAGE: ModalConfirm -> onHidden -> $event",e)},e.prototype.checkExtraField=function(){return R(this,void 0,void 0,function(){return V(this,function(e){return this.moreField=[],this.attachmentData.system_id?this.isMore=!0:this.isMore=!1,[2]})})},e.prototype.onCellPrepared=function(e){if("data"===e.rowType)for(var t in e.component.columns)e.column.dataField===e.component.columns[t]&&(e.cellElement.accessKey=e.component.columns[t])},e.prototype.addField=function(e,t){var a,i=this.registerForm.controls.moreField;if("text"===e.type)(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n);else if("datetime"===e.type){if(t)(n={})[e.field_name]=[I.Validators.required,b.CustomValidators.date],a=this.formBuilder.group(n);else(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n)}else if("special"===e.type){var n;if(t)(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n);else(n={})[e.field_name]=[{value:"",disabled:this.disabledForm}],a=this.formBuilder.group(n);if("amount"===e.field_name)(n={}).amount_type=[{value:"",disabled:this.disabledForm}],i.push(this.formBuilder.group(n))}i.push(a)},e.prototype.getValidateMoreField=function(e,t,a){var i=this.f.moreField;return a&&(i=(i=i.controls[e]).controls[t]).errors?i.errors[a]:i.errors},e.prototype.getRowIndex=function(e){return e.data?e.row.dataIndex+1:""},e.prototype.onSubmit=function(){return R(this,void 0,void 0,function(){return V(this,function(e){return this.submitted=!0,this.registerForm.invalid||("CREATE"===this.mode?this.onModalCreateSubmit.emit(this.attachmentData):this.onModalEditSubmit.emit(this.attachmentData),this.closeModal(),this.isOpen=!1),[2]})})},e.prototype.onUploaded=function(e){console.log("data",e),this.attachmentData.url=this.attachmentUrl+"/"+e.uuid,this.attachmentData.uuid=e.uuid,this.attachmentData.filename=e.fileName},e.prototype.clickUrl=function(){return R(this,void 0,void 0,function(){var t,a;return V(this,function(e){switch(e.label){case 0:return a=(t=window).open,[4,this.request.getAttachmentLinkToken(this.attachmentData.url)];case 1:return a.apply(t,[e.sent()]),[2]}})})},e.prototype.getImageLink=function(e){return e.url+"?downloadToken="+this.downloadToken},e.decorators=[{type:T.Component,args:[{selector:"modal-attachment-view",template:'<div class="modal fade" bsModal #modal="bs-modal" [config]="{backdrop: \'static\'}"\n     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name1">\n    <div class="modal-dialog modal-lg">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-name" class="modal-title pull-left">{{title}}</h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n            <div class="modal-body">\n                <div class="row">\n                    <div class="col-lg-12">\n                        \x3c!--<form *ngIf="isOpen" class="m-form m-form&#45;&#45;state m-form&#45;&#45;fit m-form&#45;&#45;label-align-right" [formGroup]="registerForm" (ngSubmit)="onSubmit()">--\x3e\n                            <div class="m-portlet__body">\n                                \x3c!-- เอกสารแนบ --\x3e\n                                <div *ngIf="attachmentData.system_id !== 17">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>ชื่อเรื่อง :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().name.errors }">--\x3e\n                                                <label class="control-label">ชื่อเอกสาร</label>\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" disabled>--\x3e\n                                                <input type="text" class="form-control m-input" id="txtCategoryName" [(ngModel)]="attachmentData.name" disabled>\n                                                \x3c!--<div *ngIf="submitted && f().name.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().name.errors.required">First Name is required</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-2">--\x3e\n                                        \x3c!--<span>ประเภทเอกสาร :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-12">\n                                        \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().doc_type.errors }">--\x3e\n                                            <label class="control-label">ประเภทเอกสาร</label>\n                                            <select id="selNewStatus" style="width: 100%" [(ngModel)]="attachmentData.doc_type" disabled>\n                                                <option value="null">กรุณาเลือกรายการ</option>\n                                                <option *ngFor="let data of selectList" [ngValue]="data.name">{{data.name}}</option>\n                                            </select>\n                                            \x3c!--<div *ngIf="submitted && f().doc_type.errors" class="invalid-feedback">--\x3e\n                                                \x3c!--<div *ngIf="f().doc_type.errors.required">First Name is required</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        \x3c!--</div>--\x3e\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id !== 17 && attachmentData.system_id !== 11">\n                                    <div class="row">\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().remark.errors }">--\x3e\n                                            <label class="control-label">หมายเหตุ</label>\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtRemark" formControlName="remark" [(ngModel)]="attachmentData.remark" [disabled]="disabledForm">--\x3e\n                                            <input type="text" class="form-control m-input" id="txtRemark" [(ngModel)]="attachmentData.remark" disabled>\n                                                \x3c!--<div *ngIf="submitted && f().remark.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().remark.errors.required">กรุณากรอก หมายเหตุ</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class="row">\n                                    \x3c!--<div class="col-sm-2">--\x3e\n                                        \x3c!--<span>เอกสารแนบ :</span>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    <div class="col-sm-12">\n                                        \x3c!--<label class="control-label">เอกสารแนบ</label>--\x3e\n                                        \x3c!--<upload-attachment #uploadAttachment [systemId]="attachmentData.system_id" (uploaded)="onUploaded($event)" [onlyImage]="isImage"></upload-attachment>--\x3e\n                                    \x3c!--</div>--\x3e\n                                    \x3c!--<div *ngIf="mode === \'VIEW\'" class="col-sm-12">--\x3e\n                                        <label *ngIf="!isImage" class="control-label">เอกสารแนบ</label>\n                                        <label *ngIf="isImage" class="control-label">เครื่องหมาย</label>\n                                        <br>\n                                        <a *ngIf="!isImage" [href]="getImageLink(attachmentData)" target="_blank">{{attachmentData.url}}</a>\n                                        <img *ngIf="isImage" [src]="getImageLink(attachmentData)" style="width: auto !important; text-align: center">\n                                    </div>\n                                </div>\n                                <br>\n                                <div *ngIf="attachmentData.system_id === 11">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>จัดเข้าวาระ :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().is_classifieds.errors }">--\x3e\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="checkbox" class="form-control m-input" id="chxIsClassifieds" [(ngModel)]="attachmentData.is_classifieds" disabled> จัดเข้าวาระ\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().is_classifieds.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().is_classifieds.errors.required">First Name is required</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id === 11">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>แปลงเป็นภาพแล้ว :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().is_image.errors }">--\x3e\n                                                \x3c!--<label class="control-label">แปลงเป็นภาพแล้ว</label>--\x3e\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="checkbox" class="form-control m-input" id="chxIsImage" [(ngModel)]="attachmentData.is_image" disabled> แปลงเป็นภาพแล้ว\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().is_classifieds.errors" class="invalid-feedback">--\x3e\n                                                \x3c!--<div *ngIf="f().is_classifieds.errors.required">First Name is required</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id === 11">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>คำสำคัญ :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().keyword.errors }">--\x3e\n                                                <label class="control-label">คำสำคัญ</label>\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="text" class="form-control m-input" id="txtKeyword" [(ngModel)]="attachmentData.keyword" disabled>\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().keyword.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().keyword.errors.required">กรุณากรอก คำสำคัญ</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                <div *ngIf="attachmentData.system_id === 17">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>เลขที่เอกสาร :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().book_no.errors }">--\x3e\n                                                <label class="control-label">เลขที่เอกสาร</label>\n                                                \x3c!--<label class="control-label"></label>--\x3e\n                                                <input type="text" class="form-control m-input" id="txtBookNo"[(ngModel)]="attachmentData.book_no" disabled>\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().book_no.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().book_no.errors.required">กรุณากรอก เลขที่เอกสาร</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                \x3c!--<div *ngIf="attachmentData.system_id === 17">--\x3e\n                                    \x3c!--<div class="row">--\x3e\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>จำนวน :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        \x3c!--<div class="col-sm-10">--\x3e\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().amount.errors }">--\x3e\n                                                \x3c!--&lt;!&ndash;<label class="control-label"></label>&ndash;&gt;--\x3e\n                                                \x3c!--<input type="number" class="form-control m-input" id="txtAmount" name="amount" formControlName="amount" [(ngModel)]="attachmentData.amount">--\x3e\n                                                \x3c!--&lt;!&ndash;<input type="text" class="form-control m-input" id="txtCategoryName" formControlName="name" [(ngModel)]="attachmentData.is_classifieds">&ndash;&gt;--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().amount.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().amount.errors.required">กรุณากรอก จำนวน</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        \x3c!--</div>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--</div>--\x3e\n                                <div *ngIf="attachmentData.system_id === 17">\n                                    <div class="row">\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>วันที่จัดเก็บ :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        <div class="col-sm-12">\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().record_date.errors }">--\x3e\n                                                <label class="control-label">วันที่จัดเก็บ</label>\n                                                <soc-date-box [id]="\'txtDate\'" [(value)]="attachmentData.record_date" [disabled]="true"></soc-date-box>\n                                                \x3c!--<div *ngIf="submitted && f().record_date.errors" >--\x3e\n                                                    \x3c!--<div *ngIf="f().record_date.errors.required" class="lable-error">กรุณากรอก วันที่จัดเก็บ</div>--\x3e\n                                                    \x3c!--<div *ngIf="f().record_date.errors.date" class="lable-error">กรุณากรอก วันที่จัดเก็บ ให้ถูกต้อง</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        </div>\n                                    </div>\n                                </div>\n                                \x3c!--<div *ngIf="attachmentData.system_id === 17">--\x3e\n                                    \x3c!--<div class="row">--\x3e\n                                        \x3c!--<div class="col-sm-2">--\x3e\n                                            \x3c!--<span>เวอร์ชั่น/เลขรุ่น :</span>--\x3e\n                                        \x3c!--</div>--\x3e\n                                        \x3c!--<div class="col-sm-10">--\x3e\n                                            \x3c!--<div class="form-group m-form__group" [ngClass]="{ \'has-error\': submitted && f().version.errors }">--\x3e\n                                                \x3c!--<input type="text" class="form-control m-input" id="txtVersion"  name="version" formControlName="version" [(ngModel)]="attachmentData.version">--\x3e\n                                                \x3c!--<div *ngIf="submitted && f().version.errors" class="invalid-feedback">--\x3e\n                                                    \x3c!--<div *ngIf="f().version.errors.required">กรุณากรอก เวอร์ชั่น/เลขรุ่น</div>--\x3e\n                                                \x3c!--</div>--\x3e\n                                            \x3c!--</div>--\x3e\n                                        \x3c!--</div>--\x3e\n                                    \x3c!--</div>--\x3e\n                                \x3c!--</div>--\x3e\n                            </div>\n                            <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                                <div class="m-form__actions">\n                                    \x3c!--<button *ngIf="mode !== \'VIEW\'" type="submit" class="btn btn-success btn-md btn-md-save">--\x3e\n                                        \x3c!--บันทึก--\x3e\n                                    \x3c!--</button>--\x3e\n                                    <button type="button" class="btn btn-default btn-md btn-md-search" (click)="closeModal()">\n                                        ยกเลิก\n                                    </button>\n                                </div>\n                            </div>\n                        \x3c!--</form>--\x3e\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:I.FormBuilder},{type:H}]},e.propDecorators={isImage:[{type:T.Input}],onModalCreateSubmit:[{type:T.Output}],onModalEditSubmit:[{type:T.Output}],modal:[{type:T.ViewChild,args:["modal"]}],uploadAttachment:[{type:T.ViewChild,args:["uploadAttachment"]}]},e}(function(){});y.locale("th");var we=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,Z,I.FormsModule,I.ReactiveFormsModule,v.ModalModule.forRoot(),x.DxDataGridModule,x.DxTemplateModule,S.AutoCompleteModule,G],exports:[ye],providers:[],declarations:[ye]}]}],e}();y.locale("th");var ke=C.th_TH,Ce=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,f.DxDataGridModule,x.DxTemplateModule,ce,de,ue,we],exports:[xe],declarations:[xe],providers:[{provide:C.NZ_I18N,useValue:ke}]}]}],e}(),_e=function(){function e(e,t,a,i){var n=this;this.appConfigService=e,this.request=t,this.common=a,this.http=i,this.upLoadType=[{title:"File",type:1},{title:"Scan",type:2},{title:"Link",type:3},{title:"QR Code",type:3}],this.systemId="0",this.RelatedAgency="SOC",this.RecordId="0",this.Subject="-",this.TypeId="0",this.popupTitle="เลือกรูปประจำตัว",this.uploaded=new T.EventEmitter,this.onSubmit=new T.EventEmitter,this.fileList=[],this.uploadHeaders={Authorization:"Basic "+btoa("APPSOC:123456")},this.loading=!1,this.beforeUpload=function(i,e){return new E.Observable(function(e){var t=i&&-1<["application/pdf","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-excel","application/vnd.msexcel","application/csv","text/csv","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/vnd.openxmlformats-officedocument.presentationml.presentation","text/plain","text/comma-separated-values","text/anytext","image/png","image/jpeg","image/gif","image/bmp"].indexOf(i.type);if(!t)return setTimeout(function(){n.fileList=[{uid:"999",name:"สามารถอัพโหลดได้เฉพาะไฟล์  pdf , png  , jpeg  ,gif , text , word , excel , powerpoint",status:"error",response:"สามารถอัพโหลดได้เฉพาะไฟล์  pdf , png  , jpeg  ,gif , text , word , excel , powerpoint",url:null}]},50),void e.complete();var a=i.size/1024/1024<30;if(!a)return n.fileList=[{uid:"999",name:"File must smaller than 30MB!",status:"error",response:"File must smaller than 30MB!",url:null}],void e.complete();e.next(t&&a),e.complete()})},this.customReq=function(t){var e=new FormData;e.append("FileData",t.file),e.append("SystemId",""+n.systemId),e.append("RelatedAgency",n.RelatedAgency),e.append("RecordId",n.RecordId),e.append("Subject",n.Subject),e.append("TypeId",n.TypeId);var a=new g.HttpHeaders;a=a.set("Authorization","Basic "+btoa("APPSOC:123456"));var i=new g.HttpRequest("POST",t.action,e,{reportProgress:!0,headers:a});return n.http.request(i).subscribe(function(e){e.type===g.HttpEventType.UploadProgress?(0<e.total&&(e.percent=e.loaded/e.total*100),t.onProgress(e,t.file)):e instanceof g.HttpResponse&&(n.fileList&&1<n.fileList.length&&(n.fileList=[n.fileList[n.fileList.length-1]]),n.uploaded.emit(e.body),n.data=e.body,t.onSuccess(e.body,t.file,e))},function(e){t.onError(e,t.file)})},this.config=e.getConfig(),this.url=w.get(this.config,"apiServers.alfresco.url")||"https://203.154.32.126:2585/api/mfec/Alfresco"}return e.prototype.ngOnInit=function(){},e.prototype.onUploaded=function(e){var t=this;console.log("file",e);var a=JSON.parse(e.request.response);this.request.getAttachmentLinkToken(this.url+"/"+a.uuid).then(function(e){t.avatarUrl=e}),this.uploaded.emit(a)},e.prototype.clearValue=function(){this.fileList=[]},e.prototype.closeModal=function(){this.modal.hide(),this.data=null,this.fileList=[]},e.prototype.clickSubmit=function(){this.onSubmit.emit(this.data),this.modal.hide(),this.data=null,this.fileList=[]},e.decorators=[{type:T.Component,args:[{selector:"modal-image-upload",template:'<div class="modal fade" bsModal #modal="bs-modal" [config]="{backdrop: \'static\'}"\n     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name1">\n    <div class="modal-dialog modal-md">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-name" class="modal-title pull-left">{{popupTitle}}</h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n\n            <div class="modal-body">\n                <form class="m-form m-form--state m-form--fit m-form--label-align-right" (ngSubmit)="clickSubmit()">\n                    <div class="ibox-body">\n                        <div class="col-sm-12" style="text-align: center">\n                            <br>\n                            <nz-upload nzType="drag"\n                                       [nzAction]="url"\n                                       [nzCustomRequest]="customReq"\n                                       nzFileType="image/png,image/jpeg,image/gif,image/bmp"\n                                       [(nzFileList)]="fileList"\n                                       [nzBeforeUpload]="beforeUpload"\n                                       >\n                                \x3c!--<nz-upload nzType="drag"--\x3e\n                                \x3c!--nzAction="https://203.154.32.126:2585/api/mfec/Alfresco"--\x3e\n                                \x3c!--&gt;--\x3e\n                                <a nz-button>\n                                    <i nz-icon type="upload"></i><span>Click to Upload</span>\n                                </a>\n                            </nz-upload>\n                            <br>\n                        </div>\n                        <div class="col-sm-12" style="text-align: center" *ngIf="avatarUrl">\n                            <div class="avatar-box">\n                                <img [src]="avatarUrl" alt="">\n                            </div>\n                        </div>\n                    </div>\n                    <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                        <div class="m-form__actions">\n                            <button type="submit" class="btn btn-success btn-md btn-md-save">\n                                บันทึก\n                            </button>\n                            <button type="reset" class="btn btn-default btn-md btn-md-search" (click)="closeModal()">\n                                ยกเลิก\n                            </button>\n                        </div>\n                    </div>\n                </form>\n            </div>\n        </div>\n    </div>\n</div>\n',styles:["\n    :host ::ng-deep .avatar-uploader > .ant-upload, :host ::ng-deep .avatar {\n      width: 128px;\n      height: 128px;\n    }\n    :host ::ng-deep .ant-upload-select-picture-card i {\n      font-size: 32px;\n      color: #999;\n    }\n    :host ::ng-deep .ant-upload-select-picture-card .ant-upload-text {\n      margin-top: 8px;\n      color: #666;\n    }\n  "]}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:H},{type:g.HttpClient}]},e.propDecorators={modal:[{type:T.ViewChild,args:["modal"]}],upLoadType:[{type:T.Input}],systemId:[{type:T.Input}],RelatedAgency:[{type:T.Input}],RecordId:[{type:T.Input}],Subject:[{type:T.Input}],TypeId:[{type:T.Input}],downloadToken:[{type:T.Input}],popupTitle:[{type:T.Input}],uploaded:[{type:T.Output}],onSubmit:[{type:T.Output}]},e}();y.locale("th");var De=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,Z,I.FormsModule,I.ReactiveFormsModule,v.ModalModule.forRoot(),x.DxDataGridModule,x.DxTemplateModule,S.AutoCompleteModule,C.NgZorroAntdModule,G],exports:[_e],providers:[],declarations:[_e]}]}],e}(),Me=function(){function e(e,t,a,i){this.appConfigService=e,this.request=t,this.common=a,this.http=i,this.onSave=new T.EventEmitter,this.objectKeys=Object.keys,this.spellCheck={},this.model={},this.enableList=[],this.isEdit=!1,this.config=e.getConfig()}return e.prototype.ngOnInit=function(){},e.prototype.open=function(n){return R(this,void 0,void 0,function(){var t,a,i;return V(this,function(e){for(i in t={re:"(<font\\s+color=#[a-zA-Z0-9]+\\s*>(?<word>[^<]+)<\\/font>\\s*)",flags:"g"},a=new RegExp(t.re,t.flags),n)this.model[i]=n[i].value.replace(a,"$<word>"),console.log(this.model[i]),this.enableList.push(!1);return this.spellCheck=n||{},this.modal.show(),[2]})})},e.prototype.closeModal=function(){this.modal.hide(),this.spellCheck={},this.model={},this.enableList=[],this.isEdit=!1},e.prototype.enableEdit=function(e){this.enableList[e]=!this.enableList[e],this.isEdit=!0},e.prototype.saveModal=function(){this.onSave.emit(this.model),this.modal.hide(),this.spellCheck={},this.model={},this.enableList=[],this.isEdit=!1},e.decorators=[{type:T.Component,args:[{selector:"modal-spell-check",template:'<div class="modal fade" bsModal #modal="bs-modal" [config]="{backdrop: \'static\'}"\n     tabindex="-1" role="dialog" aria-labelledby="dialog-static-name1">\n    <div class="modal-dialog modal-md">\n        <div class="modal-content">\n            <div class="modal-header">\n                <h4 id="dialog-static-name" class="modal-title pull-left">ตรวจคำศัพท์</h4>\n                <button type="button" class="close pull-right" aria-label="Close" (click)="closeModal()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n\n            <div class="modal-body">\n                <div *ngFor="let name of objectKeys(spellCheck); let i = index" class="row">\n                    \x3c!--<div class="col-sm-3">--\x3e\n                    \x3c!--<span>ชื่อเรื่อง :</span>--\x3e\n                    \x3c!--</div>--\x3e\n                    <div class="col-sm-12">\n                        <div class="form-group">\n                            <label class="control-label">{{spellCheck[name].display}}</label>\n                            <div [innerHtml]="spellCheck[name].value" [(hidden)]="enableList[i]"></div>\n                            <input [id]="\'txt\'+name" class="form-control m-input" [(ngModel)]="model[name]" [(hidden)]="!enableList[i]">\n                        </div>\n                        <a type="button" (click)="enableEdit(i)" [(hidden)]="enableList[i]" class="btn btn-default btn-sm  icon" data-toggle="tooltip"\n                           data-placement="top" title="แก้ไข"><i class="fal fa-pencil-alt"></i></a>\n                    </div>\n                </div>\n                <div class="m-portlet__foot m-portlet__foot--fit text-right">\n                    ความหมายของสี : <font color=#ff0000>  คำที่ไม่รู้จัก </font>\n                    <div class="m-form__actions">\n                        <button type="submit" class="btn btn-success btn-md btn-md-save" (click)="saveModal()" [(hidden)]="!isEdit">\n                            บันทึก\n                        </button>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>'}]}],e.ctorParameters=function(){return[{type:L},{type:U},{type:H},{type:g.HttpClient}]},e.propDecorators={modal:[{type:T.ViewChild,args:["modal"]}],onSave:[{type:T.Output}]},e}();y.locale("th");var Se=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,Z,I.FormsModule,I.ReactiveFormsModule,v.ModalModule.forRoot(),x.DxDataGridModule,x.DxTemplateModule,S.AutoCompleteModule,C.NgZorroAntdModule,G],exports:[Me],providers:[],declarations:[Me]}]}],e}(),Ie=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{declarations:[],imports:[O.CommonModule,I.FormsModule,_.HttpModule],providers:[j],entryComponents:[]}]}],e}(),Ee=function(){function e(e,t,a,i){this.router=e,this.route=t,this.dataservice=a,this.appConfigService=i,this.config=i.getConfig()}return e.prototype.canActivate=function(e,t){console.log(e.queryParams);var a=e.queryParams;return a.token?(sessionStorage.setItem("token",a.token),this.getPermission(e)):""!==a.token&&(!!sessionStorage.getItem("token")&&this.getPermission(e))},e.prototype.getPermission=function(o){return R(this,void 0,void 0,function(){var t,a,i,n;return V(this,function(e){switch(e.label){case 0:return[4,this.dataservice.verify()];case 1:return t=e.sent(),console.log("verifyToken",t,"40100"===t.resultCode),"20000"==t.resultCode?(a=this.getUrlPath(o),null,i=this.getConfigByUrl(a),console.log("configData ",i),i?this.dataservice.isCheckGuardRoutePath(i.routingPath)||""===i.routingPath?(console.log("isCheckGuardRoutePath ",!0),[2,!0]):[2,!1]:[2,!0]):("40100"===t.resultCode&&(n=t.resultData,this.checkSession(n.userMessage)),[2,!1])}})})},e.prototype.checkSession=function(e){console.log("checkSession");var t=sessionStorage.getItem("token");window.parent.postMessage(JSON.stringify({command:"checkSession",message:t,userMessage:e||"Unknow"}),"*"),console.log("checkSession",JSON.stringify({command:"checkSession",message:t,userMessage:e||"Unknow"}))},e.prototype.getUrlPath=function(e){return console.log("path ",e.routeConfig.path),e.routeConfig.path},e.prototype.getConfigByUrl=function(e){var t,a,i=this.config.permission,n=null;try{for(var o=Y(i),l=o.next();!l.done;l=o.next()){var r=l.value;if(e==r.routingPath){n=r;break}}}catch(s){t={error:s}}finally{try{l&&!l.done&&(a=o["return"])&&a.call(o)}finally{if(t)throw t.error}}return console.log("Data ",n),n},e.decorators=[{type:T.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[{type:D.Router},{type:D.ActivatedRoute},{type:j},{type:L}]},e.ngInjectableDef=T.defineInjectable({factory:function(){return new e(T.inject(D.Router),T.inject(D.ActivatedRoute),T.inject(j),T.inject(L))},token:e,providedIn:"root"}),e}(),Te={provide:I.NG_VALUE_ACCESSOR,useExisting:T.forwardRef(function(){return Oe}),multi:!0},Oe=function(){function e(e,t,a,i){this.el=e,this.domHandler=t,this.renderer=a,this.cd=i,this.dateFormat="dd/mm/yy",this.inline=!1,this.showOtherMonths=!0,this.icon="pi pi-calendar",this.shortYearCutoff="+10",this.hourFormat="24",this.stepHour=1,this.stepMinute=1,this.stepSecond=1,this.showSeconds=!1,this.showOnFocus=!0,this.dataType="date",this.selectionMode="single",this.todayButtonStyleClass="ui-button-secondary",this.clearButtonStyleClass="ui-button-secondary",this.autoZIndex=!0,this.baseZIndex=0,this.keepInvalid=!1,this.hideOnDateTimeSelect=!1,this.numberOfMonths=1,this.view="date",this.onFocus=new T.EventEmitter,this.onBlur=new T.EventEmitter,this.onClose=new T.EventEmitter,this.onSelect=new T.EventEmitter,this.onInput=new T.EventEmitter,this.onTodayClick=new T.EventEmitter,this.onClearClick=new T.EventEmitter,this.onMonthChange=new T.EventEmitter,this.onYearChange=new T.EventEmitter,this._locale={firstDayOfWeek:0,dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",clear:"Clear"},this.inputFieldValue=null,this.onModelChange=function(){},this.onModelTouched=function(){}}return Object.defineProperty(e.prototype,"utc",{get:function(){return this._utc},set:function(e){this._utc=e,console.log("Setting utc has no effect as built-in UTC support is dropped.")},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"minDate",{get:function(){return this._minDate},set:function(e){this._minDate=e,this.currentMonth!=undefined&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"maxDate",{get:function(){return this._maxDate},set:function(e){this._maxDate=e,this.currentMonth!=undefined&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"disabledDates",{get:function(){return this._disabledDates},set:function(e){this._disabledDates=e,this.currentMonth!=undefined&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"disabledDays",{get:function(){return this._disabledDays},set:function(e){this._disabledDays=e,this.currentMonth!=undefined&&null!=this.currentMonth&&this.currentYear&&this.createMonths(this.currentMonth,this.currentYear)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showTime",{get:function(){return this._showTime},set:function(e){this._showTime=e,this.currentHour===undefined&&this.initTime(this.value||new Date),this.updateInputfield()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"locale",{get:function(){return this._locale},set:function(e){this._locale=e,"date"===this.view?(this.createWeekDays(),this.createMonths(this.currentMonth,this.currentYear)):"month"===this.view&&this.createMonthPickerValues()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this.defaultDate||new Date;if(this.currentMonth=e.getMonth(),this.currentYear=e.getFullYear(),this.yearNavigator&&this.yearRange){var t=this.yearRange.split(":"),a=parseInt(t[0]),i=parseInt(t[1]);this.populateYearOptions(a,i)}"date"===this.view?(this.createWeekDays(),this.initTime(e),this.createMonths(this.currentMonth,this.currentYear),this.ticksTo1970=24*(718685+Math.floor(492.5)-Math.floor(19.7)+Math.floor(4.925))*60*60*1e7):"month"===this.view&&this.createMonthPickerValues()},e.prototype.ngAfterContentInit=function(){var t=this;this.templates.forEach(function(e){switch(e.getType()){case"date":default:t.dateTemplate=e.template}})},e.prototype.populateYearOptions=function(e,t){this.yearOptions=[];for(var a=e;a<=t;a++)this.yearOptions.push(a)},e.prototype.createWeekDays=function(){this.weekDays=[];for(var e=this.locale.firstDayOfWeek,t=0;t<7;t++)this.weekDays.push(this.locale.dayNamesMin[e]),e=6==e?0:++e},e.prototype.createMonthPickerValues=function(){this.monthPickerValues=[];for(var e=0;e<=11;e++)this.monthPickerValues.push(this.locale.monthNamesShort[e])},e.prototype.createMonths=function(e,t){this.months=this.months=[];for(var a=0;a<this.numberOfMonths;a++){var i=e+a,n=t;11<i&&(i=i%11-1,n=t+1),this.months.push(this.createMonth(i,n))}},e.prototype.createMonth=function(e,t){for(var a=[],i=this.getFirstDayOfMonthIndex(e,t),n=this.getDaysCountInMonth(e,t),o=this.getDaysCountInPrevMonth(e,t),l=(this.getSundayIndex(),1),r=new Date,s=0;s<6;s++){var d=[];if(0==s){for(var c=o-i+1;c<=o;c++){var p=this.getPreviousMonthAndYear(e,t);d.push({day:c,month:p.month,year:p.year,otherMonth:!0,today:this.isToday(r,c,p.month,p.year),selectable:this.isSelectable(c,p.month,p.year,!0)})}var m=7-d.length;for(c=0;c<m;c++)d.push({day:l,month:e,year:t,today:this.isToday(r,l,e,t),selectable:this.isSelectable(l,e,t,!1)}),l++}else for(c=0;c<7;c++){if(n<l){var h=this.getNextMonthAndYear(e,t);d.push({day:l-n,month:h.month,year:h.year,otherMonth:!0,today:this.isToday(r,l-n,h.month,h.year),selectable:this.isSelectable(l-n,h.month,h.year,!0)})}else d.push({day:l,month:e,year:t,today:this.isToday(r,l,e,t),selectable:this.isSelectable(l,e,t,!1)});l++}a.push(d)}return{month:e,year:t,dates:a}},e.prototype.initTime=function(e){this.pm=11<e.getHours(),this.showTime?(this.currentMinute=e.getMinutes(),this.currentSecond=e.getSeconds(),"12"==this.hourFormat?this.currentHour=0==e.getHours()?12:e.getHours()%12:this.currentHour=e.getHours()):this.timeOnly&&(this.currentMinute=0,this.currentHour=0,this.currentSecond=0)},e.prototype.navBackward=function(e){this.disabled||("month"===this.view?this.decrementYear():(0===this.currentMonth?(this.currentMonth=11,this.decrementYear()):this.currentMonth--,this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear))),e.preventDefault()},e.prototype.navForward=function(e){this.disabled||("month"===this.view?this.incrementYear():(11===this.currentMonth?(this.currentMonth=0,this.incrementYear()):this.currentMonth++,this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear))),e.preventDefault()},e.prototype.decrementYear=function(){if(this.currentYear--,this.yearNavigator&&this.currentYear<this.yearOptions[0]){var e=this.yearOptions[this.yearOptions.length-1]-this.yearOptions[0];this.populateYearOptions(this.yearOptions[0]-e,this.yearOptions[this.yearOptions.length-1]-e)}},e.prototype.incrementYear=function(){if(this.currentYear++,this.yearNavigator&&this.currentYear>this.yearOptions[this.yearOptions.length-1]){var e=this.yearOptions[this.yearOptions.length-1]-this.yearOptions[0];this.populateYearOptions(this.yearOptions[0]+e,this.yearOptions[this.yearOptions.length-1]+e)}},e.prototype.onDateSelect=function(e,a){var i=this;!this.disabled&&a.selectable&&(this.isMultipleSelection()&&this.isSelected(a)?(this.value=this.value.filter(function(e,t){return!i.isDateEquals(e,a)}),this.updateModel(this.value)):this.shouldSelectDate(a)&&(a.otherMonth&&(this.currentMonth=a.month,this.currentYear=a.year,this.createMonths(this.currentMonth,this.currentYear)),this.selectDate(a)),!this.isSingleSelection()||this.showTime&&!this.hideOnDateTimeSelect||setTimeout(function(){e.preventDefault(),i.overlayVisible=!1,i.mask&&i.disableModality(),i.cd.markForCheck()},150),this.updateInputfield()),e.preventDefault()},e.prototype.shouldSelectDate=function(e){return!this.isMultipleSelection()||(!this.maxDateCount||!this.value||this.maxDateCount>this.value.length)},e.prototype.onMonthSelect=function(e,t){this.onDateSelect(e,{year:this.currentYear,month:t,day:1,selectable:!0})},e.prototype.updateInputfield=function(){var e="";if(this.value)if(this.isSingleSelection())e=this.formatDateTime(this.value);else if(this.isMultipleSelection())for(var t=0;t<this.value.length;t++){e+=this.formatDateTime(this.value[t]),t!==this.value.length-1&&(e+=", ")}else if(this.isRangeSelection()&&this.value&&this.value.length){var a=this.value[0],i=this.value[1];e=this.formatDateTime(a),i&&(e+=" - "+this.formatDateTime(i))}this.inputFieldValue=e,this.updateFilledState(),this.inputfieldViewChild&&this.inputfieldViewChild.nativeElement&&(this.inputfieldViewChild.nativeElement.value=this.inputFieldValue)},e.prototype.formatDateTime=function(e){var t=null;return e&&(this.timeOnly?t=this.formatTime(e):(t=this.formatDate(e,this.dateFormat),this.showTime&&(t+=" "+this.formatTime(e)))),t},e.prototype.selectDate=function(e){var t=new Date(e.year,e.month,e.day);if(this.showTime&&("12"===this.hourFormat&&this.pm&&12!=this.currentHour?t.setHours(this.currentHour+12):t.setHours(this.currentHour),t.setMinutes(this.currentMinute),t.setSeconds(this.currentSecond)),this.minDate&&this.minDate>t&&(t=this.minDate,this.currentHour=t.getHours(),this.currentMinute=t.getMinutes(),this.currentSecond=t.getSeconds()),this.maxDate&&this.maxDate<t&&(t=this.maxDate,this.currentHour=t.getHours(),this.currentMinute=t.getMinutes(),this.currentSecond=t.getSeconds()),this.isSingleSelection())this.updateModel(t);else if(this.isMultipleSelection())this.updateModel(this.value?P(this.value,[t]):[t]);else if(this.isRangeSelection())if(this.value&&this.value.length){var a=this.value[0],i=this.value[1];!i&&t.getTime()>=a.getTime()?i=t:(a=t,i=null),this.updateModel([a,i])}else this.updateModel([t,null]);this.onSelect.emit(t)},e.prototype.updateModel=function(e){var t=this;if(this.value=e,"date"==this.dataType)this.onModelChange(this.value);else if("string"==this.dataType)if(this.isSingleSelection())this.onModelChange(this.formatDateTime(this.value));else{var a=null;this.value&&(a=this.value.map(function(e){return t.formatDateTime(e)})),this.onModelChange(a)}},e.prototype.getFirstDayOfMonthIndex=function(e,t){var a=new Date;a.setDate(1),a.setMonth(e),a.setFullYear(t);var i=a.getDay()+this.getSundayIndex();return 7<=i?i-7:i},e.prototype.getDaysCountInMonth=function(e,t){return 32-this.daylightSavingAdjust(new Date(t,e,32)).getDate()},e.prototype.getDaysCountInPrevMonth=function(e,t){var a=this.getPreviousMonthAndYear(e,t);return this.getDaysCountInMonth(a.month,a.year)},e.prototype.getPreviousMonthAndYear=function(e,t){var a,i;return 0===e?(a=11,i=t-1):(a=e-1,i=t),{month:a,year:i}},e.prototype.getNextMonthAndYear=function(e,t){var a,i;return 11===e?(a=0,i=t+1):(a=e+1,i=t),{month:a,year:i}},e.prototype.getSundayIndex=function(){return 0<this.locale.firstDayOfWeek?7-this.locale.firstDayOfWeek:0},e.prototype.isSelected=function(e){var t,a;if(!this.value)return!1;if(this.isSingleSelection())return this.isDateEquals(this.value,e);if(this.isMultipleSelection()){var i=!1;try{for(var n=Y(this.value),o=n.next();!o.done;o=n.next()){var l=o.value;if(i=this.isDateEquals(l,e))break}}catch(r){t={error:r}}finally{try{o&&!o.done&&(a=n["return"])&&a.call(n)}finally{if(t)throw t.error}}return i}return this.isRangeSelection()?this.value[1]?this.isDateEquals(this.value[0],e)||this.isDateEquals(this.value[1],e)||this.isDateBetween(this.value[0],this.value[1],e):this.isDateEquals(this.value[0],e):void 0},e.prototype.isMonthSelected=function(e){return!!this.value&&(1===this.value.getDate()&&this.value.getMonth()===e&&this.value.getFullYear()===this.currentYear)},e.prototype.isDateEquals=function(e,t){return!!e&&(e.getDate()===t.day&&e.getMonth()===t.month&&e.getFullYear()===t.year)},e.prototype.isDateBetween=function(e,t,a){if(e&&t){var i=new Date(a.year,a.month,a.day);return e.getTime()<=i.getTime()&&t.getTime()>=i.getTime()}return!1},e.prototype.isSingleSelection=function(){return"single"===this.selectionMode},e.prototype.isRangeSelection=function(){return"range"===this.selectionMode},e.prototype.isMultipleSelection=function(){return"multiple"===this.selectionMode},e.prototype.isToday=function(e,t,a,i){return e.getDate()===t&&e.getMonth()===a&&e.getFullYear()===i},e.prototype.isSelectable=function(e,t,a,i){var n=!0,o=!0,l=!0,r=!0;return!(i&&!this.selectOtherMonths)&&(this.minDate&&(this.minDate.getFullYear()>a?n=!1:this.minDate.getFullYear()===a&&(this.minDate.getMonth()>t?n=!1:this.minDate.getMonth()===t&&this.minDate.getDate()>e&&(n=!1))),this.maxDate&&(this.maxDate.getFullYear()<a?o=!1:this.maxDate.getFullYear()===a&&(this.maxDate.getMonth()<t?o=!1:this.maxDate.getMonth()===t&&this.maxDate.getDate()<e&&(o=!1))),this.disabledDates&&(l=!this.isDateDisabled(e,t,a)),this.disabledDays&&(r=!this.isDayDisabled(e,t,a)),n&&o&&l&&r)},e.prototype.isDateDisabled=function(e,t,a){var i,n;if(this.disabledDates)try{for(var o=Y(this.disabledDates),l=o.next();!l.done;l=o.next()){var r=l.value;if(r.getFullYear()===a&&r.getMonth()===t&&r.getDate()===e)return!0}}catch(s){i={error:s}}finally{try{l&&!l.done&&(n=o["return"])&&n.call(o)}finally{if(i)throw i.error}}return!1},e.prototype.isDayDisabled=function(e,t,a){if(this.disabledDays){var i=new Date(a,t,e).getDay();return-1!==this.disabledDays.indexOf(i)}return!1},e.prototype.onInputFocus=function(e){this.focus=!0,this.showOnFocus&&this.showOverlay(),this.onFocus.emit(e)},e.prototype.onInputClick=function(e){this.datepickerClick=!0,this.overlay&&this.autoZIndex&&(this.overlay.style.zIndex=String(this.baseZIndex+ ++S.DomHandler.zindex))},e.prototype.onInputBlur=function(e){this.focus=!1,this.onBlur.emit(e),this.keepInvalid||this.updateInputfield(),this.onModelTouched()},e.prototype.onButtonClick=function(e,t){this.overlayVisible?this.overlayVisible=!1:(t.focus(),this.showOverlay()),this.datepickerClick=!0},e.prototype.onInputKeydown=function(e){this.isKeydown=!0,9===e.keyCode&&(this.overlayVisible=!1)},e.prototype.onMonthDropdownChange=function(e){this.currentMonth=parseInt(e),this.onMonthChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear)},e.prototype.onYearDropdownChange=function(e){this.currentYear=parseInt(e),this.onYearChange.emit({month:this.currentMonth+1,year:this.currentYear}),this.createMonths(this.currentMonth,this.currentYear)},e.prototype.incrementHour=function(e){var t=this.currentHour,a=this.currentHour+this.stepHour;this.validateHour(a)&&("24"==this.hourFormat?this.currentHour=24<=a?a-24:a:"12"==this.hourFormat&&(t<12&&11<a&&(this.pm=!this.pm),this.currentHour=13<=a?a-12:a),this.updateTime()),e.preventDefault()},e.prototype.decrementHour=function(e){var t=this.currentHour-this.stepHour;this.validateHour(t)&&("24"==this.hourFormat?this.currentHour=t<0?24+t:t:"12"==this.hourFormat&&(12===this.currentHour&&(this.pm=!this.pm),this.currentHour=t<=0?12+t:t),this.updateTime()),e.preventDefault()},e.prototype.validateHour=function(e){var t=!0,a=this.value;this.isRangeSelection()&&(a=this.value[1]||this.value[0]),this.isMultipleSelection()&&(a=this.value[this.value.length-1]);var i=a?a.toDateString():null;return this.minDate&&i&&this.minDate.toDateString()===i&&this.minDate.getHours()>e&&(t=!1),this.maxDate&&i&&this.maxDate.toDateString()===i&&this.maxDate.getHours()<e&&(t=!1),t},e.prototype.incrementMinute=function(e){var t=this.currentMinute+this.stepMinute;this.validateMinute(t)&&(this.currentMinute=59<t?t-60:t,this.updateTime()),e.preventDefault()},e.prototype.decrementMinute=function(e){var t=this.currentMinute-this.stepMinute;this.validateMinute(t)&&(this.currentMinute=t<0?60+t:t,this.updateTime()),e.preventDefault()},e.prototype.validateMinute=function(e){var t=!0,a=this.value;this.isRangeSelection()&&(a=this.value[1]||this.value[0]),this.isMultipleSelection()&&(a=this.value[this.value.length-1]);var i=a?a.toDateString():null;return this.minDate&&i&&this.minDate.toDateString()===i&&a.getHours()==this.minDate.getHours()&&this.minDate.getMinutes()>e&&(t=!1),this.maxDate&&i&&this.maxDate.toDateString()===i&&a.getHours()==this.maxDate.getHours()&&this.maxDate.getMinutes()<e&&(t=!1),t},e.prototype.incrementSecond=function(e){var t=this.currentSecond+this.stepSecond;this.validateSecond(t)&&(this.currentSecond=59<t?t-60:t,this.updateTime()),e.preventDefault()},e.prototype.decrementSecond=function(e){var t=this.currentSecond-this.stepSecond;this.validateSecond(t)&&(this.currentSecond=t<0?60+t:t,this.updateTime()),e.preventDefault()},e.prototype.validateSecond=function(e){var t=!0,a=this.value;this.isRangeSelection()&&(a=this.value[1]||this.value[0]),this.isMultipleSelection()&&(a=this.value[this.value.length-1]);var i=a?a.toDateString():null;return this.minDate&&i&&this.minDate.toDateString()===i&&this.minDate.getSeconds()>e&&(t=!1),this.maxDate&&i&&this.maxDate.toDateString()===i&&this.maxDate.getSeconds()<e&&(t=!1),t},e.prototype.updateTime=function(){var e=this.value;this.isRangeSelection()&&(e=this.value[1]||this.value[0]),this.isMultipleSelection()&&(e=this.value[this.value.length-1]),e=e?new Date(e.getTime()):new Date,"12"==this.hourFormat?12===this.currentHour?e.setHours(this.pm?12:0):e.setHours(this.pm?this.currentHour+12:this.currentHour):e.setHours(this.currentHour),e.setMinutes(this.currentMinute),e.setSeconds(this.currentSecond),this.isRangeSelection()&&(e=this.value[1]?[this.value[0],e]:[e,null]),this.isMultipleSelection()&&(e=P(this.value.slice(0,-1),[e])),this.updateModel(e),this.onSelect.emit(e),this.updateInputfield()},e.prototype.toggleAMPM=function(e){this.pm=!this.pm,this.updateTime(),e.preventDefault()},e.prototype.onUserInput=function(e){if(this.isKeydown){this.isKeydown=!1;var t=e.target.value;try{var a=this.parseValueFromString(t);this.updateModel(a),this.updateUI()}catch(i){this.updateModel(null)}this.filled=null!=t&&t.length,this.onInput.emit(e)}},e.prototype.parseValueFromString=function(e){var t,a,i;if(!e||0===e.trim().length)return null;if(this.isSingleSelection())i=this.parseDateTime(e);else if(this.isMultipleSelection()){var n=e.split(",");i=[];try{for(var o=Y(n),l=o.next();!l.done;l=o.next()){var r=l.value;i.push(this.parseDateTime(r.trim()))}}catch(d){t={error:d}}finally{try{l&&!l.done&&(a=o["return"])&&a.call(o)}finally{if(t)throw t.error}}}else if(this.isRangeSelection()){n=e.split(" - ");i=[];for(var s=0;s<n.length;s++)i[s]=this.parseDateTime(n[s].trim())}return i},e.prototype.parseDateTime=function(e){var t,a=e.split(" ");return this.timeOnly?(t=new Date,this.populateTime(t,a[0],a[1])):this.showTime?(t=this.parseDate(a[0],this.dateFormat),this.populateTime(t,a[1],a[2])):t=this.parseDate(e,this.dateFormat),t},e.prototype.populateTime=function(e,t,a){if("12"==this.hourFormat&&!a)throw new Error("Invalid Time");this.pm="PM"===a||"pm"===a;var i=this.parseTime(t);e.setHours(i.hour),e.setMinutes(i.minute),e.setSeconds(i.second)},e.prototype.updateUI=function(){var e=this.value||this.defaultDate||new Date;if(Array.isArray(e)&&(e=e[0]),this.currentMonth=e.getMonth(),this.currentYear=e.getFullYear(),this.createMonths(this.currentMonth,this.currentYear),this.showTime||this.timeOnly){var t=e.getHours();"12"==this.hourFormat?(this.pm=11<t,this.currentHour=12<=t?12==t?12:t-12:0==t?12:t):this.currentHour=e.getHours(),this.currentMinute=e.getMinutes(),this.currentSecond=e.getSeconds()}},e.prototype.onDatePickerClick=function(e){this.datepickerClick=!0},e.prototype.showOverlay=function(){this.overlayVisible=!0},e.prototype.onOverlayAnimationStart=function(e){switch(e.toState){case"visible":case"visibleTouchUI":this.inline||(this.overlay=e.element,this.appendOverlay(),this.autoZIndex&&(this.overlay.style.zIndex=String(this.baseZIndex+ ++S.DomHandler.zindex)),this.alignOverlay(),this.bindDocumentClickListener());break;case"void":this.onOverlayHide()}},e.prototype.appendOverlay=function(){this.appendTo&&("body"===this.appendTo?document.body.appendChild(this.overlay):this.domHandler.appendChild(this.overlay,this.appendTo))},e.prototype.restoreOverlayAppend=function(){this.overlay&&this.appendTo&&this.el.nativeElement.appendChild(this.overlay)},e.prototype.alignOverlay=function(){this.touchUI?this.enableModality(this.overlay):this.appendTo?this.domHandler.absolutePosition(this.overlay,this.inputfieldViewChild.nativeElement):this.domHandler.relativePosition(this.overlay,this.inputfieldViewChild.nativeElement)},e.prototype.enableModality=function(e){var t=this;if(!this.mask){this.mask=document.createElement("div"),this.mask.style.zIndex=String(parseInt(e.style.zIndex)-1);this.domHandler.addMultipleClasses(this.mask,"ui-widget-overlay ui-datepicker-mask ui-datepicker-mask-scrollblocker"),this.maskClickListener=this.renderer.listen(this.mask,"click",function(e){t.disableModality()}),document.body.appendChild(this.mask),this.domHandler.addClass(document.body,"ui-overflow-hidden")}},e.prototype.disableModality=function(){if(this.mask){document.body.removeChild(this.mask);for(var e=document.body.children,t=void 0,a=0;a<e.length;a++){var i=e[a];if(this.domHandler.hasClass(i,"ui-datepicker-mask-scrollblocker")){t=!0;break}}t||this.domHandler.removeClass(document.body,"ui-overflow-hidden"),this.overlayVisible=!1,this.unbindMaskClickListener(),this.mask=null}},e.prototype.unbindMaskClickListener=function(){this.maskClickListener&&(this.maskClickListener(),this.maskClickListener=null)},e.prototype.writeValue=function(e){this.value=e,this.value&&"string"==typeof this.value&&(this.value=this.parseValueFromString(this.value)),this.updateInputfield(),this.updateUI()},e.prototype.registerOnChange=function(e){this.onModelChange=e},e.prototype.registerOnTouched=function(e){this.onModelTouched=e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype.formatDate=function(e,a){if(!e)return"";var i,n=function(e){var t=i+1<a.length&&a.charAt(i+1)===e;return t&&i++,t},t=function(e,t,a){var i=""+t;if(n(e))for(;i.length<a;)i="0"+i;return i},o=function(e,t,a,i){return n(e)?i[t]:a[t]},l="",r=!1;if(e)for(i=0;i<a.length;i++)if(r)"'"!==a.charAt(i)||n("'")?l+=a.charAt(i):r=!1;else switch(a.charAt(i)){case"d":l+=t("d",e.getDate(),2);break;case"D":l+=o("D",e.getDay(),this.locale.dayNamesShort,this.locale.dayNames);break;case"o":l+=t("o",Math.round((new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime()-new Date(e.getFullYear(),0,0).getTime())/864e5),3);break;case"m":l+=t("m",e.getMonth()+1,2);break;case"M":l+=o("M",e.getMonth(),this.locale.monthNamesShort,this.locale.monthNames);break;case"y":l+=n("y")?e.getFullYear():(e.getFullYear()%100<10?"0":"")+e.getFullYear()%100;break;case"@":l+=e.getTime();break;case"!":l+=1e4*e.getTime()+this.ticksTo1970;break;case"'":n("'")?l+="'":r=!0;break;default:l+=a.charAt(i)}return l},e.prototype.formatTime=function(e){if(!e)return"";var t="",a=e.getHours(),i=e.getMinutes(),n=e.getSeconds();return"12"==this.hourFormat&&11<a&&12!=a&&(a-=12),"12"==this.hourFormat?t+=0===a?12:a<10?"0"+a:a:t+=a<10?"0"+a:a,t+=":",t+=i<10?"0"+i:i,this.showSeconds&&(t+=":",t+=n<10?"0"+n:n),"12"==this.hourFormat&&(t+=11<e.getHours()?" PM":" AM"),t},e.prototype.parseTime=function(e){var t=e.split(":"),a=this.showSeconds?3:2;if(t.length!==a)throw new Error("Invalid time");var i=parseInt(t[0]),n=parseInt(t[1]),o=this.showSeconds?parseInt(t[2]):null;if(isNaN(i)||isNaN(n)||23<i||59<n||"12"==this.hourFormat&&12<i||this.showSeconds&&(isNaN(o)||59<o))throw new Error("Invalid time");return"12"==this.hourFormat&&12!==i&&this.pm&&(i+=12),{hour:i,minute:n,second:o}},e.prototype.parseDate=function(s,a){if(null==a||null==s)throw new Error("Invalid arguments");if(""===(s="object"==typeof s?s.toString():s+""))return null;var i,e,t,n,d=0,o="string"!=typeof this.shortYearCutoff?this.shortYearCutoff:(new Date).getFullYear()%100+parseInt(this.shortYearCutoff,10),l=-1,r=-1,c=-1,p=-1,m=!1,h=function(e){var t=i+1<a.length&&a.charAt(i+1)===e;return t&&i++,t},u=function(e){var t=h(e),a="@"===e?14:"!"===e?20:"y"===e&&t?4:"o"===e?3:2,i=new RegExp("^\\d{"+("y"===e?a:1)+","+a+"}"),n=s.substring(d).match(i);if(!n)throw new Error("Missing number at position "+d);return d+=n[0].length,parseInt(n[0],10)},f=function(e,t,a){for(var i=-1,n=h(e)?a:t,o=[],l=0;l<n.length;l++)o.push([l,n[l]]);o.sort(function(e,t){return-(e[1].length-t[1].length)});for(l=0;l<o.length;l++){var r=o[l][1];if(s.substr(d,r.length).toLowerCase()===r.toLowerCase()){i=o[l][0],d+=r.length;break}}if(-1!==i)return i+1;throw new Error("Unknown name at position "+d)},b=function(){if(s.charAt(d)!==a.charAt(i))throw new Error("Unexpected literal at position "+d);d++};for("month"===this.view&&(c=1),i=0;i<a.length;i++)if(m)"'"!==a.charAt(i)||h("'")?b():m=!1;else switch(a.charAt(i)){case"d":c=u("d");break;case"D":f("D",this.locale.dayNamesShort,this.locale.dayNames);break;case"o":p=u("o");break;case"m":r=u("m");break;case"M":r=f("M",this.locale.monthNamesShort,this.locale.monthNames);break;case"y":l=u("y");break;case"@":l=(n=new Date(u("@"))).getFullYear(),r=n.getMonth()+1,c=n.getDate();break;case"!":l=(n=new Date((u("!")-this.ticksTo1970)/1e4)).getFullYear(),r=n.getMonth()+1,c=n.getDate();break;case"'":h("'")?b():m=!0;break;default:b()}if(d<s.length&&(t=s.substr(d),!/^\s+/.test(t)))throw new Error("Extra/unparsed characters found in date: "+t);if(-1===l?l=(new Date).getFullYear():l<100&&(l+=(new Date).getFullYear()-(new Date).getFullYear()%100+(l<=o?0:-100)),-1<p)for(r=1,c=p;;){if(c<=(e=this.getDaysCountInMonth(l,r-1)))break;r++,c-=e}if((n=this.daylightSavingAdjust(new Date(l,r-1,c))).getFullYear()!==l||n.getMonth()+1!==r||n.getDate()!==c)throw new Error("Invalid date");return n},e.prototype.daylightSavingAdjust=function(e){return e?(e.setHours(12<e.getHours()?e.getHours()+2:0),e):null},e.prototype.updateFilledState=function(){this.filled=this.inputFieldValue&&""!=this.inputFieldValue},e.prototype.onTodayButtonClick=function(e){var t=new Date,a={day:t.getDate(),month:t.getMonth(),year:t.getFullYear(),otherMonth:t.getMonth()!==this.currentMonth||t.getFullYear()!==this.currentYear,today:!0,selectable:!0};this.onDateSelect(e,a),this.onTodayClick.emit(e)},e.prototype.onClearButtonClick=function(e){this.updateModel(null),this.updateInputfield(),this.overlayVisible=!1,this.onClearClick.emit(e)},e.prototype.bindDocumentClickListener=function(){var t=this;this.documentClickListener||(this.documentClickListener=this.renderer.listen("document","click",function(e){!t.datepickerClick&&t.overlayVisible&&(t.overlayVisible=!1,t.onClose.emit(e)),t.datepickerClick=!1,t.cd.detectChanges()}))},e.prototype.unbindDocumentClickListener=function(){this.documentClickListener&&(this.documentClickListener(),this.documentClickListener=null)},e.prototype.onOverlayHide=function(){this.unbindDocumentClickListener(),this.unbindMaskClickListener(),this.overlay=null},e.prototype.ngOnDestroy=function(){this.restoreOverlayAppend(),this.onOverlayHide()},e.decorators=[{type:T.Component,args:[{selector:"s-calendar",template:'\n        <span [ngClass]="{\'input-group\':true,\'ui-calendar-\':true, \'ui-calendar-w-btn-\': showIcon, \'ui-calendar-timeonly\': timeOnly}" [ngStyle]="style" [class]="styleClass" style="width:100%">\n            <ng-template [ngIf]="!inline">\n                <input #inputfield type="text" [attr.id]="inputId" [attr.name]="name" [attr.required]="required" [value]="inputFieldValue" (focus)="onInputFocus($event)" (keydown)="onInputKeydown($event)" (click)="onInputClick($event)" (blur)="onInputBlur($event)"\n                    [readonly]="readonlyInput" (input)="onUserInput($event)" [ngStyle]="inputStyle" [class]="inputStyleClass" [placeholder]="placeholder||\'\'" [disabled]="disabled" [attr.tabindex]="tabindex"\n                    [ngClass]="\'ui-inputtext ui-widget ui-state-default ui-corner-all\'" autocomplete="off"\n                    >\n                    <span class="input-group-btn add-bt">\n                     \x3c!-- [icon]="icon"  ui-datepicker-trigger ui-calendar-button pButton--\x3e\n                    <button type="button"  *ngIf="showIcon" (click)="onButtonClick($event,inputfield)" class="btn btn-success btn-md icon"\n                    [ngClass]="{\'ui-state-disabled\':disabled}" [disabled]="disabled" tabindex="-1">\n                        <i class="far fa-calendar-alt"></i>\n                    </button>\n                    </span>\n            </ng-template>\n            <div [class]="panelStyleClass" [ngStyle]="panelStyle" [ngClass]="{\'ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all\': true, \'ui-datepicker-inline\':inline,\'ui-shadow\':!inline,\n                \'ui-state-disabled\':disabled,\'ui-datepicker-timeonly\':timeOnly,\'ui-datepicker-multiple-month\': this.numberOfMonths > 1, \'ui-datepicker-monthpicker\': (view === \'month\'), \'ui-datepicker-touch-ui\': touchUI}"\n                (click)="onDatePickerClick($event)" [@overlayAnimation]="touchUI ? \'visibleTouchUI\': \'visible\'" [@.disabled]="inline === true" (@overlayAnimation.start)="onOverlayAnimationStart($event)" *ngIf="inline || overlayVisible">\n                <ng-container *ngIf="!timeOnly">\n                    <div class="ui-datepicker-group ui-widget-content" *ngFor="let month of months; let i = index;">\n                        <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">\n                            <ng-content select="p-header"></ng-content>\n                            <a class="ui-datepicker-prev ui-corner-all" href="#" (click)="navBackward($event)" *ngIf="i === 0">\n                                <span class="pi pi-chevron-left"></span>\n                            </a>\n                            <a class="ui-datepicker-next ui-corner-all" href="#" (click)="navForward($event)" *ngIf="numberOfMonths === 1 ? true : (i === numberOfMonths -1)">\n                                <span class="pi pi-chevron-right"></span>\n                            </a>\n                            <div class="ui-datepicker-title">\n                                <span class="ui-datepicker-month" *ngIf="!monthNavigator && (view !== \'month\')">{{locale.monthNames[month.month]}}</span>\n                                <select class="ui-datepicker-month" *ngIf="monthNavigator && (view !== \'month\') && numberOfMonths === 1" (change)="onMonthDropdownChange($event.target.value)">\n                                    <option [value]="i" *ngFor="let monthName of locale.monthNames;let i = index" [selected]="i === month.month">{{monthName}}</option>\n                                </select>\n                                <select class="ui-datepicker-year" *ngIf="yearNavigator && numberOfMonths === 1" (change)="onYearDropdownChange($event.target.value)">\n                                    <option [value]="year" *ngFor="let year of yearOptions" [selected]="year === currentYear">{{year}}</option>\n                                </select>\n                                <span class="ui-datepicker-year" *ngIf="!yearNavigator">{{view === \'month\' ? currentYear : month.year}}</span>\n                            </div>\n                        </div>\n                        <div class="ui-datepicker-calendar-container" *ngIf="view ===\'date\'">\n                            <table class="ui-datepicker-calendar">\n                                <thead>\n                                    <tr>\n                                        <th scope="col" *ngFor="let weekDay of weekDays;let begin = first; let end = last">\n                                            <span>{{weekDay}}</span>\n                                        </th>\n                                    </tr>\n                                </thead>\n                                <tbody>\n                                    <tr *ngFor="let week of month.dates">\n                                        <td *ngFor="let date of week" [ngClass]="{\'ui-datepicker-other-month\': date.otherMonth,\n                                            \'ui-datepicker-current-day\':isSelected(date),\'ui-datepicker-today\':date.today}">\n                                            <ng-container *ngIf="date.otherMonth ? showOtherMonths : true">\n                                                <a class="ui-state-default" *ngIf="date.selectable" [ngClass]="{\'ui-state-active\':isSelected(date), \'ui-state-highlight\':date.today}"\n                                                    (click)="onDateSelect($event,date)" draggable="false">\n                                                    <ng-container *ngIf="!dateTemplate">{{date.day}}</ng-container>\n                                                    <ng-container *ngTemplateOutlet="dateTemplate; context: {$implicit: date}"></ng-container>\n                                                </a>\n                                                <span class="ui-state-default ui-state-disabled" *ngIf="!date.selectable">\n                                                    {{date.day}}\n                                                </span>\n                                            </ng-container>\n                                        </td>\n                                    </tr>\n                                </tbody>\n                            </table>\n                        </div>\n                    </div>\n                    <div class="ui-monthpicker" *ngIf="view === \'month\'">\n                        <a href="#" *ngFor="let m of monthPickerValues; let i = index" (click)="onMonthSelect($event, i)" class="ui-monthpicker-month" [ngClass]="{\'ui-state-active\': isMonthSelected(i)}">\n                            {{m}}\n                        </a>\n                    </div>\n                </ng-container>\n                <div class="ui-timepicker ui-widget-header ui-corner-all" *ngIf="showTime||timeOnly">\n                    <div class="ui-hour-picker">\n                        <a href="#" (click)="incrementHour($event)">\n                            <span class="pi pi-chevron-up"></span>\n                        </a>\n                        <span [ngStyle]="{\'display\': currentHour < 10 ? \'inline\': \'none\'}">0</span><span>{{currentHour}}</span>\n                        <a href="#" (click)="decrementHour($event)">\n                            <span class="pi pi-chevron-down"></span>\n                        </a>\n                    </div>\n                    <div class="ui-separator">\n                        <a href="#">\n                            <span class="pi pi-chevron-up"></span>\n                        </a>\n                        <span>:</span>\n                        <a href="#">\n                            <span class="pi pi-chevron-down"></span>\n                        </a>\n                    </div>\n                    <div class="ui-minute-picker">\n                        <a href="#" (click)="incrementMinute($event)">\n                            <span class="pi pi-chevron-up"></span>\n                        </a>\n                        <span [ngStyle]="{\'display\': currentMinute < 10 ? \'inline\': \'none\'}">0</span><span>{{currentMinute}}</span>\n                        <a href="#" (click)="decrementMinute($event)">\n                            <span class="pi pi-chevron-down"></span>\n                        </a>\n                    </div>\n                    <div class="ui-separator" *ngIf="showSeconds">\n                        <a href="#">\n                            <span class="pi pi-chevron-up"></span>\n                        </a>\n                        <span>:</span>\n                        <a href="#">\n                            <span class="pi pi-chevron-down"></span>\n                        </a>\n                    </div>\n                    <div class="ui-second-picker" *ngIf="showSeconds">\n                        <a href="#" (click)="incrementSecond($event)">\n                            <span class="pi pi-chevron-up"></span>\n                        </a>\n                        <span [ngStyle]="{\'display\': currentSecond < 10 ? \'inline\': \'none\'}">0</span><span>{{currentSecond}}</span>\n                        <a href="#" (click)="decrementSecond($event)">\n                            <span class="pi pi-chevron-down"></span>\n                        </a>\n                    </div>\n                    <div class="ui-ampm-picker" *ngIf="hourFormat==\'12\'">\n                        <a href="#" (click)="toggleAMPM($event)">\n                            <span class="pi pi-chevron-up"></span>\n                        </a>\n                        <span>{{pm ? \'PM\' : \'AM\'}}</span>\n                        <a href="#" (click)="toggleAMPM($event)">\n                            <span class="pi pi-chevron-down"></span>\n                        </a>\n                    </div>\n                </div>\n                <div class="ui-datepicker-buttonbar ui-widget-header" *ngIf="showButtonBar">\n                    <div class="ui-g">\n                        <div class="ui-g-6">\n                            <button type="button" [label]="_locale.today" (click)="onTodayButtonClick($event)" pButton [ngClass]="[todayButtonStyleClass]"></button>\n                        </div>\n                        <div class="ui-g-6">\n                            <button type="button" [label]="_locale.clear" (click)="onClearButtonClick($event)" pButton [ngClass]="[clearButtonStyleClass]"></button>\n                        </div>\n                    </div>\n                </div>\n                <ng-content select="p-footer"></ng-content>\n            </div>\n        </span>\n    ',animations:[M.trigger("overlayAnimation",[M.state("visible",M.style({transform:"translateY(0)",opacity:1})),M.state("visibleTouchUI",M.style({transform:"translate(-50%,-50%)",opacity:1})),M.transition("void => visible",[M.style({transform:"translateY(5%)",opacity:0}),M.animate("225ms ease-out")]),M.transition("visible => void",[M.animate("195ms ease-in",M.style({opacity:0,transform:"translateY(5%)"}))]),M.transition("void => visibleTouchUI",[M.style({opacity:0,transform:"translate3d(-50%, -40%, 0) scale(0.9)"}),M.animate("225ms ease-out")]),M.transition("visibleTouchUI => void",[M.animate("195ms ease-in",M.style({opacity:0,transform:"translate3d(-50%, -40%, 0) scale(0.9)"}))])])],host:{"[class.ui-inputwrapper-filled]":"filled","[class.ui-inputwrapper-focus]":"focus"},providers:[S.DomHandler,Te]}]}],e.ctorParameters=function(){return[{type:T.ElementRef},{type:S.DomHandler},{type:T.Renderer2},{type:T.ChangeDetectorRef}]},e.propDecorators={utc:[{type:T.Input}],minDate:[{type:T.Input}],maxDate:[{type:T.Input}],disabledDates:[{type:T.Input}],disabledDays:[{type:T.Input}],showTime:[{type:T.Input}],locale:[{type:T.Input}],defaultDate:[{type:T.Input}],style:[{type:T.Input}],styleClass:[{type:T.Input}],inputStyle:[{type:T.Input}],inputId:[{type:T.Input}],name:[{type:T.Input}],inputStyleClass:[{type:T.Input}],placeholder:[{type:T.Input}],disabled:[{type:T.Input}],dateFormat:[{type:T.Input}],inline:[{type:T.Input}],showOtherMonths:[{type:T.Input}],selectOtherMonths:[{type:T.Input}],showIcon:[{type:T.Input}],icon:[{type:T.Input}],appendTo:[{type:T.Input}],readonlyInput:[{type:T.Input}],shortYearCutoff:[{type:T.Input}],monthNavigator:[{type:T.Input}],yearNavigator:[{type:T.Input}],yearRange:[{type:T.Input}],hourFormat:[{type:T.Input}],timeOnly:[{type:T.Input}],stepHour:[{type:T.Input}],stepMinute:[{type:T.Input}],stepSecond:[{type:T.Input}],showSeconds:[{type:T.Input}],required:[{type:T.Input}],showOnFocus:[{type:T.Input}],dataType:[{type:T.Input}],selectionMode:[{type:T.Input}],maxDateCount:[{type:T.Input}],showButtonBar:[{type:T.Input}],todayButtonStyleClass:[{type:T.Input}],clearButtonStyleClass:[{type:T.Input}],autoZIndex:[{type:T.Input}],baseZIndex:[{type:T.Input}],panelStyleClass:[{type:T.Input}],panelStyle:[{type:T.Input}],keepInvalid:[{type:T.Input}],hideOnDateTimeSelect:[{type:T.Input}],numberOfMonths:[{type:T.Input}],view:[{type:T.Input}],touchUI:[{type:T.Input}],onFocus:[{type:T.Output}],onBlur:[{type:T.Output}],onClose:[{type:T.Output}],onSelect:[{type:T.Output}],onInput:[{type:T.Output}],onTodayClick:[{type:T.Output}],onClearClick:[{type:T.Output}],onMonthChange:[{type:T.Output}],onYearChange:[{type:T.Output}],templates:[{type:T.ContentChildren,args:[S.PrimeTemplate]}],tabindex:[{type:T.Input}],inputfieldViewChild:[{type:T.ViewChild,args:["inputfield"]}]},e}(),Fe=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule,S.ButtonModule,S.SharedModule],exports:[Oe,S.ButtonModule,S.SharedModule],declarations:[Oe]}]}],e}(),ze=function(){function e(e,t,a){this.templateRef=e,this.viewContainer=t,this.dataservice=a}return e.prototype.ngOnInit=function(){console.log(this.appCanShow),console.log(this.dataservice.isCheckGroup(this.appCanShow)),0===this.appCanShow.component.length||""===this.appCanShow.role?this.viewContainer.createEmbeddedView(this.templateRef):this.dataservice.isCheckGroup(this.appCanShow)?(console.log(this.templateRef),this.viewContainer.createEmbeddedView(this.templateRef)):this.viewContainer.clear()},e.decorators=[{type:T.Directive,args:[{selector:"[appCanShow]"}]}],e.ctorParameters=function(){return[{type:T.TemplateRef},{type:T.ViewContainerRef},{type:j}]},e.propDecorators={appCanShow:[{type:T.Input,args:["appCanShow"]}]},e}(),Le=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[],exports:[ze],declarations:[ze]}]}],e}(),Ae=function(){function e(){this.spinnerObservable=new E.Subject}return e.prototype.show=function(){this.spinnerObservable.next(!0)},e.prototype.hide=function(){this.spinnerObservable.next(!1)},e.decorators=[{type:T.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=T.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),Ne={"ball-8bits":16,"ball-atom":4,"ball-beat":3,"ball-circus":5,"ball-climbing-dot":4,"ball-clip-rotate":1,"ball-clip-rotate-multiple":2,"ball-clip-rotate-pulse":2,"ball-elastic-dots":5,"ball-fall":3,"ball-fussion":4,"ball-grid-beat":9,"ball-grid-pulse":9,"ball-newton-cradle":4,"ball-pulse":3,"ball-pulse-rise":5,"ball-pulse-sync":3,"ball-rotate":1,"ball-running-dots":5,"ball-scale":1,"ball-scale-multiple":3,"ball-scale-pulse":2,"ball-scale-ripple":1,"ball-scale-ripple-multiple":3,"ball-spin":8,"ball-spin-clockwise":8,"ball-spin-clockwise-fade":8,"ball-spin-clockwise-fade-rotating":8,"ball-spin-fade":8,"ball-spin-fade-rotating":8,"ball-spin-rotate":2,"ball-square-clockwise-spin":8,"ball-square-spin":8,"ball-triangle-path":3,"ball-zig-zag":2,"ball-zig-zag-deflect":2,cog:1,"cube-transition":2,fire:3,"line-scale":5,"line-scale-party":5,"line-scale-pulse-out":5,"line-scale-pulse-out-rapid":5,"line-spin-clockwise-fade":8,"line-spin-clockwise-fade-rotating":8,"line-spin-fade":8,"line-spin-fade-rotating":8,pacman:6,"square-jelly-box":2,"square-loader":1,"square-spin":1,timer:1,"triangle-skew-spin":1},Re=function(){function e(e){var t=this;this.spinnerService=e,this.bdColor="rgba(51,51,51,0.8)",this.size="",this.color="#fff",this.fullScreen=!0,this.showSpinner=!1,this.divArray=[],this.divCount=0,this.spinnerSubscription=this.spinnerService.spinnerObservable.subscribe(function(e){t.showSpinner=e})}return e.prototype.ngOnInit=function(){this.onInputChange()},e.prototype.ngOnChanges=function(e){var t=e.type,a=e.size;t&&"undefined"!=typeof t.currentValue&&t.currentValue!==t.previousValue&&""!==t.currentValue&&(this.type=t.currentValue,this.onInputChange()),a&&"undefined"!=typeof a.currentValue&&a.currentValue!==a.previousValue&&""!==a.currentValue&&(this.size=a.currentValue,this.onInputChange())},e.prototype.getClass=function(e,t){void 0===e&&(e="ball-scale-multiple"),void 0===t&&(t="large"),this.divCount=Ne[e],this.divArray=Array(this.divCount).fill(0).map(function(e,t){return t});var a="";switch(t.toLowerCase()){case"small":a="la-sm";break;case"medium":a="la-2x";break;case"large":a="la-3x"}return"la-"+e+" "+a},e.prototype.onInputChange=function(){this.spinnerClass=this.getClass(this.type,this.size)},e.prototype.hideSpinner=function(){this.spinnerService.hide()},e.prototype.ngOnDestroy=function(){this.spinnerSubscription.unsubscribe()},e.decorators=[{type:T.Component,args:[{selector:"soc-loading",template:'<div class="black-overlay" *ngIf="showSpinner" [ngStyle]="{\'background-color\': bdColor}" [style.position]="fullScreen ? \'fixed\' : \'absolute\'" (click)="hideSpinner()">\n  <div [class]="spinnerClass" [style.color]="color">\n    <div *ngFor="let i of divArray"></div>\n  </div>\n  <div class="loading-text">\n    <ng-content></ng-content>\n  </div>\n</div>',styles:['.la-ball-8bits,.la-ball-8bits>div{position:relative;box-sizing:border-box}.la-ball-8bits{display:block;font-size:0;color:#fff;width:12px;height:12px}.la-ball-8bits.la-dark{color:#333}.la-ball-8bits>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:0;opacity:0;-webkit-transform:translate(100%,100%);transform:translate(100%,100%);-webkit-animation:1s infinite ball-8bits;animation:1s infinite ball-8bits}.la-ball-8bits>div:nth-child(1){-webkit-animation-delay:-.9375s;animation-delay:-.9375s;top:-100%;left:0}.la-ball-8bits>div:nth-child(2){-webkit-animation-delay:-.875s;animation-delay:-.875s;top:-100%;left:33.3333333333%}.la-ball-8bits>div:nth-child(3){-webkit-animation-delay:-.8125s;animation-delay:-.8125s;top:-66.6666666667%;left:66.6666666667%}.la-ball-8bits>div:nth-child(4){-webkit-animation-delay:-.75s;animation-delay:-.75s;top:-33.3333333333%;left:100%}.la-ball-8bits>div:nth-child(5){-webkit-animation-delay:-.6875s;animation-delay:-.6875s;top:0;left:100%}.la-ball-8bits>div:nth-child(6){-webkit-animation-delay:-.625s;animation-delay:-.625s;top:33.3333333333%;left:100%}.la-ball-8bits>div:nth-child(7){-webkit-animation-delay:-.5625s;animation-delay:-.5625s;top:66.6666666667%;left:66.6666666667%}.la-ball-8bits>div:nth-child(8){-webkit-animation-delay:-.5s;animation-delay:-.5s;top:100%;left:33.3333333333%}.la-ball-8bits>div:nth-child(9){-webkit-animation-delay:-.4375s;animation-delay:-.4375s;top:100%;left:0}.la-ball-8bits>div:nth-child(10){-webkit-animation-delay:-.375s;animation-delay:-.375s;top:100%;left:-33.3333333333%}.la-ball-8bits>div:nth-child(11){-webkit-animation-delay:-.3125s;animation-delay:-.3125s;top:66.6666666667%;left:-66.6666666667%}.la-ball-8bits>div:nth-child(12){-webkit-animation-delay:-.25s;animation-delay:-.25s;top:33.3333333333%;left:-100%}.la-ball-8bits>div:nth-child(13){-webkit-animation-delay:-.1875s;animation-delay:-.1875s;top:0;left:-100%}.la-ball-8bits>div:nth-child(14){-webkit-animation-delay:-.125s;animation-delay:-.125s;top:-33.3333333333%;left:-100%}.la-ball-8bits>div:nth-child(15){-webkit-animation-delay:-.0625s;animation-delay:-.0625s;top:-66.6666666667%;left:-66.6666666667%}.la-ball-8bits>div:nth-child(16){-webkit-animation-delay:0s;animation-delay:0s;top:-100%;left:-33.3333333333%}.la-ball-8bits.la-sm{width:6px;height:6px}.la-ball-8bits.la-sm>div{width:2px;height:2px}.la-ball-8bits.la-2x{width:24px;height:24px}.la-ball-8bits.la-2x>div{width:8px;height:8px}.la-ball-8bits.la-3x{width:36px;height:36px}.la-ball-8bits.la-3x>div{width:12px;height:12px}@-webkit-keyframes ball-8bits{0%,50%{opacity:1}51%{opacity:0}}@keyframes ball-8bits{0%,50%{opacity:1}51%{opacity:0}}.la-ball-atom,.la-ball-atom>div{position:relative;box-sizing:border-box}.la-ball-atom{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-atom.la-dark{color:#333}.la-ball-atom>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-atom>div:nth-child(1){position:absolute;top:50%;left:50%;z-index:1;width:60%;height:60%;background:#aaa;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:4.5s linear infinite ball-atom-shrink;animation:4.5s linear infinite ball-atom-shrink}.la-ball-atom>div:not(:nth-child(1)){position:absolute;left:0;z-index:0;width:100%;height:100%;background:0 0;-webkit-animation:1.5s steps(2,end) infinite ball-atom-zindex;animation:1.5s steps(2,end) infinite ball-atom-zindex}.la-ball-atom>div:not(:nth-child(1)):before{position:absolute;top:0;left:0;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:"";background:currentColor;border-radius:50%;opacity:.75;-webkit-animation:1.5s infinite ball-atom-position,1.5s infinite ball-atom-size;animation:1.5s infinite ball-atom-position,1.5s infinite ball-atom-size}.la-ball-atom>div:nth-child(2){-webkit-animation-delay:.75s;animation-delay:.75s}.la-ball-atom>div:nth-child(2):before{-webkit-animation-delay:0s,-1.125s;animation-delay:0s,-1.125s}.la-ball-atom>div:nth-child(3){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-ball-atom>div:nth-child(3):before{-webkit-animation-delay:-1s,-.75s;animation-delay:-1s,-.75s}.la-ball-atom>div:nth-child(4){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:.25s;animation-delay:.25s}.la-ball-atom>div:nth-child(4):before{-webkit-animation-delay:-.5s,-125ms;animation-delay:-.5s,-125ms}.la-ball-atom.la-sm{width:16px;height:16px}.la-ball-atom.la-sm>div:not(:nth-child(1)):before{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-atom.la-2x{width:64px;height:64px}.la-ball-atom.la-2x>div:not(:nth-child(1)):before{width:20px;height:20px;margin-top:-10px;margin-left:-10px}.la-ball-atom.la-3x{width:96px;height:96px}.la-ball-atom.la-3x>div:not(:nth-child(1)):before{width:30px;height:30px;margin-top:-15px;margin-left:-15px}@-webkit-keyframes ball-atom-position{50%{top:100%;left:100%}}@keyframes ball-atom-position{50%{top:100%;left:100%}}@-webkit-keyframes ball-atom-size{50%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}@keyframes ball-atom-size{50%{-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}}@-webkit-keyframes ball-atom-zindex{50%{z-index:10}}@keyframes ball-atom-zindex{50%{z-index:10}}@-webkit-keyframes ball-atom-shrink{50%{-webkit-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8,.8)}}@keyframes ball-atom-shrink{50%{-webkit-transform:translate(-50%,-50%) scale(.8,.8);transform:translate(-50%,-50%) scale(.8,.8)}}.la-ball-beat,.la-ball-beat>div{position:relative;box-sizing:border-box}.la-ball-beat{display:block;font-size:0;color:#fff;width:54px;height:18px}.la-ball-beat.la-dark{color:#333}.la-ball-beat>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:4px;border-radius:100%;-webkit-animation:.7s linear -.15s infinite ball-beat;animation:.7s linear -.15s infinite ball-beat}.la-ball-beat>div:nth-child(2n-1){-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-beat.la-sm{width:26px;height:8px}.la-ball-beat.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-beat.la-2x{width:108px;height:36px}.la-ball-beat.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-beat.la-3x{width:162px;height:54px}.la-ball-beat.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.la-ball-circus,.la-ball-circus>div{position:relative;box-sizing:border-box}.la-ball-circus{display:block;font-size:0;color:#fff;width:16px;height:16px}.la-ball-circus.la-dark{color:#333}.la-ball-circus>div{float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:0;left:-100%;display:block;width:100%;height:100%;border-radius:100%;opacity:.5;-webkit-animation:2.5s cubic-bezier(.25,0,.75,1) infinite ball-circus-position,2.5s cubic-bezier(.25,0,.75,1) infinite ball-circus-size;animation:2.5s cubic-bezier(.25,0,.75,1) infinite ball-circus-position,2.5s cubic-bezier(.25,0,.75,1) infinite ball-circus-size}.la-ball-circus>div:nth-child(1){-webkit-animation-delay:0s,-.5s;animation-delay:0s,-.5s}.la-ball-circus>div:nth-child(2){-webkit-animation-delay:-.5s,-1s;animation-delay:-.5s,-1s}.la-ball-circus>div:nth-child(3){-webkit-animation-delay:-1s,-1.5s;animation-delay:-1s,-1.5s}.la-ball-circus>div:nth-child(4){-webkit-animation-delay:-1.5s,-2s;animation-delay:-1.5s,-2s}.la-ball-circus>div:nth-child(5){-webkit-animation-delay:-2s,-2.5s;animation-delay:-2s,-2.5s}.la-ball-circus.la-sm,.la-ball-circus.la-sm>div{width:8px;height:8px}.la-ball-circus.la-2x,.la-ball-circus.la-2x>div{width:32px;height:32px}.la-ball-circus.la-3x,.la-ball-circus.la-3x>div{width:48px;height:48px}@-webkit-keyframes ball-circus-position{50%{left:100%}}@keyframes ball-circus-position{50%{left:100%}}@-webkit-keyframes ball-circus-size{50%{-webkit-transform:scale(.3,.3);transform:scale(.3,.3)}}@keyframes ball-circus-size{50%{-webkit-transform:scale(.3,.3);transform:scale(.3,.3)}}.la-ball-climbing-dot,.la-ball-climbing-dot>div{position:relative;box-sizing:border-box}.la-ball-climbing-dot{display:block;font-size:0;color:#fff;width:42px;height:32px}.la-ball-climbing-dot.la-dark{color:#333}.la-ball-climbing-dot>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-climbing-dot>div:nth-child(1){position:absolute;bottom:32%;left:18%;width:14px;height:14px;border-radius:100%;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:.6s ease-in-out infinite ball-climbing-dot-jump;animation:.6s ease-in-out infinite ball-climbing-dot-jump}.la-ball-climbing-dot>div:not(:nth-child(1)){position:absolute;top:0;right:0;width:14px;height:2px;border-radius:0;-webkit-transform:translate(60%,0);transform:translate(60%,0);-webkit-animation:1.8s linear infinite ball-climbing-dot-steps;animation:1.8s linear infinite ball-climbing-dot-steps}.la-ball-climbing-dot>div:not(:nth-child(1)):nth-child(2){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-climbing-dot>div:not(:nth-child(1)):nth-child(3){-webkit-animation-delay:-.6s;animation-delay:-.6s}.la-ball-climbing-dot>div:not(:nth-child(1)):nth-child(4){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.la-ball-climbing-dot.la-sm{width:20px;height:16px}.la-ball-climbing-dot.la-sm>div:nth-child(1){width:6px;height:6px}.la-ball-climbing-dot.la-sm>div:not(:nth-child(1)){width:6px;height:1px}.la-ball-climbing-dot.la-2x{width:84px;height:64px}.la-ball-climbing-dot.la-2x>div:nth-child(1){width:28px;height:28px}.la-ball-climbing-dot.la-2x>div:not(:nth-child(1)){width:28px;height:4px}.la-ball-climbing-dot.la-3x{width:126px;height:96px}.la-ball-climbing-dot.la-3x>div:nth-child(1){width:42px;height:42px}.la-ball-climbing-dot.la-3x>div:not(:nth-child(1)){width:42px;height:6px}@-webkit-keyframes ball-climbing-dot-jump{0%,100%{-webkit-transform:scale(1,.7);transform:scale(1,.7)}20%,80%,90%{-webkit-transform:scale(.7,1.2);transform:scale(.7,1.2)}40%,46%{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{bottom:125%}}@keyframes ball-climbing-dot-jump{0%,100%{-webkit-transform:scale(1,.7);transform:scale(1,.7)}20%,80%,90%{-webkit-transform:scale(.7,1.2);transform:scale(.7,1.2)}40%,46%{-webkit-transform:scale(1,1);transform:scale(1,1)}50%{bottom:125%}}@-webkit-keyframes ball-climbing-dot-steps{0%{top:0;right:0;opacity:0}50%{opacity:1}100%{top:100%;right:100%;opacity:0}}@keyframes ball-climbing-dot-steps{0%{top:0;right:0;opacity:0}50%{opacity:1}100%{top:100%;right:100%;opacity:0}}.la-ball-clip-rotate-multiple,.la-ball-clip-rotate-multiple>div{position:relative;box-sizing:border-box}.la-ball-clip-rotate-multiple{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-clip-rotate-multiple.la-dark{color:#333}.la-ball-clip-rotate-multiple>div{display:inline-block;float:none;border:2px solid currentColor;position:absolute;top:50%;left:50%;background:0 0;border-radius:100%;-webkit-animation:1s ease-in-out infinite ball-clip-rotate-multiple-rotate;animation:1s ease-in-out infinite ball-clip-rotate-multiple-rotate}.la-ball-clip-rotate-multiple>div:first-child{position:absolute;width:32px;height:32px;border-right-color:transparent;border-left-color:transparent}.la-ball-clip-rotate-multiple>div:last-child{width:16px;height:16px;border-top-color:transparent;border-bottom-color:transparent;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-direction:reverse;animation-direction:reverse}.la-ball-clip-rotate-multiple.la-sm{width:16px;height:16px}.la-ball-clip-rotate-multiple.la-sm>div{border-width:1px}.la-ball-clip-rotate-multiple.la-sm>div:first-child{width:16px;height:16px}.la-ball-clip-rotate-multiple.la-sm>div:last-child{width:8px;height:8px}.la-ball-clip-rotate-multiple.la-2x{width:64px;height:64px}.la-ball-clip-rotate-multiple.la-2x>div{border-width:4px}.la-ball-clip-rotate-multiple.la-2x>div:first-child{width:64px;height:64px}.la-ball-clip-rotate-multiple.la-2x>div:last-child{width:32px;height:32px}.la-ball-clip-rotate-multiple.la-3x{width:96px;height:96px}.la-ball-clip-rotate-multiple.la-3x>div{border-width:6px}.la-ball-clip-rotate-multiple.la-3x>div:first-child{width:96px;height:96px}.la-ball-clip-rotate-multiple.la-3x>div:last-child{width:48px;height:48px}@-webkit-keyframes ball-clip-rotate-multiple-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ball-clip-rotate-multiple-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}.la-ball-clip-rotate-pulse,.la-ball-clip-rotate-pulse>div{position:relative;box-sizing:border-box}.la-ball-clip-rotate-pulse{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-clip-rotate-pulse.la-dark{color:#333}.la-ball-clip-rotate-pulse>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;border-radius:100%}.la-ball-clip-rotate-pulse>div:first-child{position:absolute;width:32px;height:32px;background:0 0;border-style:solid;border-width:2px;border-right-color:transparent;border-left-color:transparent;-webkit-animation:1s cubic-bezier(.09,.57,.49,.9) infinite ball-clip-rotate-pulse-rotate;animation:1s cubic-bezier(.09,.57,.49,.9) infinite ball-clip-rotate-pulse-rotate}.la-ball-clip-rotate-pulse>div:last-child{width:16px;height:16px;-webkit-animation:1s cubic-bezier(.09,.57,.49,.9) infinite ball-clip-rotate-pulse-scale;animation:1s cubic-bezier(.09,.57,.49,.9) infinite ball-clip-rotate-pulse-scale}.la-ball-clip-rotate-pulse.la-sm{width:16px;height:16px}.la-ball-clip-rotate-pulse.la-sm>div:first-child{width:16px;height:16px;border-width:1px}.la-ball-clip-rotate-pulse.la-sm>div:last-child{width:8px;height:8px}.la-ball-clip-rotate-pulse.la-2x{width:64px;height:64px}.la-ball-clip-rotate-pulse.la-2x>div:first-child{width:64px;height:64px;border-width:4px}.la-ball-clip-rotate-pulse.la-2x>div:last-child{width:32px;height:32px}.la-ball-clip-rotate-pulse.la-3x{width:96px;height:96px}.la-ball-clip-rotate-pulse.la-3x>div:first-child{width:96px;height:96px;border-width:6px}.la-ball-clip-rotate-pulse.la-3x>div:last-child{width:48px;height:48px}@-webkit-keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ball-clip-rotate-pulse-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes ball-clip-rotate-pulse-scale{0%,100%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}30%{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(.15);transform:translate(-50%,-50%) scale(.15)}}@keyframes ball-clip-rotate-pulse-scale{0%,100%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}30%{opacity:.3;-webkit-transform:translate(-50%,-50%) scale(.15);transform:translate(-50%,-50%) scale(.15)}}.la-ball-clip-rotate,.la-ball-clip-rotate>div{position:relative;box-sizing:border-box}.la-ball-clip-rotate{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-clip-rotate.la-dark{color:#333}.la-ball-clip-rotate>div{display:inline-block;float:none;border:2px solid currentColor;width:32px;height:32px;background:0 0;border-bottom-color:transparent;border-radius:100%;-webkit-animation:.75s linear infinite ball-clip-rotate;animation:.75s linear infinite ball-clip-rotate}.la-ball-clip-rotate.la-sm{width:16px;height:16px}.la-ball-clip-rotate.la-sm>div{width:16px;height:16px;border-width:1px}.la-ball-clip-rotate.la-2x{width:64px;height:64px}.la-ball-clip-rotate.la-2x>div{width:64px;height:64px;border-width:4px}.la-ball-clip-rotate.la-3x{width:96px;height:96px}.la-ball-clip-rotate.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.la-ball-elastic-dots,.la-ball-elastic-dots>div{position:relative;box-sizing:border-box}.la-ball-elastic-dots{display:block;color:#fff;width:120px;height:10px;font-size:0;text-align:center}.la-ball-elastic-dots.la-dark{color:#333}.la-ball-elastic-dots>div{float:none;background-color:currentColor;border:0 solid currentColor;display:inline-block;width:10px;height:10px;white-space:nowrap;border-radius:100%;-webkit-animation:1s infinite ball-elastic-dots-anim;animation:1s infinite ball-elastic-dots-anim}.la-ball-elastic-dots.la-sm{width:60px;height:4px}.la-ball-elastic-dots.la-sm>div{width:4px;height:4px}.la-ball-elastic-dots.la-2x{width:240px;height:20px}.la-ball-elastic-dots.la-2x>div{width:20px;height:20px}.la-ball-elastic-dots.la-3x{width:360px;height:30px}.la-ball-elastic-dots.la-3x>div{width:30px;height:30px}@-webkit-keyframes ball-elastic-dots-anim{0%,100%{margin:0;-webkit-transform:scale(1);transform:scale(1)}50%{margin:0 5%;-webkit-transform:scale(.65);transform:scale(.65)}}@keyframes ball-elastic-dots-anim{0%,100%{margin:0;-webkit-transform:scale(1);transform:scale(1)}50%{margin:0 5%;-webkit-transform:scale(.65);transform:scale(.65)}}.la-ball-fall,.la-ball-fall>div{position:relative;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff;width:54px;height:18px}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:1s ease-in-out infinite ball-fall;animation:1s ease-in-out infinite ball-fall}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%,90%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}.la-ball-fussion,.la-ball-fussion>div{position:relative;box-sizing:border-box}.la-ball-fussion{display:block;font-size:0;color:#fff;width:8px;height:8px}.la-ball-fussion.la-dark{color:#333}.la-ball-fussion>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;width:12px;height:12px;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s infinite ball-fussion-ball1;animation:1s infinite ball-fussion-ball1}.la-ball-fussion>div:nth-child(1){top:0;left:50%;z-index:1}.la-ball-fussion>div:nth-child(2){top:50%;left:100%;z-index:2;-webkit-animation-name:ball-fussion-ball2;animation-name:ball-fussion-ball2}.la-ball-fussion>div:nth-child(3){top:100%;left:50%;z-index:1;-webkit-animation-name:ball-fussion-ball3;animation-name:ball-fussion-ball3}.la-ball-fussion>div:nth-child(4){top:50%;left:0;z-index:2;-webkit-animation-name:ball-fussion-ball4;animation-name:ball-fussion-ball4}.la-ball-fussion.la-sm{width:4px;height:4px}.la-ball-fussion.la-sm>div{width:6px;height:6px}.la-ball-fussion.la-2x{width:16px;height:16px}.la-ball-fussion.la-2x>div,.la-ball-fussion.la-3x{width:24px;height:24px}.la-ball-fussion.la-3x>div{width:36px;height:36px}@-webkit-keyframes ball-fussion-ball1{0%{opacity:.35}50%{top:-100%;left:200%;opacity:1}100%{top:50%;left:100%;z-index:2;opacity:.35}}@keyframes ball-fussion-ball1{0%{opacity:.35}50%{top:-100%;left:200%;opacity:1}100%{top:50%;left:100%;z-index:2;opacity:.35}}@-webkit-keyframes ball-fussion-ball2{0%{opacity:.35}50%{top:200%;left:200%;opacity:1}100%{top:100%;left:50%;z-index:1;opacity:.35}}@keyframes ball-fussion-ball2{0%{opacity:.35}50%{top:200%;left:200%;opacity:1}100%{top:100%;left:50%;z-index:1;opacity:.35}}@-webkit-keyframes ball-fussion-ball3{0%{opacity:.35}50%{top:200%;left:-100%;opacity:1}100%{top:50%;left:0;z-index:2;opacity:.35}}@keyframes ball-fussion-ball3{0%{opacity:.35}50%{top:200%;left:-100%;opacity:1}100%{top:50%;left:0;z-index:2;opacity:.35}}@-webkit-keyframes ball-fussion-ball4{0%{opacity:.35}50%{top:-100%;left:-100%;opacity:1}100%{top:0;left:50%;z-index:1;opacity:.35}}@keyframes ball-fussion-ball4{0%{opacity:.35}50%{top:-100%;left:-100%;opacity:1}100%{top:0;left:50%;z-index:1;opacity:.35}}.la-ball-grid-beat,.la-ball-grid-beat>div{position:relative;box-sizing:border-box}.la-ball-grid-beat{display:block;font-size:0;color:#fff;width:36px;height:36px}.la-ball-grid-beat.la-dark{color:#333}.la-ball-grid-beat>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:8px;height:8px;margin:2px;border-radius:100%;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.la-ball-grid-beat>div:nth-child(1){-webkit-animation-duration:.65s;animation-duration:.65s;-webkit-animation-delay:.03s;animation-delay:.03s}.la-ball-grid-beat>div:nth-child(2){-webkit-animation-duration:1.02s;animation-duration:1.02s;-webkit-animation-delay:.09s;animation-delay:.09s}.la-ball-grid-beat>div:nth-child(3){-webkit-animation-duration:1.06s;animation-duration:1.06s;-webkit-animation-delay:-.69s;animation-delay:-.69s}.la-ball-grid-beat>div:nth-child(4){-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:-.41s;animation-delay:-.41s}.la-ball-grid-beat>div:nth-child(5){-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-delay:.04s;animation-delay:.04s}.la-ball-grid-beat>div:nth-child(6){-webkit-animation-duration:.84s;animation-duration:.84s;-webkit-animation-delay:.07s;animation-delay:.07s}.la-ball-grid-beat>div:nth-child(7){-webkit-animation-duration:.68s;animation-duration:.68s;-webkit-animation-delay:-.66s;animation-delay:-.66s}.la-ball-grid-beat>div:nth-child(8){-webkit-animation-duration:.93s;animation-duration:.93s;-webkit-animation-delay:-.76s;animation-delay:-.76s}.la-ball-grid-beat>div:nth-child(9){-webkit-animation-duration:1.24s;animation-duration:1.24s;-webkit-animation-delay:-.76s;animation-delay:-.76s}.la-ball-grid-beat.la-sm{width:18px;height:18px}.la-ball-grid-beat.la-sm>div{width:4px;height:4px;margin:1px}.la-ball-grid-beat.la-2x{width:72px;height:72px}.la-ball-grid-beat.la-2x>div{width:16px;height:16px;margin:4px}.la-ball-grid-beat.la-3x{width:108px;height:108px}.la-ball-grid-beat.la-3x>div{width:24px;height:24px;margin:6px}@-webkit-keyframes ball-grid-beat{0%,100%{opacity:1}50%{opacity:.35}}@keyframes ball-grid-beat{0%,100%{opacity:1}50%{opacity:.35}}.la-ball-grid-pulse,.la-ball-grid-pulse>div{position:relative;box-sizing:border-box}.la-ball-grid-pulse{display:block;font-size:0;color:#fff;width:36px;height:36px}.la-ball-grid-pulse.la-dark{color:#333}.la-ball-grid-pulse>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:8px;height:8px;margin:2px;border-radius:100%;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.la-ball-grid-pulse>div:nth-child(1){-webkit-animation-duration:.65s;animation-duration:.65s;-webkit-animation-delay:.03s;animation-delay:.03s}.la-ball-grid-pulse>div:nth-child(2){-webkit-animation-duration:1.02s;animation-duration:1.02s;-webkit-animation-delay:.09s;animation-delay:.09s}.la-ball-grid-pulse>div:nth-child(3){-webkit-animation-duration:1.06s;animation-duration:1.06s;-webkit-animation-delay:-.69s;animation-delay:-.69s}.la-ball-grid-pulse>div:nth-child(4){-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:-.41s;animation-delay:-.41s}.la-ball-grid-pulse>div:nth-child(5){-webkit-animation-duration:1.6s;animation-duration:1.6s;-webkit-animation-delay:.04s;animation-delay:.04s}.la-ball-grid-pulse>div:nth-child(6){-webkit-animation-duration:.84s;animation-duration:.84s;-webkit-animation-delay:.07s;animation-delay:.07s}.la-ball-grid-pulse>div:nth-child(7){-webkit-animation-duration:.68s;animation-duration:.68s;-webkit-animation-delay:-.66s;animation-delay:-.66s}.la-ball-grid-pulse>div:nth-child(8){-webkit-animation-duration:.93s;animation-duration:.93s;-webkit-animation-delay:-.76s;animation-delay:-.76s}.la-ball-grid-pulse>div:nth-child(9){-webkit-animation-duration:1.24s;animation-duration:1.24s;-webkit-animation-delay:-.76s;animation-delay:-.76s}.la-ball-grid-pulse.la-sm{width:18px;height:18px}.la-ball-grid-pulse.la-sm>div{width:4px;height:4px;margin:1px}.la-ball-grid-pulse.la-2x{width:72px;height:72px}.la-ball-grid-pulse.la-2x>div{width:16px;height:16px;margin:4px}.la-ball-grid-pulse.la-3x{width:108px;height:108px}.la-ball-grid-pulse.la-3x>div{width:24px;height:24px;margin:6px}@-webkit-keyframes ball-grid-pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.35;-webkit-transform:scale(.45);transform:scale(.45)}}@keyframes ball-grid-pulse{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.35;-webkit-transform:scale(.45);transform:scale(.45)}}.la-ball-newton-cradle,.la-ball-newton-cradle>div{position:relative;box-sizing:border-box}.la-ball-newton-cradle{display:block;font-size:0;color:#fff;width:40px;height:10px}.la-ball-newton-cradle.la-dark{color:#333}.la-ball-newton-cradle>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;border-radius:100%}.la-ball-newton-cradle>div:first-child{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:1s ease-out infinite ball-newton-cradle-left;animation:1s ease-out infinite ball-newton-cradle-left}.la-ball-newton-cradle>div:last-child{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:1s ease-out infinite ball-newton-cradle-right;animation:1s ease-out infinite ball-newton-cradle-right}.la-ball-newton-cradle.la-sm{width:20px;height:4px}.la-ball-newton-cradle.la-sm>div{width:4px;height:4px}.la-ball-newton-cradle.la-2x{width:80px;height:20px}.la-ball-newton-cradle.la-2x>div{width:20px;height:20px}.la-ball-newton-cradle.la-3x{width:120px;height:30px}.la-ball-newton-cradle.la-3x>div{width:30px;height:30px}@-webkit-keyframes ball-newton-cradle-left{25%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes ball-newton-cradle-left{25%{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes ball-newton-cradle-right{100%,50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes ball-newton-cradle-right{100%,50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.la-ball-pulse-rise,.la-ball-pulse-rise>div{position:relative;box-sizing:border-box}.la-ball-pulse-rise{display:block;font-size:0;color:#fff;width:70px;height:14px}.la-ball-pulse-rise.la-dark{color:#333}.la-ball-pulse-rise>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:2px;border-radius:100%;-webkit-animation:1s cubic-bezier(.15,.36,.9,.6) infinite ball-pulse-rise-even;animation:1s cubic-bezier(.15,.36,.9,.6) infinite ball-pulse-rise-even}.la-ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}.la-ball-pulse-rise.la-sm{width:34px;height:6px}.la-ball-pulse-rise.la-sm>div{width:4px;height:4px;margin:1px}.la-ball-pulse-rise.la-2x{width:140px;height:28px}.la-ball-pulse-rise.la-2x>div{width:20px;height:20px;margin:4px}.la-ball-pulse-rise.la-3x{width:210px;height:42px}.la-ball-pulse-rise.la-3x>div{width:30px;height:30px;margin:6px}@-webkit-keyframes ball-pulse-rise-even{0%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}50%{opacity:.35;-webkit-transform:scale(.3);transform:scale(.3)}75%{-webkit-transform:translateY(200%);transform:translateY(200%)}100%{opacity:1;-webkit-transform:translateY(0);-webkit-transform:scale(1);transform:translateY(0);transform:scale(1)}}@keyframes ball-pulse-rise-even{0%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}50%{opacity:.35;-webkit-transform:scale(.3);transform:scale(.3)}75%{-webkit-transform:translateY(200%);transform:translateY(200%)}100%{opacity:1;-webkit-transform:translateY(0);-webkit-transform:scale(1);transform:translateY(0);transform:scale(1)}}@-webkit-keyframes ball-pulse-rise-odd{0%{opacity:.35;-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(200%);transform:translateY(200%)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}100%{opacity:.35;-webkit-transform:translateY(0);-webkit-transform:scale(.75);transform:translateY(0);transform:scale(.75)}}@keyframes ball-pulse-rise-odd{0%{opacity:.35;-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(200%);transform:translateY(200%)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}100%{opacity:.35;-webkit-transform:translateY(0);-webkit-transform:scale(.75);transform:translateY(0);transform:scale(.75)}}.la-ball-pulse-sync,.la-ball-pulse-sync>div{position:relative;box-sizing:border-box}.la-ball-pulse-sync{display:block;font-size:0;color:#fff;width:54px;height:18px}.la-ball-pulse-sync.la-dark{color:#333}.la-ball-pulse-sync>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:4px;border-radius:100%;-webkit-animation:.6s ease-in-out infinite ball-pulse-sync;animation:.6s ease-in-out infinite ball-pulse-sync}.la-ball-pulse-sync>div:nth-child(1){-webkit-animation-delay:-.14s;animation-delay:-.14s}.la-ball-pulse-sync>div:nth-child(2){-webkit-animation-delay:-.07s;animation-delay:-.07s}.la-ball-pulse-sync>div:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-pulse-sync.la-sm{width:26px;height:8px}.la-ball-pulse-sync.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-pulse-sync.la-2x{width:108px;height:36px}.la-ball-pulse-sync.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-pulse-sync.la-3x{width:162px;height:54px}.la-ball-pulse-sync.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(100%);transform:translateY(100%)}66%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(100%);transform:translateY(100%)}66%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.la-ball-pulse,.la-ball-pulse>div{position:relative;box-sizing:border-box}.la-ball-pulse{display:block;font-size:0;color:#fff;width:54px;height:18px}.la-ball-pulse.la-dark{color:#333}.la-ball-pulse>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;margin:4px;border-radius:100%;-webkit-animation:1s infinite ball-pulse;animation:1s infinite ball-pulse}.la-ball-pulse>div:nth-child(1){-webkit-animation-delay:-.2s;animation-delay:-.2s}.la-ball-pulse>div:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.la-ball-pulse>div:nth-child(3){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-pulse.la-sm{width:26px;height:8px}.la-ball-pulse.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-pulse.la-2x{width:108px;height:36px}.la-ball-pulse.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-pulse.la-3x{width:162px;height:54px}.la-ball-pulse.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-pulse{0%,100%,60%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:.1;-webkit-transform:scale(.01);transform:scale(.01)}}@keyframes ball-pulse{0%,100%,60%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}30%{opacity:.1;-webkit-transform:scale(.01);transform:scale(.01)}}.la-ball-rotate,.la-ball-rotate>div{position:relative;box-sizing:border-box}.la-ball-rotate{display:block;font-size:0;color:#fff;width:10px;height:10px}.la-ball-rotate.la-dark{color:#333}.la-ball-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:10px;height:10px;border-radius:100%;-webkit-animation:1s cubic-bezier(.7,-.13,.22,.86) infinite ball-rotate-animation;animation:1s cubic-bezier(.7,-.13,.22,.86) infinite ball-rotate-animation}.la-ball-rotate>div:after,.la-ball-rotate>div:before{position:absolute;width:inherit;height:inherit;margin:inherit;content:"";background:currentColor;border-radius:inherit;opacity:.8}.la-ball-rotate>div:before{top:0;left:-150%}.la-ball-rotate>div:after{top:0;left:150%}.la-ball-rotate.la-sm,.la-ball-rotate.la-sm>div{width:4px;height:4px}.la-ball-rotate.la-2x,.la-ball-rotate.la-2x>div{width:20px;height:20px}.la-ball-rotate.la-3x,.la-ball-rotate.la-3x>div{width:30px;height:30px}@-webkit-keyframes ball-rotate-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-rotate-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.la-ball-running-dots,.la-ball-running-dots>div{position:relative;box-sizing:border-box}.la-ball-running-dots{display:block;font-size:0;color:#fff;width:10px;height:10px}.la-ball-running-dots.la-dark{color:#333}.la-ball-running-dots>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;width:10px;height:10px;margin-left:-25px;border-radius:100%;-webkit-animation:2s linear infinite ball-running-dots-animate;animation:2s linear infinite ball-running-dots-animate}.la-ball-running-dots>div:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-running-dots>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.la-ball-running-dots>div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s}.la-ball-running-dots>div:nth-child(4){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.la-ball-running-dots>div:nth-child(5){-webkit-animation-delay:-1.6s;animation-delay:-1.6s}.la-ball-running-dots>div:nth-child(6){-webkit-animation-delay:-2s;animation-delay:-2s}.la-ball-running-dots>div:nth-child(7){-webkit-animation-delay:-2.4s;animation-delay:-2.4s}.la-ball-running-dots>div:nth-child(8){-webkit-animation-delay:-2.8s;animation-delay:-2.8s}.la-ball-running-dots>div:nth-child(9){-webkit-animation-delay:-3.2s;animation-delay:-3.2s}.la-ball-running-dots>div:nth-child(10){-webkit-animation-delay:-3.6s;animation-delay:-3.6s}.la-ball-running-dots.la-sm{width:4px;height:4px}.la-ball-running-dots.la-sm>div{width:4px;height:4px;margin-left:-12px}.la-ball-running-dots.la-2x{width:20px;height:20px}.la-ball-running-dots.la-2x>div{width:20px;height:20px;margin-left:-50px}.la-ball-running-dots.la-3x{width:30px;height:30px}.la-ball-running-dots.la-3x>div{width:30px;height:30px;margin-left:-75px}@-webkit-keyframes ball-running-dots-animate{0%,100%{width:100%;height:100%;-webkit-transform:translateY(0) translateX(500%);transform:translateY(0) translateX(500%)}80%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}85%{width:100%;height:100%;-webkit-transform:translateY(-125%) translateX(0);transform:translateY(-125%) translateX(0)}90%{width:200%;height:75%}95%{width:100%;height:100%;-webkit-transform:translateY(-100%) translateX(500%);transform:translateY(-100%) translateX(500%)}}@keyframes ball-running-dots-animate{0%,100%{width:100%;height:100%;-webkit-transform:translateY(0) translateX(500%);transform:translateY(0) translateX(500%)}80%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}85%{width:100%;height:100%;-webkit-transform:translateY(-125%) translateX(0);transform:translateY(-125%) translateX(0)}90%{width:200%;height:75%}95%{width:100%;height:100%;-webkit-transform:translateY(-100%) translateX(500%);transform:translateY(-100%) translateX(500%)}}.la-ball-scale-multiple,.la-ball-scale-multiple>div{position:relative;box-sizing:border-box}.la-ball-scale-multiple{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-scale-multiple.la-dark{color:#333}.la-ball-scale-multiple>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:0;left:0;width:32px;height:32px;border-radius:100%;opacity:0;-webkit-animation:1s linear infinite ball-scale-multiple;animation:1s linear infinite ball-scale-multiple}.la-ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.la-ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.la-ball-scale-multiple.la-sm,.la-ball-scale-multiple.la-sm>div{width:16px;height:16px}.la-ball-scale-multiple.la-2x,.la-ball-scale-multiple.la-2x>div{width:64px;height:64px}.la-ball-scale-multiple.la-3x,.la-ball-scale-multiple.la-3x>div{width:96px;height:96px}@-webkit-keyframes ball-scale-multiple{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:.75}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-scale-multiple{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}5%{opacity:.75}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.la-ball-scale-pulse,.la-ball-scale-pulse>div{position:relative;box-sizing:border-box}.la-ball-scale-pulse{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-scale-pulse.la-dark{color:#333}.la-ball-scale-pulse>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:0;left:0;width:32px;height:32px;border-radius:100%;opacity:.5;-webkit-animation:2s ease-in-out infinite ball-scale-pulse;animation:2s ease-in-out infinite ball-scale-pulse}.la-ball-scale-pulse>div:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}.la-ball-scale-pulse.la-sm,.la-ball-scale-pulse.la-sm>div{width:16px;height:16px}.la-ball-scale-pulse.la-2x,.la-ball-scale-pulse.la-2x>div{width:64px;height:64px}.la-ball-scale-pulse.la-3x,.la-ball-scale-pulse.la-3x>div{width:96px;height:96px}@-webkit-keyframes ball-scale-pulse{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-scale-pulse{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.la-ball-scale-ripple-multiple,.la-ball-scale-ripple-multiple>div{position:relative;box-sizing:border-box}.la-ball-scale-ripple-multiple{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-scale-ripple-multiple.la-dark{color:#333}.la-ball-scale-ripple-multiple>div{display:inline-block;float:none;border:2px solid currentColor;position:absolute;top:0;left:0;width:32px;height:32px;background:0 0;border-radius:100%;opacity:0;-webkit-animation:1.25s cubic-bezier(.21,.53,.56,.8) infinite ball-scale-ripple-multiple;animation:1.25s cubic-bezier(.21,.53,.56,.8) infinite ball-scale-ripple-multiple}.la-ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.la-ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:.25s;animation-delay:.25s}.la-ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.la-ball-scale-ripple-multiple.la-sm{width:16px;height:16px}.la-ball-scale-ripple-multiple.la-sm>div{width:16px;height:16px;border-width:1px}.la-ball-scale-ripple-multiple.la-2x{width:64px;height:64px}.la-ball-scale-ripple-multiple.la-2x>div{width:64px;height:64px;border-width:4px}.la-ball-scale-ripple-multiple.la-3x{width:96px;height:96px}.la-ball-scale-ripple-multiple.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-scale-ripple-multiple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}70%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}95%{opacity:0}}@keyframes ball-scale-ripple-multiple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}70%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}95%{opacity:0}}.la-ball-scale-ripple,.la-ball-scale-ripple>div{position:relative;box-sizing:border-box}.la-ball-scale-ripple{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-scale-ripple.la-dark{color:#333}.la-ball-scale-ripple>div{display:inline-block;float:none;border:2px solid currentColor;width:32px;height:32px;background:0 0;border-radius:100%;opacity:0;-webkit-animation:1s cubic-bezier(.21,.53,.56,.8) infinite ball-scale-ripple;animation:1s cubic-bezier(.21,.53,.56,.8) infinite ball-scale-ripple}.la-ball-scale-ripple.la-sm{width:16px;height:16px}.la-ball-scale-ripple.la-sm>div{width:16px;height:16px;border-width:1px}.la-ball-scale-ripple.la-2x{width:64px;height:64px}.la-ball-scale-ripple.la-2x>div{width:64px;height:64px;border-width:4px}.la-ball-scale-ripple.la-3x{width:96px;height:96px}.la-ball-scale-ripple.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-scale-ripple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}70%{opacity:.65;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0}}@keyframes ball-scale-ripple{0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}70%{opacity:.65;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0}}.la-ball-scale,.la-ball-scale>div{position:relative;box-sizing:border-box}.la-ball-scale{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-scale.la-dark{color:#333}.la-ball-scale>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:32px;height:32px;border-radius:100%;opacity:0;-webkit-animation:1s ease-in-out infinite ball-scale;animation:1s ease-in-out infinite ball-scale}.la-ball-scale.la-sm,.la-ball-scale.la-sm>div{width:16px;height:16px}.la-ball-scale.la-2x,.la-ball-scale.la-2x>div{width:64px;height:64px}.la-ball-scale.la-3x,.la-ball-scale.la-3x>div{width:96px;height:96px}@-webkit-keyframes ball-scale{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-scale{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.la-ball-spin-clockwise-fade-rotating,.la-ball-spin-clockwise-fade-rotating>div{position:relative;box-sizing:border-box}.la-ball-spin-clockwise-fade-rotating{display:block;font-size:0;color:#fff;width:32px;height:32px;-webkit-animation:6s linear infinite ball-spin-clockwise-fade-rotating-rotate;animation:6s linear infinite ball-spin-clockwise-fade-rotating-rotate}.la-ball-spin-clockwise-fade-rotating.la-dark{color:#333}.la-ball-spin-clockwise-fade-rotating>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:1s linear infinite ball-spin-clockwise-fade-rotating;animation:1s linear infinite ball-spin-clockwise-fade-rotating}.la-ball-spin-clockwise-fade-rotating>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-ball-spin-clockwise-fade-rotating>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;animation-delay:0s}.la-ball-spin-clockwise-fade-rotating.la-sm{width:16px;height:16px}.la-ball-spin-clockwise-fade-rotating.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-clockwise-fade-rotating.la-2x{width:64px;height:64px}.la-ball-spin-clockwise-fade-rotating.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-clockwise-fade-rotating.la-3x{width:96px;height:96px}.la-ball-spin-clockwise-fade-rotating.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-clockwise-fade-rotating-rotate{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes ball-spin-clockwise-fade-rotating-rotate{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes ball-spin-clockwise-fade-rotating{50%{opacity:.25;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-clockwise-fade-rotating{50%{opacity:.25;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.la-ball-spin-clockwise-fade,.la-ball-spin-clockwise-fade>div{position:relative;box-sizing:border-box}.la-ball-spin-clockwise-fade{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-spin-clockwise-fade.la-dark{color:#333}.la-ball-spin-clockwise-fade>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:1s linear infinite ball-spin-clockwise-fade;animation:1s linear infinite ball-spin-clockwise-fade}.la-ball-spin-clockwise-fade>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-ball-spin-clockwise-fade>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-ball-spin-clockwise-fade>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-ball-spin-clockwise-fade>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-spin-clockwise-fade>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-ball-spin-clockwise-fade>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-ball-spin-clockwise-fade>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-ball-spin-clockwise-fade>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;animation-delay:0s}.la-ball-spin-clockwise-fade.la-sm{width:16px;height:16px}.la-ball-spin-clockwise-fade.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-clockwise-fade.la-2x{width:64px;height:64px}.la-ball-spin-clockwise-fade.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-clockwise-fade.la-3x{width:96px;height:96px}.la-ball-spin-clockwise-fade.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-clockwise-fade{50%{opacity:.25;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-clockwise-fade{50%{opacity:.25;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.la-ball-spin-clockwise,.la-ball-spin-clockwise>div{position:relative;box-sizing:border-box}.la-ball-spin-clockwise{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-spin-clockwise.la-dark{color:#333}.la-ball-spin-clockwise>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:1s ease-in-out infinite ball-spin-clockwise;animation:1s ease-in-out infinite ball-spin-clockwise}.la-ball-spin-clockwise>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-ball-spin-clockwise>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-ball-spin-clockwise>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-ball-spin-clockwise>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-spin-clockwise>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-ball-spin-clockwise>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-ball-spin-clockwise>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-ball-spin-clockwise>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;animation-delay:0s}.la-ball-spin-clockwise.la-sm{width:16px;height:16px}.la-ball-spin-clockwise.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-clockwise.la-2x{width:64px;height:64px}.la-ball-spin-clockwise.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-clockwise.la-3x{width:96px;height:96px}.la-ball-spin-clockwise.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-clockwise{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes ball-spin-clockwise{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.la-ball-spin-fade-rotating,.la-ball-spin-fade-rotating>div{position:relative;box-sizing:border-box}.la-ball-spin-fade-rotating{display:block;font-size:0;color:#fff;width:32px;height:32px;-webkit-animation:6s linear infinite ball-spin-fade-rotate;animation:6s linear infinite ball-spin-fade-rotate}.la-ball-spin-fade-rotating.la-dark{color:#333}.la-ball-spin-fade-rotating>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:1s linear infinite ball-spin-fade;animation:1s linear infinite ball-spin-fade}.la-ball-spin-fade-rotating>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-ball-spin-fade-rotating>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-ball-spin-fade-rotating>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-ball-spin-fade-rotating>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-ball-spin-fade-rotating>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-ball-spin-fade-rotating>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-ball-spin-fade-rotating>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-ball-spin-fade-rotating>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:-2s;animation-delay:-2s}.la-ball-spin-fade-rotating.la-sm{width:16px;height:16px}.la-ball-spin-fade-rotating.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-fade-rotating.la-2x{width:64px;height:64px}.la-ball-spin-fade-rotating.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-fade-rotating.la-3x{width:96px;height:96px}.la-ball-spin-fade-rotating.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-fade-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-spin-fade-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.la-ball-spin-fade,.la-ball-spin-fade>div{position:relative;box-sizing:border-box}.la-ball-spin-fade{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-spin-fade.la-dark{color:#333}.la-ball-spin-fade>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:1s linear infinite ball-spin-fade;animation:1s linear infinite ball-spin-fade}.la-ball-spin-fade>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-ball-spin-fade>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-ball-spin-fade>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-ball-spin-fade>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-ball-spin-fade>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-ball-spin-fade>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-ball-spin-fade>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-ball-spin-fade>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:-2s;animation-delay:-2s}.la-ball-spin-fade.la-sm{width:16px;height:16px}.la-ball-spin-fade.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-fade.la-2x{width:64px;height:64px}.la-ball-spin-fade.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-fade.la-3x{width:96px;height:96px}.la-ball-spin-fade.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-fade{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.25;-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes ball-spin-fade{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.25;-webkit-transform:scale(.5);transform:scale(.5)}}.la-ball-spin-rotate,.la-ball-spin-rotate>div{position:relative;box-sizing:border-box}.la-ball-spin-rotate{display:block;font-size:0;color:#fff;width:32px;height:32px;-webkit-animation:2s linear infinite ball-spin-rotate;animation:2s linear infinite ball-spin-rotate}.la-ball-spin-rotate.la-dark{color:#333}.la-ball-spin-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:0;width:60%;height:60%;border-radius:100%;-webkit-animation:2s ease-in-out infinite ball-spin-bounce;animation:2s ease-in-out infinite ball-spin-bounce}.la-ball-spin-rotate>div:last-child{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}.la-ball-spin-rotate.la-sm{width:16px;height:16px}.la-ball-spin-rotate.la-2x{width:64px;height:64px}.la-ball-spin-rotate.la-3x{width:96px;height:96px}@-webkit-keyframes ball-spin-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-spin-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ball-spin-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.la-ball-spin,.la-ball-spin>div{position:relative;box-sizing:border-box}.la-ball-spin{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-spin.la-dark{color:#333}.la-ball-spin>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:1s ease-in-out infinite ball-spin;animation:1s ease-in-out infinite ball-spin}.la-ball-spin>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-ball-spin>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-ball-spin>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-ball-spin>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-ball-spin>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-ball-spin>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-ball-spin>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-ball-spin>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:-2s;animation-delay:-2s}.la-ball-spin.la-sm{width:16px;height:16px}.la-ball-spin.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin.la-2x{width:64px;height:64px}.la-ball-spin.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin.la-3x{width:96px;height:96px}.la-ball-spin.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes ball-spin{0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.la-ball-square-clockwise-spin,.la-ball-square-clockwise-spin>div{position:relative;box-sizing:border-box}.la-ball-square-clockwise-spin{display:block;font-size:0;color:#fff;width:26px;height:26px}.la-ball-square-clockwise-spin.la-dark{color:#333}.la-ball-square-clockwise-spin>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;border-radius:100%;-webkit-animation:1s ease-in-out infinite ball-square-clockwise-spin;animation:1s ease-in-out infinite ball-square-clockwise-spin}.la-ball-square-clockwise-spin>div:nth-child(1){top:0;left:0;-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-ball-square-clockwise-spin>div:nth-child(2){top:0;left:50%;-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-ball-square-clockwise-spin>div:nth-child(3){top:0;left:100%;-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-ball-square-clockwise-spin>div:nth-child(4){top:50%;left:100%;-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-ball-square-clockwise-spin>div:nth-child(5){top:100%;left:100%;-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-ball-square-clockwise-spin>div:nth-child(6){top:100%;left:50%;-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-ball-square-clockwise-spin>div:nth-child(7){top:100%;left:0;-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-ball-square-clockwise-spin>div:nth-child(8){top:50%;left:0;-webkit-animation-delay:0s;animation-delay:0s}.la-ball-square-clockwise-spin.la-sm{width:12px;height:12px}.la-ball-square-clockwise-spin.la-sm>div{width:6px;height:6px;margin-top:-3px;margin-left:-3px}.la-ball-square-clockwise-spin.la-2x{width:52px;height:52px}.la-ball-square-clockwise-spin.la-2x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}.la-ball-square-clockwise-spin.la-3x{width:78px;height:78px}.la-ball-square-clockwise-spin.la-3x>div{width:36px;height:36px;margin-top:-18px;margin-left:-18px}@-webkit-keyframes ball-square-clockwise-spin{0%,100%,40%{-webkit-transform:scale(.4);transform:scale(.4)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-square-clockwise-spin{0%,100%,40%{-webkit-transform:scale(.4);transform:scale(.4)}70%{-webkit-transform:scale(1);transform:scale(1)}}.la-ball-square-spin,.la-ball-square-spin>div{position:relative;box-sizing:border-box}.la-ball-square-spin{display:block;font-size:0;color:#fff;width:26px;height:26px}.la-ball-square-spin.la-dark{color:#333}.la-ball-square-spin>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;border-radius:100%;-webkit-animation:1s ease-in-out infinite ball-square-spin;animation:1s ease-in-out infinite ball-square-spin}.la-ball-square-spin>div:nth-child(1){top:0;left:0;-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-ball-square-spin>div:nth-child(2){top:0;left:50%;-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-ball-square-spin>div:nth-child(3){top:0;left:100%;-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-ball-square-spin>div:nth-child(4){top:50%;left:100%;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-ball-square-spin>div:nth-child(5){top:100%;left:100%;-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-ball-square-spin>div:nth-child(6){top:100%;left:50%;-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-ball-square-spin>div:nth-child(7){top:100%;left:0;-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-ball-square-spin>div:nth-child(8){top:50%;left:0;-webkit-animation-delay:-2s;animation-delay:-2s}.la-ball-square-spin.la-sm{width:12px;height:12px}.la-ball-square-spin.la-sm>div{width:6px;height:6px;margin-top:-3px;margin-left:-3px}.la-ball-square-spin.la-2x{width:52px;height:52px}.la-ball-square-spin.la-2x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}.la-ball-square-spin.la-3x{width:78px;height:78px}.la-ball-square-spin.la-3x>div{width:36px;height:36px;margin-top:-18px;margin-left:-18px}@-webkit-keyframes ball-square-spin{0%,100%,40%{-webkit-transform:scale(.4);transform:scale(.4)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-square-spin{0%,100%,40%{-webkit-transform:scale(.4);transform:scale(.4)}70%{-webkit-transform:scale(1);transform:scale(1)}}.la-ball-triangle-path,.la-ball-triangle-path>div{position:relative;box-sizing:border-box}.la-ball-triangle-path{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-ball-triangle-path.la-dark{color:#333}.la-ball-triangle-path>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:0;left:0;width:10px;height:10px;border-radius:100%}.la-ball-triangle-path>div:nth-child(1){-webkit-animation:2s ease-in-out infinite ball-triangle-path-ball-one;animation:2s ease-in-out infinite ball-triangle-path-ball-one}.la-ball-triangle-path>div:nth-child(2){-webkit-animation:2s ease-in-out infinite ball-triangle-path-ball-two;animation:2s ease-in-out infinite ball-triangle-path-ball-two}.la-ball-triangle-path>div:nth-child(3){-webkit-animation:2s ease-in-out infinite ball-triangle-path-ball-tree;animation:2s ease-in-out infinite ball-triangle-path-ball-tree}.la-ball-triangle-path.la-sm{width:16px;height:16px}.la-ball-triangle-path.la-sm>div{width:4px;height:4px}.la-ball-triangle-path.la-2x{width:64px;height:64px}.la-ball-triangle-path.la-2x>div{width:20px;height:20px}.la-ball-triangle-path.la-3x{width:96px;height:96px}.la-ball-triangle-path.la-3x>div{width:30px;height:30px}@-webkit-keyframes ball-triangle-path-ball-one{0%{-webkit-transform:translate(0,220%);transform:translate(0,220%)}17%,50%,83%{opacity:.25}33%{opacity:1;-webkit-transform:translate(110%,0);transform:translate(110%,0)}66%{opacity:1;-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}100%{opacity:1;-webkit-transform:translate(0,220%);transform:translate(0,220%)}}@keyframes ball-triangle-path-ball-one{0%{-webkit-transform:translate(0,220%);transform:translate(0,220%)}17%,50%,83%{opacity:.25}33%{opacity:1;-webkit-transform:translate(110%,0);transform:translate(110%,0)}66%{opacity:1;-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}100%{opacity:1;-webkit-transform:translate(0,220%);transform:translate(0,220%)}}@-webkit-keyframes ball-triangle-path-ball-two{0%{-webkit-transform:translate(110%,0);transform:translate(110%,0)}17%,50%,83%{opacity:.25}33%{opacity:1;-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}66%{opacity:1;-webkit-transform:translate(0,220%);transform:translate(0,220%)}100%{opacity:1;-webkit-transform:translate(110%,0);transform:translate(110%,0)}}@keyframes ball-triangle-path-ball-two{0%{-webkit-transform:translate(110%,0);transform:translate(110%,0)}17%,50%,83%{opacity:.25}33%{opacity:1;-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}66%{opacity:1;-webkit-transform:translate(0,220%);transform:translate(0,220%)}100%{opacity:1;-webkit-transform:translate(110%,0);transform:translate(110%,0)}}@-webkit-keyframes ball-triangle-path-ball-tree{0%{-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}17%,50%,83%{opacity:.25}33%{opacity:1;-webkit-transform:translate(0,220%);transform:translate(0,220%)}66%{opacity:1;-webkit-transform:translate(110%,0);transform:translate(110%,0)}100%{opacity:1;-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}}@keyframes ball-triangle-path-ball-tree{0%{-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}17%,50%,83%{opacity:.25}33%{opacity:1;-webkit-transform:translate(0,220%);transform:translate(0,220%)}66%{opacity:1;-webkit-transform:translate(110%,0);transform:translate(110%,0)}100%{opacity:1;-webkit-transform:translate(220%,220%);transform:translate(220%,220%)}}.la-ball-zig-zag-deflect,.la-ball-zig-zag-deflect>div{box-sizing:border-box}.la-ball-zig-zag-deflect{display:block;font-size:0;color:#fff;position:relative;width:32px;height:32px}.la-ball-zig-zag-deflect.la-dark{color:#333}.la-ball-zig-zag-deflect>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;border-radius:100%}.la-ball-zig-zag-deflect>div:first-child{-webkit-animation:1.5s linear infinite ball-zig-deflect;animation:1.5s linear infinite ball-zig-deflect}.la-ball-zig-zag-deflect>div:last-child{-webkit-animation:1.5s linear infinite ball-zag-deflect;animation:1.5s linear infinite ball-zag-deflect}.la-ball-zig-zag-deflect.la-sm{width:16px;height:16px}.la-ball-zig-zag-deflect.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-zig-zag-deflect.la-2x{width:64px;height:64px}.la-ball-zig-zag-deflect.la-2x>div{width:20px;height:20px;margin-top:-10px;margin-left:-10px}.la-ball-zig-zag-deflect.la-3x{width:96px;height:96px}.la-ball-zig-zag-deflect.la-3x>div{width:30px;height:30px;margin-top:-15px;margin-left:-15px}@-webkit-keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-80%,-160%);transform:translate(-80%,-160%)}34%,67%{-webkit-transform:translate(80%,-160%);transform:translate(80%,-160%)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-80%,-160%);transform:translate(-80%,-160%)}34%,67%{-webkit-transform:translate(80%,-160%);transform:translate(80%,-160%)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(80%,160%);transform:translate(80%,160%)}34%,67%{-webkit-transform:translate(-80%,160%);transform:translate(-80%,160%)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(80%,160%);transform:translate(80%,160%)}34%,67%{-webkit-transform:translate(-80%,160%);transform:translate(-80%,160%)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.la-ball-zig-zag,.la-ball-zig-zag>div{box-sizing:border-box}.la-ball-zig-zag{display:block;font-size:0;color:#fff;position:relative;width:32px;height:32px}.la-ball-zig-zag.la-dark{color:#333}.la-ball-zig-zag>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:50%;left:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;border-radius:100%}.la-ball-zig-zag>div:first-child{-webkit-animation:.7s linear infinite ball-zig-effect;animation:.7s linear infinite ball-zig-effect}.la-ball-zig-zag>div:last-child{-webkit-animation:.7s linear infinite ball-zag-effect;animation:.7s linear infinite ball-zag-effect}.la-ball-zig-zag.la-sm{width:16px;height:16px}.la-ball-zig-zag.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-zig-zag.la-2x{width:64px;height:64px}.la-ball-zig-zag.la-2x>div{width:20px;height:20px;margin-top:-10px;margin-left:-10px}.la-ball-zig-zag.la-3x{width:96px;height:96px}.la-ball-zig-zag.la-3x>div{width:30px;height:30px;margin-top:-15px;margin-left:-15px}@-webkit-keyframes ball-zig-effect{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}33%{-webkit-transform:translate(-75%,-150%);transform:translate(-75%,-150%)}66%{-webkit-transform:translate(75%,-150%);transform:translate(75%,-150%)}}@keyframes ball-zig-effect{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}33%{-webkit-transform:translate(-75%,-150%);transform:translate(-75%,-150%)}66%{-webkit-transform:translate(75%,-150%);transform:translate(75%,-150%)}}@-webkit-keyframes ball-zag-effect{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}33%{-webkit-transform:translate(75%,150%);transform:translate(75%,150%)}66%{-webkit-transform:translate(-75%,150%);transform:translate(-75%,150%)}}@keyframes ball-zag-effect{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}33%{-webkit-transform:translate(75%,150%);transform:translate(75%,150%)}66%{-webkit-transform:translate(-75%,150%);transform:translate(-75%,150%)}}.la-cog,.la-cog>div{position:relative;box-sizing:border-box}.la-cog{display:block;font-size:0;color:#fff;width:31px;height:31px}.la-cog.la-dark{color:#333}.la-cog>div{display:inline-block;float:none;border:2px dashed currentColor;width:100%;height:100%;background-color:transparent;border-radius:100%;-webkit-animation:4s linear infinite cog-rotate;animation:4s linear infinite cog-rotate}.la-cog>div:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:2px solid currentColor;border-radius:100%}.la-cog.la-sm{width:15px;height:15px}.la-cog.la-sm>div,.la-cog.la-sm>div:after{border-width:1px}.la-cog.la-2x{width:61px;height:61px}.la-cog.la-2x>div,.la-cog.la-2x>div:after{border-width:4px}.la-cog.la-3x{width:91px;height:91px}.la-cog.la-3x>div,.la-cog.la-3x>div:after{border-width:6px}@-webkit-keyframes cog-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cog-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.la-cube-transition,.la-cube-transition>div{position:relative;box-sizing:border-box}.la-cube-transition{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-cube-transition.la-dark{color:#333}.la-cube-transition>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;top:0;left:0;width:14px;height:14px;margin-top:-7px;margin-left:-7px;border-radius:0;-webkit-animation:1.6s ease-in-out infinite cube-transition;animation:1.6s ease-in-out infinite cube-transition}.la-cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}.la-cube-transition.la-sm{width:16px;height:16px}.la-cube-transition.la-sm>div{width:6px;height:6px;margin-top:-3px;margin-left:-3px}.la-cube-transition.la-2x{width:64px;height:64px}.la-cube-transition.la-2x>div{width:28px;height:28px;margin-top:-14px;margin-left:-14px}.la-cube-transition.la-3x{width:96px;height:96px}.la-cube-transition.la-3x>div{width:42px;height:42px;margin-top:-21px;margin-left:-21px}@-webkit-keyframes cube-transition{25%{top:0;left:100%;-webkit-transform:scale(.5) rotate(-90deg);transform:scale(.5) rotate(-90deg)}50%{top:100%;left:100%;-webkit-transform:scale(1) rotate(-180deg);transform:scale(1) rotate(-180deg)}75%{top:100%;left:0;-webkit-transform:scale(.5) rotate(-270deg);transform:scale(.5) rotate(-270deg)}100%{top:0;left:0;-webkit-transform:scale(1) rotate(-360deg);transform:scale(1) rotate(-360deg)}}@keyframes cube-transition{25%{top:0;left:100%;-webkit-transform:scale(.5) rotate(-90deg);transform:scale(.5) rotate(-90deg)}50%{top:100%;left:100%;-webkit-transform:scale(1) rotate(-180deg);transform:scale(1) rotate(-180deg)}75%{top:100%;left:0;-webkit-transform:scale(.5) rotate(-270deg);transform:scale(.5) rotate(-270deg)}100%{top:0;left:0;-webkit-transform:scale(1) rotate(-360deg);transform:scale(1) rotate(-360deg)}}.la-fire,.la-fire>div{position:relative;box-sizing:border-box}.la-fire{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-fire.la-dark{color:#333}.la-fire>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;bottom:0;left:50%;width:12px;height:12px;border-radius:2px;-webkit-transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);-webkit-animation:1.5s linear infinite fire-diamonds;animation:1.5s linear infinite fire-diamonds}.la-fire>div:nth-child(1){-webkit-animation-delay:-.85s;animation-delay:-.85s}.la-fire>div:nth-child(2){-webkit-animation-delay:-1.85s;animation-delay:-1.85s}.la-fire>div:nth-child(3){-webkit-animation-delay:-2.85s;animation-delay:-2.85s}.la-fire.la-sm{width:16px;height:16px}.la-fire.la-sm>div{width:6px;height:6px}.la-fire.la-2x{width:64px;height:64px}.la-fire.la-2x>div{width:24px;height:24px}.la-fire.la-3x{width:96px;height:96px}.la-fire.la-3x>div{width:36px;height:36px}@-webkit-keyframes fire-diamonds{0%{-webkit-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0)}50%{-webkit-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)}100%{-webkit-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)}}@keyframes fire-diamonds{0%{-webkit-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0)}50%{-webkit-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)}100%{-webkit-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)}}.la-line-scale-party,.la-line-scale-party>div{position:relative;box-sizing:border-box}.la-line-scale-party{display:block;font-size:0;color:#fff;width:40px;height:32px}.la-line-scale-party.la-dark{color:#333}.la-line-scale-party>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:4px;height:32px;margin:0 2px;border-radius:0;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.la-line-scale-party>div:nth-child(1){-webkit-animation-duration:.43s;animation-duration:.43s;-webkit-animation-delay:-.23s;animation-delay:-.23s}.la-line-scale-party>div:nth-child(2){-webkit-animation-duration:.62s;animation-duration:.62s;-webkit-animation-delay:-.32s;animation-delay:-.32s}.la-line-scale-party>div:nth-child(3){-webkit-animation-duration:.43s;animation-duration:.43s;-webkit-animation-delay:-.44s;animation-delay:-.44s}.la-line-scale-party>div:nth-child(4){-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:-.31s;animation-delay:-.31s}.la-line-scale-party>div:nth-child(5){-webkit-animation-duration:.74s;animation-duration:.74s;-webkit-animation-delay:-.24s;animation-delay:-.24s}.la-line-scale-party.la-sm{width:20px;height:16px}.la-line-scale-party.la-sm>div{width:2px;height:16px;margin:0 1px}.la-line-scale-party.la-2x{width:80px;height:64px}.la-line-scale-party.la-2x>div{width:8px;height:64px;margin:0 4px}.la-line-scale-party.la-3x{width:120px;height:96px}.la-line-scale-party.la-3x>div{width:12px;height:96px;margin:0 6px}@-webkit-keyframes line-scale-party{0%,100%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}}@keyframes line-scale-party{0%,100%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}}.la-line-scale-pulse-out-rapid,.la-line-scale-pulse-out-rapid>div{position:relative;box-sizing:border-box}.la-line-scale-pulse-out-rapid{display:block;font-size:0;color:#fff;width:40px;height:32px}.la-line-scale-pulse-out-rapid.la-dark{color:#333}.la-line-scale-pulse-out-rapid>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:4px;height:32px;margin:0 2px;border-radius:0;-webkit-animation:.9s cubic-bezier(.11,.49,.38,.78) infinite line-scale-pulse-out-rapid;animation:.9s cubic-bezier(.11,.49,.38,.78) infinite line-scale-pulse-out-rapid}.la-line-scale-pulse-out-rapid>div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.la-line-scale-pulse-out-rapid>div:nth-child(2),.la-line-scale-pulse-out-rapid>div:nth-child(4){-webkit-animation-delay:-.65s;animation-delay:-.65s}.la-line-scale-pulse-out-rapid>div:nth-child(1),.la-line-scale-pulse-out-rapid>div:nth-child(5){-webkit-animation-delay:-.4s;animation-delay:-.4s}.la-line-scale-pulse-out-rapid.la-sm{width:20px;height:16px}.la-line-scale-pulse-out-rapid.la-sm>div{width:2px;height:16px;margin:0 1px}.la-line-scale-pulse-out-rapid.la-2x{width:80px;height:64px}.la-line-scale-pulse-out-rapid.la-2x>div{width:8px;height:64px;margin:0 4px}.la-line-scale-pulse-out-rapid.la-3x{width:120px;height:96px}.la-line-scale-pulse-out-rapid.la-3x>div{width:12px;height:96px;margin:0 6px}@-webkit-keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}@keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}.la-line-scale-pulse-out,.la-line-scale-pulse-out>div{position:relative;box-sizing:border-box}.la-line-scale-pulse-out{display:block;font-size:0;color:#fff;width:40px;height:32px}.la-line-scale-pulse-out.la-dark{color:#333}.la-line-scale-pulse-out>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:4px;height:32px;margin:0 2px;border-radius:0;-webkit-animation:.9s cubic-bezier(.85,.25,.37,.85) infinite line-scale-pulse-out;animation:.9s cubic-bezier(.85,.25,.37,.85) infinite line-scale-pulse-out}.la-line-scale-pulse-out>div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.la-line-scale-pulse-out>div:nth-child(2),.la-line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:-.7s;animation-delay:-.7s}.la-line-scale-pulse-out>div:nth-child(1),.la-line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-line-scale-pulse-out.la-sm{width:20px;height:16px}.la-line-scale-pulse-out.la-sm>div{width:2px;height:16px;margin:0 1px}.la-line-scale-pulse-out.la-2x{width:80px;height:64px}.la-line-scale-pulse-out.la-2x>div{width:8px;height:64px;margin:0 4px}.la-line-scale-pulse-out.la-3x{width:120px;height:96px}.la-line-scale-pulse-out.la-3x>div{width:12px;height:96px;margin:0 6px}@-webkit-keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.3);transform:scaley(.3)}}@keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.3);transform:scaley(.3)}}.la-line-scale,.la-line-scale>div{position:relative;box-sizing:border-box}.la-line-scale{display:block;font-size:0;color:#fff;width:40px;height:32px}.la-line-scale.la-dark{color:#333}.la-line-scale>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:4px;height:32px;margin:0 2px;border-radius:0;-webkit-animation:1.2s infinite line-scale;animation:1.2s infinite line-scale}.la-line-scale>div:nth-child(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.la-line-scale>div:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.la-line-scale>div:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}.la-line-scale>div:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}.la-line-scale>div:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}.la-line-scale.la-sm{width:20px;height:16px}.la-line-scale.la-sm>div{width:2px;height:16px;margin:0 1px}.la-line-scale.la-2x{width:80px;height:64px}.la-line-scale.la-2x>div{width:8px;height:64px;margin:0 4px}.la-line-scale.la-3x{width:120px;height:96px}.la-line-scale.la-3x>div{width:12px;height:96px;margin:0 6px}@-webkit-keyframes line-scale{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-scale{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.la-line-spin-clockwise-fade-rotating,.la-line-spin-clockwise-fade-rotating>div{position:relative;box-sizing:border-box}.la-line-spin-clockwise-fade-rotating{display:block;font-size:0;color:#fff;width:32px;height:32px;-webkit-animation:6s linear infinite line-spin-clockwise-fade-rotating-rotate;animation:6s linear infinite line-spin-clockwise-fade-rotating-rotate}.la-line-spin-clockwise-fade-rotating.la-dark{color:#333}.la-line-spin-clockwise-fade-rotating>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;width:2px;height:10px;margin:-5px 2px 2px -1px;border-radius:0;-webkit-animation:1s ease-in-out infinite line-spin-clockwise-fade-rotating;animation:1s ease-in-out infinite line-spin-clockwise-fade-rotating}.la-line-spin-clockwise-fade-rotating>div:nth-child(1){top:15%;left:50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-line-spin-clockwise-fade-rotating>div:nth-child(2){top:25.2512626585%;left:74.7487373415%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-line-spin-clockwise-fade-rotating>div:nth-child(3){top:50%;left:85%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-line-spin-clockwise-fade-rotating>div:nth-child(4){top:74.7487373415%;left:74.7487373415%;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-line-spin-clockwise-fade-rotating>div:nth-child(5){top:84.9999999974%;left:50.0000000004%;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-line-spin-clockwise-fade-rotating>div:nth-child(6){top:74.7487369862%;left:25.2512627193%;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-line-spin-clockwise-fade-rotating>div:nth-child(7){top:49.9999806189%;left:15.0000039834%;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-line-spin-clockwise-fade-rotating>div:nth-child(8){top:25.2506949798%;left:25.2513989292%;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-animation-delay:0s;animation-delay:0s}.la-line-spin-clockwise-fade-rotating.la-sm{width:16px;height:16px}.la-line-spin-clockwise-fade-rotating.la-sm>div{width:1px;height:4px;margin-top:-2px;margin-left:0}.la-line-spin-clockwise-fade-rotating.la-2x{width:64px;height:64px}.la-line-spin-clockwise-fade-rotating.la-2x>div{width:4px;height:20px;margin-top:-10px;margin-left:-2px}.la-line-spin-clockwise-fade-rotating.la-3x{width:96px;height:96px}.la-line-spin-clockwise-fade-rotating.la-3x>div{width:6px;height:30px;margin-top:-15px;margin-left:-3px}@-webkit-keyframes line-spin-clockwise-fade-rotating-rotate{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes line-spin-clockwise-fade-rotating-rotate{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes line-spin-clockwise-fade-rotating{50%{opacity:.2}100%{opacity:1}}@keyframes line-spin-clockwise-fade-rotating{50%{opacity:.2}100%{opacity:1}}.la-line-spin-clockwise-fade,.la-line-spin-clockwise-fade>div{position:relative;box-sizing:border-box}.la-line-spin-clockwise-fade{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-line-spin-clockwise-fade.la-dark{color:#333}.la-line-spin-clockwise-fade>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;width:2px;height:10px;margin:-5px 2px 2px -1px;border-radius:0;-webkit-animation:1s ease-in-out infinite line-spin-clockwise-fade;animation:1s ease-in-out infinite line-spin-clockwise-fade}.la-line-spin-clockwise-fade>div:nth-child(1){top:15%;left:50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-delay:-.875s;animation-delay:-.875s}.la-line-spin-clockwise-fade>div:nth-child(2){top:25.2512626585%;left:74.7487373415%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-delay:-.75s;animation-delay:-.75s}.la-line-spin-clockwise-fade>div:nth-child(3){top:50%;left:85%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-.625s;animation-delay:-.625s}.la-line-spin-clockwise-fade>div:nth-child(4){top:74.7487373415%;left:74.7487373415%;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.la-line-spin-clockwise-fade>div:nth-child(5){top:84.9999999974%;left:50.0000000004%;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-.375s;animation-delay:-.375s}.la-line-spin-clockwise-fade>div:nth-child(6){top:74.7487369862%;left:25.2512627193%;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-delay:-.25s;animation-delay:-.25s}.la-line-spin-clockwise-fade>div:nth-child(7){top:49.9999806189%;left:15.0000039834%;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-.125s;animation-delay:-.125s}.la-line-spin-clockwise-fade>div:nth-child(8){top:25.2506949798%;left:25.2513989292%;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-animation-delay:0s;animation-delay:0s}.la-line-spin-clockwise-fade.la-sm{width:16px;height:16px}.la-line-spin-clockwise-fade.la-sm>div{width:1px;height:4px;margin-top:-2px;margin-left:0}.la-line-spin-clockwise-fade.la-2x{width:64px;height:64px}.la-line-spin-clockwise-fade.la-2x>div{width:4px;height:20px;margin-top:-10px;margin-left:-2px}.la-line-spin-clockwise-fade.la-3x{width:96px;height:96px}.la-line-spin-clockwise-fade.la-3x>div{width:6px;height:30px;margin-top:-15px;margin-left:-3px}@-webkit-keyframes line-spin-clockwise-fade{50%{opacity:.2}100%{opacity:1}}@keyframes line-spin-clockwise-fade{50%{opacity:.2}100%{opacity:1}}.la-line-spin-fade-rotating,.la-line-spin-fade-rotating>div{position:relative;box-sizing:border-box}.la-line-spin-fade-rotating{display:block;font-size:0;color:#fff;width:32px;height:32px;-webkit-animation:6s linear infinite ball-spin-fade-rotating-rotate;animation:6s linear infinite ball-spin-fade-rotating-rotate}.la-line-spin-fade-rotating.la-dark{color:#333}.la-line-spin-fade-rotating>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;width:2px;height:10px;margin:-5px 2px 2px -1px;border-radius:0;-webkit-animation:1s ease-in-out infinite line-spin-fade-rotating;animation:1s ease-in-out infinite line-spin-fade-rotating}.la-line-spin-fade-rotating>div:nth-child(1){top:15%;left:50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-line-spin-fade-rotating>div:nth-child(2){top:25.2512626585%;left:74.7487373415%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-line-spin-fade-rotating>div:nth-child(3){top:50%;left:85%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-line-spin-fade-rotating>div:nth-child(4){top:74.7487373415%;left:74.7487373415%;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-line-spin-fade-rotating>div:nth-child(5){top:84.9999999974%;left:50.0000000004%;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-line-spin-fade-rotating>div:nth-child(6){top:74.7487369862%;left:25.2512627193%;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-line-spin-fade-rotating>div:nth-child(7){top:49.9999806189%;left:15.0000039834%;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-line-spin-fade-rotating>div:nth-child(8){top:25.2506949798%;left:25.2513989292%;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-animation-delay:-2s;animation-delay:-2s}.la-line-spin-fade-rotating.la-sm{width:16px;height:16px}.la-line-spin-fade-rotating.la-sm>div{width:1px;height:4px;margin-top:-2px;margin-left:0}.la-line-spin-fade-rotating.la-2x{width:64px;height:64px}.la-line-spin-fade-rotating.la-2x>div{width:4px;height:20px;margin-top:-10px;margin-left:-2px}.la-line-spin-fade-rotating.la-3x{width:96px;height:96px}.la-line-spin-fade-rotating.la-3x>div{width:6px;height:30px;margin-top:-15px;margin-left:-3px}@-webkit-keyframes ball-spin-fade-rotating-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-spin-fade-rotating-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes line-spin-fade-rotating{50%{opacity:.2}100%{opacity:1}}@keyframes line-spin-fade-rotating{50%{opacity:.2}100%{opacity:1}}.la-line-spin-fade,.la-line-spin-fade>div{position:relative;box-sizing:border-box}.la-line-spin-fade{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-line-spin-fade.la-dark{color:#333}.la-line-spin-fade>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;position:absolute;width:2px;height:10px;margin:-5px 2px 2px -1px;border-radius:0;-webkit-animation:1s ease-in-out infinite line-spin-fade;animation:1s ease-in-out infinite line-spin-fade}.la-line-spin-fade>div:nth-child(1){top:15%;left:50%;-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-delay:-1.125s;animation-delay:-1.125s}.la-line-spin-fade>div:nth-child(2){top:25.2512626585%;left:74.7487373415%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-delay:-1.25s;animation-delay:-1.25s}.la-line-spin-fade>div:nth-child(3){top:50%;left:85%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-1.375s;animation-delay:-1.375s}.la-line-spin-fade>div:nth-child(4){top:74.7487373415%;left:74.7487373415%;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.la-line-spin-fade>div:nth-child(5){top:84.9999999974%;left:50.0000000004%;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-1.625s;animation-delay:-1.625s}.la-line-spin-fade>div:nth-child(6){top:74.7487369862%;left:25.2512627193%;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation-delay:-1.75s;animation-delay:-1.75s}.la-line-spin-fade>div:nth-child(7){top:49.9999806189%;left:15.0000039834%;-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-1.875s;animation-delay:-1.875s}.la-line-spin-fade>div:nth-child(8){top:25.2506949798%;left:25.2513989292%;-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-animation-delay:-2s;animation-delay:-2s}.la-line-spin-fade.la-sm{width:16px;height:16px}.la-line-spin-fade.la-sm>div{width:1px;height:4px;margin-top:-2px;margin-left:0}.la-line-spin-fade.la-2x{width:64px;height:64px}.la-line-spin-fade.la-2x>div{width:4px;height:20px;margin-top:-10px;margin-left:-2px}.la-line-spin-fade.la-3x{width:96px;height:96px}.la-line-spin-fade.la-3x>div{width:6px;height:30px;margin-top:-15px;margin-left:-3px}@-webkit-keyframes line-spin-fade{50%{opacity:.2}100%{opacity:1}}@keyframes line-spin-fade{50%{opacity:.2}100%{opacity:1}}.la-pacman,.la-pacman>div{position:relative;box-sizing:border-box}.la-pacman{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-pacman.la-dark{color:#333}.la-pacman>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-pacman>div:nth-child(1),.la-pacman>div:nth-child(2){width:0;height:0;background:0 0;border-style:solid;border-width:16px;border-right-color:transparent;border-radius:100%;-webkit-animation:.5s infinite pacman-rotate-half-up;animation:.5s infinite pacman-rotate-half-up}.la-pacman>div:nth-child(2){margin-top:-32px;-webkit-animation-name:pacman-rotate-half-down;animation-name:pacman-rotate-half-down}.la-pacman>div:nth-child(3),.la-pacman>div:nth-child(4),.la-pacman>div:nth-child(5),.la-pacman>div:nth-child(6){position:absolute;top:50%;left:200%;width:8px;height:8px;border-radius:100%;opacity:0;-webkit-animation:2s linear infinite pacman-balls;animation:2s linear infinite pacman-balls}.la-pacman>div:nth-child(3){-webkit-animation-delay:-1.44s;animation-delay:-1.44s}.la-pacman>div:nth-child(4){-webkit-animation-delay:-1.94s;animation-delay:-1.94s}.la-pacman>div:nth-child(5){-webkit-animation-delay:-2.44s;animation-delay:-2.44s}.la-pacman>div:nth-child(6){-webkit-animation-delay:-2.94s;animation-delay:-2.94s}.la-pacman.la-sm{width:16px;height:16px}.la-pacman.la-sm>div:nth-child(1),.la-pacman.la-sm>div:nth-child(2){border-width:8px}.la-pacman.la-sm>div:nth-child(2){margin-top:-16px}.la-pacman.la-sm>div:nth-child(3),.la-pacman.la-sm>div:nth-child(4),.la-pacman.la-sm>div:nth-child(5),.la-pacman.la-sm>div:nth-child(6){width:4px;height:4px}.la-pacman.la-2x{width:64px;height:64px}.la-pacman.la-2x>div:nth-child(1),.la-pacman.la-2x>div:nth-child(2){border-width:32px}.la-pacman.la-2x>div:nth-child(2){margin-top:-64px}.la-pacman.la-2x>div:nth-child(3),.la-pacman.la-2x>div:nth-child(4),.la-pacman.la-2x>div:nth-child(5),.la-pacman.la-2x>div:nth-child(6){width:16px;height:16px}.la-pacman.la-3x{width:96px;height:96px}.la-pacman.la-3x>div:nth-child(1),.la-pacman.la-3x>div:nth-child(2){border-width:48px}.la-pacman.la-3x>div:nth-child(2){margin-top:-96px}.la-pacman.la-3x>div:nth-child(3),.la-pacman.la-3x>div:nth-child(4),.la-pacman.la-3x>div:nth-child(5),.la-pacman.la-3x>div:nth-child(6){width:24px;height:24px}@-webkit-keyframes pacman-rotate-half-up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pacman-rotate-half-up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pacman-rotate-half-down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes pacman-rotate-half-down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pacman-balls{0%{left:200%;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}5%{opacity:.5}66%{opacity:1}67%{opacity:0}100%{left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes pacman-balls{0%{left:200%;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}5%{opacity:.5}66%{opacity:1}67%{opacity:0}100%{left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.la-square-jelly-box,.la-square-jelly-box>div{position:relative;box-sizing:border-box}.la-square-jelly-box{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-square-jelly-box.la-dark{color:#333}.la-square-jelly-box>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-square-jelly-box>div:nth-child(1),.la-square-jelly-box>div:nth-child(2){position:absolute;left:0;width:100%}.la-square-jelly-box>div:nth-child(1){top:-25%;z-index:1;height:100%;border-radius:10%;-webkit-animation:.6s linear -.1s infinite square-jelly-box-animate;animation:.6s linear -.1s infinite square-jelly-box-animate}.la-square-jelly-box>div:nth-child(2){bottom:-9%;height:10%;background:#000;border-radius:50%;opacity:.2;-webkit-animation:.6s linear -.1s infinite square-jelly-box-shadow;animation:.6s linear -.1s infinite square-jelly-box-shadow}.la-square-jelly-box.la-sm{width:16px;height:16px}.la-square-jelly-box.la-2x{width:64px;height:64px}.la-square-jelly-box.la-3x{width:96px;height:96px}@-webkit-keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-webkit-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-webkit-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@keyframes square-jelly-box-animate{17%{border-bottom-right-radius:10%}25%{-webkit-transform:translateY(25%) rotate(22.5deg);transform:translateY(25%) rotate(22.5deg)}50%{border-bottom-right-radius:100%;-webkit-transform:translateY(50%) scale(1,.9) rotate(45deg);transform:translateY(50%) scale(1,.9) rotate(45deg)}75%{-webkit-transform:translateY(25%) rotate(67.5deg);transform:translateY(25%) rotate(67.5deg)}100%{-webkit-transform:translateY(0) rotate(90deg);transform:translateY(0) rotate(90deg)}}@-webkit-keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);transform:scale(1.25,1)}}@keyframes square-jelly-box-shadow{50%{-webkit-transform:scale(1.25,1);transform:scale(1.25,1)}}.la-square-loader,.la-square-loader>div{position:relative;box-sizing:border-box}.la-square-loader{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-square-loader.la-dark{color:#333}.la-square-loader>div{display:inline-block;float:none;border:2px solid currentColor;width:100%;height:100%;background:0 0;border-radius:0;-webkit-animation:2s infinite square-loader;animation:2s infinite square-loader}.la-square-loader>div:after{display:inline-block;width:100%;vertical-align:top;content:"";background-color:currentColor;-webkit-animation:2s ease-in infinite square-loader-inner;animation:2s ease-in infinite square-loader-inner}.la-square-loader.la-sm{width:16px;height:16px}.la-square-loader.la-sm>div{border-width:1px}.la-square-loader.la-2x{width:64px;height:64px}.la-square-loader.la-2x>div{border-width:4px}.la-square-loader.la-3x{width:96px;height:96px}.la-square-loader.la-3x>div{border-width:6px}@-webkit-keyframes square-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%,50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%,75%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes square-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%,50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%,75%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes square-loader-inner{0%,100%,25%{height:0}50%,75%{height:100%}}@keyframes square-loader-inner{0%,100%,25%{height:0}50%,75%{height:100%}}.la-square-spin,.la-square-spin>div{position:relative;box-sizing:border-box}.la-square-spin{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-square-spin.la-dark{color:#333}.la-square-spin>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor;width:100%;height:100%;border-radius:0;-webkit-animation:3s cubic-bezier(.09,.57,.49,.9) infinite square-spin;animation:3s cubic-bezier(.09,.57,.49,.9) infinite square-spin}.la-square-spin.la-sm{width:16px;height:16px}.la-square-spin.la-2x{width:64px;height:64px}.la-square-spin.la-3x{width:96px;height:96px}@-webkit-keyframes square-spin{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(360deg);transform:perspective(100px) rotateX(0) rotateY(360deg)}}@keyframes square-spin{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(360deg);transform:perspective(100px) rotateX(0) rotateY(360deg)}}.la-timer,.la-timer>div{position:relative;box-sizing:border-box}.la-timer{display:block;font-size:0;color:#fff;width:32px;height:32px}.la-timer.la-dark{color:#333}.la-timer>div{display:inline-block;float:none;border:2px solid currentColor;width:32px;height:32px;background:0 0;border-radius:100%}.la-timer>div:after,.la-timer>div:before{position:absolute;top:14px;left:14px;display:block;width:2px;margin-top:-1px;margin-left:-1px;content:"";background:currentColor;border-radius:2px;-webkit-transform-origin:1px 1px 0;transform-origin:1px 1px 0;-webkit-animation:1.25s linear -625ms infinite timer-loader;animation:1.25s linear -625ms infinite timer-loader}.la-timer>div:before{height:12px}.la-timer>div:after{height:8px;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-delay:-7.5s;animation-delay:-7.5s}.la-timer.la-sm{width:16px;height:16px}.la-timer.la-sm>div{width:16px;height:16px;border-width:1px}.la-timer.la-sm>div:after,.la-timer.la-sm>div:before{top:7px;left:7px;width:1px;margin-top:-.5px;margin-left:-.5px;border-radius:1px;-webkit-transform-origin:.5px .5px 0;transform-origin:.5px .5px 0}.la-timer.la-sm>div:before{height:6px}.la-timer.la-sm>div:after{height:4px}.la-timer.la-2x{width:64px;height:64px}.la-timer.la-2x>div{width:64px;height:64px;border-width:4px}.la-timer.la-2x>div:after,.la-timer.la-2x>div:before{top:28px;left:28px;width:4px;margin-top:-2px;margin-left:-2px;border-radius:4px;-webkit-transform-origin:2px 2px 0;transform-origin:2px 2px 0}.la-timer.la-2x>div:before{height:24px}.la-timer.la-2x>div:after{height:16px}.la-timer.la-3x{width:96px;height:96px}.la-timer.la-3x>div{width:96px;height:96px;border-width:6px}.la-timer.la-3x>div:after,.la-timer.la-3x>div:before{top:42px;left:42px;width:6px;margin-top:-3px;margin-left:-3px;border-radius:6px;-webkit-transform-origin:3px 3px 0;transform-origin:3px 3px 0}.la-timer.la-3x>div:before{height:36px}.la-timer.la-3x>div:after{height:24px}@-webkit-keyframes timer-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes timer-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.la-triangle-skew-spin,.la-triangle-skew-spin>div{position:relative;box-sizing:border-box}.la-triangle-skew-spin{display:block;font-size:0;color:#fff;width:32px;height:16px}.la-triangle-skew-spin.la-dark{color:#333}.la-triangle-skew-spin>div{display:inline-block;float:none;border:0 solid currentColor;width:0;height:0;background:0 0;border:solid;border-width:0 16px 16px;border-right-color:transparent;border-left-color:transparent;-webkit-animation:3s cubic-bezier(.09,.57,.49,.9) infinite triangle-skew-spin;animation:3s cubic-bezier(.09,.57,.49,.9) infinite triangle-skew-spin}.la-triangle-skew-spin.la-sm{width:16px;height:8px}.la-triangle-skew-spin.la-sm>div{border-width:0 8px 8px}.la-triangle-skew-spin.la-2x{width:64px;height:32px}.la-triangle-skew-spin.la-2x>div{border-width:0 32px 32px}.la-triangle-skew-spin.la-3x{width:96px;height:48px}.la-triangle-skew-spin.la-3x>div{border-width:0 48px 48px}@-webkit-keyframes triangle-skew-spin{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(360deg);transform:perspective(100px) rotateX(0) rotateY(360deg)}}@keyframes triangle-skew-spin{0%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(360deg);transform:perspective(100px) rotateX(0) rotateY(360deg)}}.black-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999!important}.black-overlay>div{top:50%;left:50%;margin:0;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading-text{top:60%!important;z-index:99999!important}']}]}],e.ctorParameters=function(){return[{type:Ae}]},e.propDecorators={bdColor:[{type:T.Input}],size:[{type:T.Input}],color:[{type:T.Input}],type:[{type:T.Input}],fullScreen:[{type:T.Input}]},e}(),Ve=function(){function e(){}return e.decorators=[{type:T.NgModule,args:[{imports:[O.CommonModule],declarations:[Re],exports:[Re]}]}],e}();e.SocAppLibraryService=F,e.SocAppLibraryComponent=z,e.SocAppLibraryModule=fe,e.UploadAttachmentComponent=W,e.UploadAttachmentModule=G,e.StepListComponent=X,e.StepListModule=me,e.SentListComponent=be,e.SentListModule=ve,e.AttachmentListModule=Ce,e.AttachmentListComponent=xe,e.ModalStepComponent=te,e.ModalStepModule=ce,e.ModalStepViewComponent=J,e.ModalStepViewModule=K,e.ModalAttachmentComponent=he,e.ModalAttachmentModule=ue,e.ModalAttachmentViewComponent=ye,e.ModalAttachmentViewModule=we,e.ModalImageUploadComponent=_e,e.ModalImageUploadModule=De,e.ModalSpellCheckComponent=Me,e.ModalSpellCheckModule=Se,e.CreateAlertComponent=se,e.CreateAlertModule=de,e.AppConfigService=L,e.Common=H,e.DateService=ee,e.Request=U,e.B2bService=j,e.B2bModule=Ie,e.PermissionGuard=Ee,e.SocAutoCompleteComponent=ae,e.SharedAutoCompleteModule=ie,e.CALENDAR_VALUE_ACCESSOR=Te,e.Calendar=Oe,e.SharedCalendarModule=Fe,e.SocDateBoxComponent=Q,e.SharedDateBoxModule=Z,e.CanShowDirective=ze,e.CanShowDirectiveModule=Le,e.SocLoadingComponent=Re,e.SocLoadingModule=Ve,e.SocLoadingService=Ae,e.ɵa=le,e.ɵb=re,e.ɵd=oe,e.ɵc=ne,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=soc-app-library.umd.min.js.map