UNPKG

@pepperi/lib

Version:

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.1.

2 lines 17.8 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/core"),require("@angular/material/button"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("@pepperi/lib"),require("@pepperi/lib/icon"),require("@pepperi/lib/textbox-icon"),require("@pepperi/lib/field-title"),require("@pepperi/lib/dialog"),require("@angular/cdk/bidi"),require("@ngx-translate/core")):"function"==typeof define&&define.amd?define("@pepperi/lib/textarea",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/core","@angular/material/button","@angular/material/form-field","@angular/material/input","@angular/material/icon","@pepperi/lib","@pepperi/lib/icon","@pepperi/lib/textbox-icon","@pepperi/lib/field-title","@pepperi/lib/dialog","@angular/cdk/bidi","@ngx-translate/core"],t):t(((e=e||self).pepperi=e.pepperi||{},e.pepperi.lib=e.pepperi.lib||{},e.pepperi.lib.textarea={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.core,e.ng.material.button,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e.pepperi.lib,e.pepperi.lib.icon,e.pepperi.lib["textbox-icon"],e.pepperi.lib["field-title"],e.pepperi.lib.dialog,e.ng.cdk.bidi,e.translate)}(this,(function(e,t,n,i,r,l,a,o,p,u,d,s,c,m,g,f){"use strict";var x=["input"];function y(e,n){if(1&e&&t.ɵɵelement(0,"pep-field-title",11),2&e){t.ɵɵnextContext();var i=t.ɵɵreference(4),r=t.ɵɵnextContext();t.ɵɵproperty("label",r.label)("required",r.required)("disabled",r.disabled)("maxFieldCharacters",r.maxFieldCharacters)("xAlignment",r.xAlignment)("showTitle",r.showTitle)("inputLength",null==i.value?null:i.value.length)}}var v=function(e){return{color:"textColor","text-align":e}};function h(e,n){if(1&e&&(t.ɵɵelement(0,"div",12),t.ɵɵpipe(1,"safeHtml")),2&e){var i=t.ɵɵnextContext(2);t.ɵɵstyleProp("height",i.fieldHeight),t.ɵɵpropertyInterpolate("title",i.value),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(7,v,"2"==i.xAlignment?"right":"left"))("innerHtml",t.ɵɵpipeBind1(1,5,i.value),t.ɵɵsanitizeHtml)}}var b=function(e,t,n,i){return{"right-alignment":e,"one-row":t,"stand-alone":n,"pepperi-textarea-card-container":i}},C=function(e){return{"pepperi-table-textarea":e}},T=function(e){return{"card-one-row-icon":e}},I=function(e){return{field:e}};function F(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",3),t.ɵɵtemplate(1,y,1,7,"pep-field-title",4),t.ɵɵelementStart(2,"mat-form-field",5),t.ɵɵelementStart(3,"textarea",6,7),t.ɵɵlistener("blur",(function(e){return t.ɵɵrestoreView(i),t.ɵɵnextContext().onBlur(e)})),t.ɵɵtext(5," "),t.ɵɵelementEnd(),t.ɵɵtemplate(6,h,2,9,"div",8),t.ɵɵelementStart(7,"pep-textbox-icon",9),t.ɵɵlistener("iconClicked",(function(){return t.ɵɵrestoreView(i),t.ɵɵnextContext().openDialog()})),t.ɵɵelementEnd(),t.ɵɵelementStart(8,"mat-error"),t.ɵɵelement(9,"span",10),t.ɵɵpipe(10,"translate"),t.ɵɵpipe(11,"translate"),t.ɵɵpipe(12,"translate"),t.ɵɵpipe(13,"translate"),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelementEnd()}if(2&e){var r=n.isFormView,l=t.ɵɵnextContext();t.ɵɵproperty("ngClass",t.ɵɵpureFunction4(34,b,"2"==l.xAlignment,1===l.rowSpan,l.standAlone,l.layoutType===l.LAYOUT_TYPE.PepperiCard)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",r),t.ɵɵadvance(1),t.ɵɵpropertyInterpolate("dir","2"==l.xAlignment?"rtl":"ltr"),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(39,C,l.layoutType===l.LAYOUT_TYPE.PepperiTable)),t.ɵɵadvance(1),t.ɵɵstyleProp("height",l.fieldHeight),t.ɵɵpropertyInterpolate("title",l.value),t.ɵɵpropertyInterpolate("maxlength",l.maxFieldCharacters>0?l.maxFieldCharacters:99999),t.ɵɵproperty("hidden",l.readonly)("id",l.key)("value",l.value)("ngStyle",t.ɵɵpureFunction1(41,v,"2"==l.xAlignment?"right":"left"))("formControlName",l.key)("disabled",l.disabled),t.ɵɵadvance(3),t.ɵɵproperty("ngIf",l.readonly),t.ɵɵadvance(1),t.ɵɵproperty("value",l.value)("label",l.label)("type",l.controlType)("disabled",l.disabled)("ngClass",t.ɵɵpureFunction1(43,T,l.layoutType===l.LAYOUT_TYPE.PepperiCard&&1===l.rowSpan)),t.ɵɵadvance(2),t.ɵɵproperty("title",l.required&&0==l.value.length?t.ɵɵpipeBind2(10,22,"Msg_Is_Required",t.ɵɵpureFunction1(45,I,l.label)):t.ɵɵpipeBind2(11,25,"Msg_Is_Not_Valid",t.ɵɵpureFunction1(47,I,l.label)))("innerText",l.required&&0==l.value.length?t.ɵɵpipeBind2(12,28,"Msg_Is_Required",t.ɵɵpureFunction1(49,I,l.label)):t.ɵɵpipeBind2(13,31,"Msg_Is_Not_Valid",t.ɵɵpureFunction1(51,I,l.label)))}}function M(e,n){1&e&&t.ɵɵelementContainer(0)}var S=function(){return{isFormView:!0}};function E(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵtemplate(1,M,1,0,"ng-container",13),t.ɵɵelementContainerEnd()),2&e){t.ɵɵnextContext();var i=t.ɵɵreference(2);t.ɵɵadvance(1),t.ɵɵproperty("ngTemplateOutlet",i)("ngTemplateOutletContext",t.ɵɵpureFunction0(2,S))}}function P(e,n){1&e&&t.ɵɵelementContainer(0)}function w(e,n){1&e&&t.ɵɵelementContainer(0)}var A=function(){return{isFormView:!1}};function k(e,n){if(1&e&&t.ɵɵtemplate(0,w,1,0,"ng-container",13),2&e){t.ɵɵnextContext(2);var i=t.ɵɵreference(2);t.ɵɵproperty("ngTemplateOutlet",i)("ngTemplateOutletContext",t.ɵɵpureFunction0(2,A))}}function O(e,n){if(1&e&&(t.ɵɵelementStart(0,"span",21),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var i=t.ɵɵnextContext(3);t.ɵɵpropertyInterpolate("title",i.label),t.ɵɵadvance(1),t.ɵɵtextInterpolate1("",i.label," ")}}var _=function(e){return{"self-end":e}};function q(e,n){if(1&e&&(t.ɵɵelementStart(0,"button",22),t.ɵɵelementStart(1,"mat-icon"),t.ɵɵelement(2,"pep-icon",23),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e){var i=t.ɵɵnextContext(3);t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(1,_,i.value&&""!==i.value))}}var D=function(e,t){return{"one-row":e,"pepperi-button weak":t}},N=function(e){return{"-webkit-line-clamp":e}};function V(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",17),t.ɵɵlistener("click",(function(e){t.ɵɵrestoreView(i);var n=t.ɵɵnextContext(2);return n.disabled?"":n.cardTemplateClicked(e)})),t.ɵɵtemplate(1,O,2,2,"span",18),t.ɵɵelementStart(2,"span",19),t.ɵɵtext(3),t.ɵɵelementEnd(),t.ɵɵtemplate(4,q,3,3,"button",20),t.ɵɵelementEnd()}if(2&e){var r=t.ɵɵnextContext(2);t.ɵɵclassMap("text-align-"+r.xAlignment),t.ɵɵstyleProp("height",r.fieldHeight),t.ɵɵproperty("ngClass",t.ɵɵpureFunction2(11,D,1===r.rowSpan,r.isActive&&!r.disabled))("ngStyle",t.ɵɵpureFunction1(14,N,r.rowSpan)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",r.showTitle&&""!=r.label),t.ɵɵadvance(1),t.ɵɵpropertyInterpolate("title",r.value),t.ɵɵproperty("id",r.key),t.ɵɵadvance(1),t.ɵɵtextInterpolate(r.value),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",r.isActive&&!r.disabled)}}function Y(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵtemplate(1,P,1,0,"ng-container",14),t.ɵɵtemplate(2,k,1,3,"ng-template",null,15,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(4,V,5,16,"ng-template",null,16,t.ɵɵtemplateRefExtractor),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵreference(3),r=t.ɵɵreference(5),l=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngIf",l.isInEditMode)("ngIfThen",i)("ngIfElse",r)}}function L(e,n){1&e&&t.ɵɵelementContainer(0)}function R(e,n){1&e&&t.ɵɵelementContainer(0)}function B(e,n){if(1&e&&t.ɵɵtemplate(0,R,1,0,"ng-container",13),2&e){t.ɵɵnextContext(2);var i=t.ɵɵreference(2);t.ɵɵproperty("ngTemplateOutlet",i)("ngTemplateOutletContext",t.ɵɵpureFunction0(2,A))}}function H(e,n){1&e&&t.ɵɵelementContainer(0)}function U(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"pep-textbox-icon",32),t.ɵɵlistener("iconClicked",(function(){return t.ɵɵrestoreView(i),t.ɵɵnextContext(4).openDialog()})),t.ɵɵelementEnd()}if(2&e){var r=t.ɵɵnextContext(4);t.ɵɵproperty("value",r.value)("label",r.label)("type",r.controlType)("disabled",r.disabled)}}function j(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"pep-textbox-icon",33),t.ɵɵlistener("iconClicked",(function(){return t.ɵɵrestoreView(i),t.ɵɵnextContext(4).openDialog()})),t.ɵɵelementEnd()}if(2&e){var r=t.ɵɵnextContext(4);t.ɵɵproperty("value",r.value)("label",r.label)("type",r.controlType)("disabled",r.disabled)}}var z=function(e){return{readonly:e}},G=function(e,t){return{color:e,"text-align":t}};function Q(e,n){if(1&e&&(t.ɵɵelementStart(0,"mat-form-field",28),t.ɵɵelement(1,"input",29),t.ɵɵtemplate(2,U,1,4,"pep-textbox-icon",30),t.ɵɵtemplate(3,j,1,4,"pep-textbox-icon",31),t.ɵɵelementEnd()),2&e){var i=t.ɵɵnextContext(3);t.ɵɵpropertyInterpolate("dir","2"==i.xAlignment?"rtl":"ltr"),t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(11,z,i.disabled)),t.ɵɵadvance(1),t.ɵɵpropertyInterpolate("title",i.value),t.ɵɵproperty("id",i.key)("ngClass",t.ɵɵpureFunction1(13,z,i.disabled))("ngStyle",t.ɵɵpureFunction2(15,G,i.textColor,"3"==i.xAlignment?"center":"2"==i.xAlignment?"right":"left"))("formControlName",i.key)("value",i.value)("disabled",!0),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",i.disabled&&"2"==i.xAlignment),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",i.disabled&&("1"==i.xAlignment||"0"==i.xAlignment))}}function J(e,n){1&e&&(t.ɵɵelementStart(0,"span"),t.ɵɵtext(1," "),t.ɵɵelementEnd())}function W(e,n){if(1&e&&(t.ɵɵtemplate(0,H,1,0,"ng-container",14),t.ɵɵtemplate(1,Q,4,18,"ng-template",null,26,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(3,J,2,0,"ng-template",null,27,t.ɵɵtemplateRefExtractor)),2&e){var i=t.ɵɵreference(2),r=t.ɵɵreference(4),l=t.ɵɵnextContext(2);t.ɵɵproperty("ngIf",(null==l.value?null:l.value.length)>0)("ngIfThen",i)("ngIfElse",r)}}function K(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵtemplate(1,L,1,0,"ng-container",14),t.ɵɵtemplate(2,B,1,3,"ng-template",null,24,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(4,W,5,3,"ng-template",null,25,t.ɵɵtemplateRefExtractor),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵreference(3),r=t.ɵɵreference(5),l=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngIf",l.isActive&&!l.disabled)("ngIfThen",i)("ngIfElse",r)}}function X(e,n){1&e&&t.ɵɵelementContainer(0)}function Z(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵtemplate(1,X,1,0,"ng-container",13),t.ɵɵelementContainerEnd()),2&e){t.ɵɵnextContext();var i=t.ɵɵreference(2);t.ɵɵadvance(1),t.ɵɵproperty("ngTemplateOutlet",i)("ngTemplateOutletContext",t.ɵɵpureFunction0(2,S))}}var $=function(){function e(e,n,i,r){this.dialogService=e,this.customizationService=n,this.renderer=i,this.element=r,this.key="",this.value="",this.label="",this.required=!1,this.disabled=!1,this.readonly=!1,this.textColor="",this.xAlignment="0",this.rowSpan=1,this.controlType="textarea",this.form=null,this.isActive=!1,this.showTitle=!0,this.layoutType=u.LAYOUT_TYPE.PepperiForm,this.valueChanged=new t.EventEmitter,this.LAYOUT_TYPE=u.LAYOUT_TYPE,this.fieldHeight="",this.standAlone=!1,this.isInEditMode=!1}return e.prototype.ngOnInit=function(){null===this.form&&(this.standAlone=!0,this.form=this.customizationService.getDefaultFromGroup(this.key,this.value,this.required,this.readonly,this.disabled,this.maxFieldCharacters),this.renderer.addClass(this.element.nativeElement,u.CustomizationService.STAND_ALONE_FIELD_CLASS_NAME)),this.fieldHeight=this.customizationService.calculateFieldHeight(this.layoutType,this.rowSpan,this.standAlone)},e.prototype.ngOnChanges=function(e){var t=this;setTimeout((function(){t.lastFocusField&&(t.lastFocusField.focus(),t.lastFocusField=null)}),100)},e.prototype.ngOnDestroy=function(){this.valueChanged&&this.valueChanged.unsubscribe()},e.prototype.onBlur=function(e){var t=this,n=e.target?e.target.value:e;this.changeValue(n,e.relatedTarget),setTimeout((function(){t.isInEditMode&&(t.isInEditMode=!1)}),0)},e.prototype.changeValue=function(e,t){void 0===t&&(t=null),e!==this.value&&(this.value=e,this.customizationService.updateFormFieldValue(this.form,this.key,e),this.valueChanged.emit({apiName:this.key,value:e,lastFocusedField:t}))},e.prototype.cardTemplateClicked=function(e){this.openDialog()},e.prototype.openDialog=function(){var e=this,t=new m.DialogData({title:this.label,content:this.value,contentType:m.DialogDataType.TextArea,contentData:{key:this.key,disabled:this.disabled},showFooter:!0}),n=this.dialogService.getDialogConfig({maxWidth:"90vw",maxHeight:"90vh"});this.dialogService.openDefaultDialog(t,n).afterClosed().subscribe((function(t){null!=t&&e.changeValue(t)}))},e}();$.ɵfac=function(e){return new(e||$)(t.ɵɵdirectiveInject(m.DialogService),t.ɵɵdirectiveInject(u.CustomizationService),t.ɵɵdirectiveInject(t.Renderer2),t.ɵɵdirectiveInject(t.ElementRef))},$.ɵcmp=t.ɵɵdefineComponent({type:$,selectors:[["pep-textarea"]],viewQuery:function(e,n){var i;(1&e&&t.ɵɵviewQuery(x,!0),2&e)&&(t.ɵɵqueryRefresh(i=t.ɵɵloadQuery())&&(n.input=i.first))},inputs:{key:"key",value:"value",label:"label",required:"required",disabled:"disabled",readonly:"readonly",maxFieldCharacters:"maxFieldCharacters",textColor:"textColor",xAlignment:"xAlignment",rowSpan:"rowSpan",lastFocusField:"lastFocusField",form:"form",isActive:"isActive",showTitle:"showTitle",layoutType:"layoutType"},outputs:{valueChanged:"valueChanged"},features:[t.ɵɵNgOnChangesFeature],decls:7,vars:5,consts:[[3,"formGroup"],["pepperiTemplate",""],[4,"ngIf"],[1,"pepperi-textarea-container",3,"ngClass"],[3,"label","required","disabled","maxFieldCharacters","xAlignment","showTitle","inputLength",4,"ngIf"],["appearance","outline",3,"dir","ngClass"],["matInput","",1,"body-sm",3,"hidden","id","title","value","maxlength","ngStyle","formControlName","disabled","blur"],["input",""],["class","body-sm disable-text-div",3,"title","ngStyle","innerHtml","height",4,"ngIf"],["matSuffix","",3,"value","label","type","disabled","ngClass","iconClicked"],[1,"body-xs",3,"title","innerText"],[3,"label","required","disabled","maxFieldCharacters","xAlignment","showTitle","inputLength"],[1,"body-sm","disable-text-div",3,"title","ngStyle","innerHtml"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf","ngIfThen","ngIfElse"],["editBlock",""],["readOnlyBlock",""],[1,"pepperi-textarea-card-container","card-flex-container",3,"ngClass","ngStyle","click"],["class"," body-xs title no-shrink",3,"title",4,"ngIf"],[1,"body-sm","value","wrap",3,"id","title"],["class","pepperi-button weak card-edit-button self-start","mat-button","",3,"ngClass",4,"ngIf"],[1,"body-xs","title","no-shrink",3,"title"],["mat-button","",1,"pepperi-button","weak","card-edit-button","self-start",3,"ngClass"],["name","system_edit"],["selectedBlock",""],["notSelectedBlock",""],["notEmptyBlock",""],["emptyBlock",""],["appearance","outline",1,"pepperi-report-textarea",3,"dir","ngClass"],["matInput","","type","text",1,"body-sm","pepperi-report-input",3,"id","ngClass","ngStyle","title","formControlName","value","disabled"],["matPrefix","",3,"value","label","type","disabled","iconClicked",4,"ngIf"],["matSuffix","",3,"value","label","type","disabled","iconClicked",4,"ngIf"],["matPrefix","",3,"value","label","type","disabled","iconClicked"],["matSuffix","",3,"value","label","type","disabled","iconClicked"]],template:function(e,n){1&e&&(t.ɵɵelementContainerStart(0,0),t.ɵɵtemplate(1,F,14,53,"ng-template",null,1,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(3,E,2,3,"ng-container",2),t.ɵɵtemplate(4,Y,6,3,"ng-container",2),t.ɵɵtemplate(5,K,6,3,"ng-container",2),t.ɵɵtemplate(6,Z,2,3,"ng-container",2),t.ɵɵelementContainerEnd()),2&e&&(t.ɵɵproperty("formGroup",n.form),t.ɵɵadvance(3),t.ɵɵproperty("ngIf",n.layoutType===n.LAYOUT_TYPE.PepperiForm),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",n.layoutType===n.LAYOUT_TYPE.PepperiCard),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",n.layoutType===n.LAYOUT_TYPE.PepperiTable),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",n.layoutType===n.LAYOUT_TYPE.Editmodal))},directives:[i.NgControlStatusGroup,i.FormGroupDirective,n.NgIf,n.NgClass,a.MatFormField,g.Dir,o.MatInput,i.DefaultValueAccessor,i.MaxLengthValidator,n.NgStyle,i.NgControlStatus,i.FormControlName,s.PepperiTextboxIconComponent,a.MatSuffix,a.MatError,c.PepperiFieldTitleComponent,n.NgTemplateOutlet,l.MatButton,p.MatIcon,d.PepperiIconComponent,a.MatPrefix],pipes:[f.TranslatePipe,u.SafeHtmlPipe],styles:["[_nghost-%COMP%]{display:-ms-grid;display:grid;height:inherit}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{-ms-grid-row-align:center;align-self:center}.disable-text-div[_ngcontent-%COMP%]{display:inline-block;margin:0;overflow-y:hidden;padding:.5rem 1.5rem .5rem 0;vertical-align:middle}.right-alignment[_ngcontent-%COMP%] .disable-text-div[_ngcontent-%COMP%]{padding:.5rem 0 .5rem 1.5rem}"],changeDetection:0});var ee=function(e){this.pepperiIconRegistry=e,this.pepperiIconRegistry.registerIcons([d.pepperiIconSystemEdit])};ee.ɵmod=t.ɵɵdefineNgModule({type:ee}),ee.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||ee)(t.ɵɵinject(d.PepperiIconRegistry))},imports:[[n.CommonModule,i.ReactiveFormsModule,i.FormsModule,r.MatCommonModule,l.MatButtonModule,a.MatFormFieldModule,o.MatInputModule,p.MatIconModule,u.PepperiModule,d.PepperiIconModule,c.PepperiFieldTitleModule,s.PepperiTextboxIconModule,m.PepperiDialogModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(ee,{declarations:[$],imports:[n.CommonModule,i.ReactiveFormsModule,i.FormsModule,r.MatCommonModule,l.MatButtonModule,a.MatFormFieldModule,o.MatInputModule,p.MatIconModule,u.PepperiModule,d.PepperiIconModule,c.PepperiFieldTitleModule,s.PepperiTextboxIconModule,m.PepperiDialogModule],exports:[$]}),e.PepperiTextareaComponent=$,e.PepperiTextareaModule=ee,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=pepperi-lib-textarea.umd.min.js.map