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/datepicker"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/material/icon"),require("@mat-datetimepicker/core"),require("@pepperi/lib"),require("@pepperi/lib/icon"),require("@pepperi/lib/textbox-icon"),require("@pepperi/lib/field-title"),require("@angular/material-moment-adapter"),require("@mat-datetimepicker/moment"),require("@ngx-translate/core")):"function"==typeof define&&define.amd?define("@pepperi/lib/date",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/core","@angular/material/button","@angular/material/datepicker","@angular/material/form-field","@angular/material/input","@angular/material/icon","@mat-datetimepicker/core","@pepperi/lib","@pepperi/lib/icon","@pepperi/lib/textbox-icon","@pepperi/lib/field-title","@angular/material-moment-adapter","@mat-datetimepicker/moment","@ngx-translate/core"],t):t(((e=e||self).pepperi=e.pepperi||{},e.pepperi.lib=e.pepperi.lib||{},e.pepperi.lib.date={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.core,e.ng.material.button,e.ng.material.datepicker,e.ng.material.formField,e.ng.material.input,e.ng.material.icon,e["datetimepicker-core"],e.pepperi.lib,e.pepperi.lib.icon,e.pepperi.lib["textbox-icon"],e.pepperi.lib["field-title"],e.ng.materialMomentAdapter,e["datetimepicker-moment"],e.translate)}(this,(function(e,t,n,i,a,r,l,o,p,u,d,m,c,s,f,g,h,x){"use strict";var M=["datetimePicker"],v=["input"];function y(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"pep-textbox-icon",11),t.ɵɵlistener("iconClicked",(function(){t.ɵɵrestoreView(i),t.ɵɵnextContext();var e=t.ɵɵreference(12);return t.ɵɵnextContext().openDatetimePicker(e)})),t.ɵɵelementEnd()}if(2&e){var a=t.ɵɵnextContext(2);t.ɵɵproperty("value",a.value)("label",a.label)("type",a.type)("disabled",a.disabled)}}function b(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"pep-textbox-icon",12),t.ɵɵlistener("iconClicked",(function(){t.ɵɵrestoreView(i),t.ɵɵnextContext();var e=t.ɵɵreference(12);return t.ɵɵnextContext().openDatetimePicker(e)})),t.ɵɵelementEnd()}if(2&e){var a=t.ɵɵnextContext(2);t.ɵɵproperty("value",a.value)("label",a.label)("type",a.type)("disabled",a.disabled)}}var C=function(e,t){return{color:e,"text-align":t}},I=function(){return{standalone:!0}},T=function(e){return{field:e}};function k(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"mat-form-field",3),t.ɵɵelementStart(1,"input",4,5),t.ɵɵlistener("ngModelChange",(function(e){return t.ɵɵrestoreView(i),t.ɵɵnextContext().dateModel=e}))("dateChange",(function(e){return t.ɵɵrestoreView(i),t.ɵɵnextContext().onDateChange(e)}))("click",(function(){t.ɵɵrestoreView(i);var e=t.ɵɵreference(12);return t.ɵɵnextContext().openDatetimePicker(e)}))("blur",(function(e){return t.ɵɵrestoreView(i),t.ɵɵnextContext().onBlur(e)})),t.ɵɵelementEnd(),t.ɵɵelementStart(3,"mat-error"),t.ɵɵelement(4,"span",6),t.ɵɵpipe(5,"translate"),t.ɵɵpipe(6,"translate"),t.ɵɵpipe(7,"translate"),t.ɵɵpipe(8,"translate"),t.ɵɵelementEnd(),t.ɵɵtemplate(9,y,1,4,"pep-textbox-icon",7),t.ɵɵtemplate(10,b,1,4,"pep-textbox-icon",8),t.ɵɵelement(11,"mat-datetimepicker",9,10),t.ɵɵelementEnd()}if(2&e){var a=n.showIcon,r=t.ɵɵreference(12),l=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵpropertyInterpolate("title",l.formattedValue),t.ɵɵproperty("id",l.key)("ngStyle",t.ɵɵpureFunction2(27,C,l.textColor,"3"==l.xAlignment?"center":"2"==l.xAlignment?"right":"left"))("ngModel",l.dateModel)("ngModelOptions",t.ɵɵpureFunction0(30,I))("matDatetimepicker",r)("min",l.minDate)("max",l.maxDate)("required",l.required)("disabled",l.disabled),t.ɵɵadvance(3),t.ɵɵproperty("title",l.required&&0==l.formattedValue.length?t.ɵɵpipeBind2(5,15,"Msg_Is_Required",t.ɵɵpureFunction1(31,T,l.label)):t.ɵɵpipeBind2(6,18,"Msg_Is_Not_Valid",t.ɵɵpureFunction1(33,T,l.label)))("innerText",l.required&&0==l.formattedValue.length?t.ɵɵpipeBind2(7,21,"Msg_Is_Required",t.ɵɵpureFunction1(35,T,l.label)):t.ɵɵpipeBind2(8,24,"Msg_Is_Not_Valid",t.ɵɵpureFunction1(37,T,l.label))),t.ɵɵadvance(5),t.ɵɵproperty("ngIf",a&&"2"==l.xAlignment),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",a&&"1"==l.xAlignment||"0"==l.xAlignment),t.ɵɵadvance(1),t.ɵɵproperty("type",l.showTime?"datetime":"date")}}function E(e,n){1&e&&t.ɵɵelementContainer(0)}var S=function(){return{showIcon:!0}};function D(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵelement(1,"pep-field-title",13),t.ɵɵtemplate(2,E,1,0,"ng-container",14),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵnextContext(),a=t.ɵɵreference(2);t.ɵɵadvance(1),t.ɵɵproperty("label",i.label)("required",i.required)("disabled",i.disabled)("xAlignment",i.xAlignment)("showTitle",i.showTitle),t.ɵɵadvance(1),t.ɵɵproperty("ngTemplateOutlet",a)("ngTemplateOutletContext",t.ɵɵpureFunction0(7,S))}}function w(e,n){1&e&&t.ɵɵelementContainer(0)}function A(e,n){1&e&&t.ɵɵelementContainer(0)}var P=function(e){return{"one-row":e}},V=function(){return{showIcon:!1}};function L(e,n){if(1&e&&(t.ɵɵelementStart(0,"div",18),t.ɵɵtemplate(1,A,1,0,"ng-container",14),t.ɵɵelementEnd()),2&e){var i=t.ɵɵnextContext(2),a=t.ɵɵreference(2);t.ɵɵproperty("ngClass",t.ɵɵpureFunction1(3,P,1===i.rowSpan)),t.ɵɵadvance(1),t.ɵɵproperty("ngTemplateOutlet",a)("ngTemplateOutletContext",t.ɵɵpureFunction0(5,V))}}function F(e,n){if(1&e&&(t.ɵɵelementStart(0,"span",23),t.ɵɵtext(1),t.ɵɵelementEnd()),2&e){var i=t.ɵɵnextContext(3);t.ɵɵpropertyInterpolate("title",i.label),t.ɵɵadvance(1),t.ɵɵtextInterpolate1("",i.label," ")}}function q(e,n){1&e&&(t.ɵɵelementStart(0,"button",24),t.ɵɵelementStart(1,"mat-icon"),t.ɵɵelement(2,"pep-icon",25),t.ɵɵelementEnd(),t.ɵɵelementEnd())}var O=function(e,t){return{"one-row":e,"pepperi-button weak":t}};function Y(e,n){if(1&e){var i=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"div",19),t.ɵɵlistener("click",(function(e){t.ɵɵrestoreView(i);var n=t.ɵɵnextContext(2);return n.disabled?"":n.cardTemplateClicked(e)})),t.ɵɵtemplate(1,F,2,2,"span",20),t.ɵɵelementStart(2,"span",21),t.ɵɵtext(3),t.ɵɵelementEnd(),t.ɵɵtemplate(4,q,3,0,"button",22),t.ɵɵelementEnd()}if(2&e){var a=t.ɵɵnextContext(2);t.ɵɵclassMap("text-align-"+a.xAlignment),t.ɵɵproperty("ngClass",t.ɵɵpureFunction2(8,O,1===a.rowSpan,a.isActive&&!a.disabled)),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",a.showTitle&&""!=a.label),t.ɵɵadvance(1),t.ɵɵpropertyInterpolate("title",a.formattedValue),t.ɵɵproperty("id",a.key),t.ɵɵadvance(1),t.ɵɵtextInterpolate(a.formattedValue),t.ɵɵadvance(1),t.ɵɵproperty("ngIf",a.isActive&&!a.disabled)}}function _(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵtemplate(1,w,1,0,"ng-container",15),t.ɵɵtemplate(2,L,2,6,"ng-template",null,16,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(4,Y,5,11,"ng-template",null,17,t.ɵɵtemplateRefExtractor),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵreference(3),a=t.ɵɵreference(5),r=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngIf",r.isInEditMode)("ngIfThen",i)("ngIfElse",a)}}function N(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",14),2&e){t.ɵɵnextContext(2);var i=t.ɵɵreference(2);t.ɵɵproperty("ngTemplateOutlet",i)("ngTemplateOutletContext",t.ɵɵpureFunction0(2,S))}}function j(e,n){1&e&&t.ɵɵelementContainer(0)}var U=function(e){return{readonly:e}};function z(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵelementStart(1,"span",32),t.ɵɵtext(2),t.ɵɵelementEnd(),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵnextContext(4);t.ɵɵadvance(1),t.ɵɵpropertyInterpolate("title",i.formattedValue),t.ɵɵproperty("id",i.key)("ngClass",t.ɵɵpureFunction1(4,U,i.disabled)),t.ɵɵadvance(1),t.ɵɵtextInterpolate(i.formattedValue)}}function G(e,n){if(1&e&&(t.ɵɵelementContainerStart(0,30),t.ɵɵtemplate(1,z,3,6,"ng-container",31),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵnextContext(3);t.ɵɵproperty("ngSwitch",i.type)}}function Q(e,n){if(1&e&&(t.ɵɵelementStart(0,"span",33),t.ɵɵtext(1," "),t.ɵɵelementEnd()),2&e){var i=t.ɵɵnextContext(3);t.ɵɵproperty("id",i.key)}}function H(e,n){if(1&e&&(t.ɵɵtemplate(0,j,1,0,"ng-container",15),t.ɵɵtemplate(1,G,2,1,"ng-template",null,28,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(3,Q,2,1,"ng-template",null,29,t.ɵɵtemplateRefExtractor)),2&e){var i=t.ɵɵreference(2),a=t.ɵɵreference(4),r=t.ɵɵnextContext(2);t.ɵɵproperty("ngIf",(null==r.formattedValue?null:r.formattedValue.length)>0)("ngIfThen",i)("ngIfElse",a)}}function J(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵtemplate(1,N,1,0,"ng-container",15),t.ɵɵtemplate(2,B,1,3,"ng-template",null,26,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(4,H,5,3,"ng-template",null,27,t.ɵɵtemplateRefExtractor),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵreference(3),a=t.ɵɵreference(5),r=t.ɵɵnextContext();t.ɵɵadvance(1),t.ɵɵproperty("ngIf",r.isActive&&!r.disabled)("ngIfThen",i)("ngIfElse",a)}}function W(e,n){1&e&&t.ɵɵelementContainer(0)}function K(e,n){if(1&e&&(t.ɵɵelementContainerStart(0),t.ɵɵelement(1,"pep-field-title",13),t.ɵɵtemplate(2,W,1,0,"ng-container",14),t.ɵɵelementContainerEnd()),2&e){var i=t.ɵɵnextContext(),a=t.ɵɵreference(2);t.ɵɵadvance(1),t.ɵɵproperty("label",i.label)("required",i.required)("disabled",i.disabled)("xAlignment",i.xAlignment)("showTitle",i.showTitle),t.ɵɵadvance(1),t.ɵɵproperty("ngTemplateOutlet",a)("ngTemplateOutletContext",t.ɵɵpureFunction0(7,S))}}var X=function(){function e(e,n,i,a,r,l){this.element=e,this.utilitiesService=n,this.customizationService=i,this.renderer=a,this.translate=r,this.adapter=l,this.key="",this.value="",this.formattedValue="",this.label="",this.type="date",this.required=!1,this.disabled=!1,this.readonly=!1,this.textColor="",this.xAlignment="0",this.rowSpan=1,this.minValue=0,this.maxValue=0,this.controlType="date",this.form=null,this.isActive=!1,this.showTitle=!0,this.layoutType=m.LAYOUT_TYPE.PepperiForm,this.valueChanged=new t.EventEmitter,this.LAYOUT_TYPE=m.LAYOUT_TYPE,this.standAlone=!1,this.isInEditMode=!1,this.showDatepicker=!1,this.showTime=!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.formattedValue=this.formattedValue||this.value,this.renderer.addClass(this.element.nativeElement,m.CustomizationService.STAND_ALONE_FIELD_CLASS_NAME)),this.showTime="datetime"===this.type,this.minValue>0&&(this.minDate=new Date(1e3*this.minValue*60*60*24)),this.maxValue>0&&(this.maxDate=new Date(1e3*this.maxValue*60*60*24)),this.initDate()},e.prototype.ngOnDestroy=function(){this.valueChanged&&this.valueChanged.unsubscribe()},e.prototype.initDate=function(){var e=this.translate.getBrowserCultureLang()||"en-US";this.adapter.setLocale(e),this.value.indexOf("1900-1-1")>=0||this.value.indexOf("1900-01-01")>=0||this.value.indexOf("1970-1-1")>=0||this.value.indexOf("1970-01-01")>=0?(this.value="",this.formattedValue="",this.dateModel=null):this.dateModel=this.utilitiesService.parseDate(this.value,this.showTime)},e.prototype.openDatetimePicker=function(e){e.opened=!1,e.open()},e.prototype.onBlur=function(e){this.isInEditMode&&!this.datetimePicker.opened&&(this.isInEditMode=!1)},e.prototype.onDateChange=function(e){var t=this,n="";null!=e.value&&(n=this.utilitiesService.stringifyDateWithOffset(e.value.toDate(),this.showTime)),this.customizationService.updateFormFieldValue(this.form,this.key,n),this.valueChanged.emit({apiName:this.key,value:n}),this.isInEditMode&&setTimeout((function(){t.isInEditMode=!1}),0)},e.prototype.cardTemplateClicked=function(e){var t=this;this.isInEditMode=!0,setTimeout((function(){t.input.nativeElement.focus(),t.openDatetimePicker(t.datetimePicker)}),0)},e}();X.ɵfac=function(e){return new(e||X)(t.ɵɵdirectiveInject(t.ElementRef),t.ɵɵdirectiveInject(m.UtilitiesService),t.ɵɵdirectiveInject(m.CustomizationService),t.ɵɵdirectiveInject(t.Renderer2),t.ɵɵdirectiveInject(x.TranslateService),t.ɵɵdirectiveInject(a.DateAdapter))},X.ɵcmp=t.ɵɵdefineComponent({type:X,selectors:[["pep-date"]],viewQuery:function(e,n){var i;(1&e&&(t.ɵɵviewQuery(M,!0),t.ɵɵviewQuery(v,!0)),2&e)&&(t.ɵɵqueryRefresh(i=t.ɵɵloadQuery())&&(n.datetimePicker=i.first),t.ɵɵqueryRefresh(i=t.ɵɵloadQuery())&&(n.input=i.first))},inputs:{key:"key",value:"value",formattedValue:"formattedValue",label:"label",type:"type",required:"required",disabled:"disabled",readonly:"readonly",textColor:"textColor",xAlignment:"xAlignment",rowSpan:"rowSpan",minValue:"minValue",maxValue:"maxValue",form:"form",isActive:"isActive",showTitle:"showTitle",layoutType:"layoutType"},outputs:{valueChanged:"valueChanged"},features:[t.ɵɵProvidersFeature([{provide:a.DateAdapter,useClass:g.MomentDateAdapter},{provide:a.MAT_DATE_FORMATS,useValue:{parse:{dateInput:"L",monthInput:"MMMM",timeInput:"LT",datetimeInput:"L LT"},display:{dateInput:"L",monthInput:"MMMM",datetimeInput:"L LT",timeInput:"LT",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY",popupHeaderDateLabel:"ddd, DD MMM"}}},{provide:d.DatetimeAdapter,useClass:h.MomentDatetimeAdapter},{provide:d.MAT_DATETIME_FORMATS,useValue:{parse:{dateInput:"L",monthInput:"MMMM",timeInput:"LT",datetimeInput:"L LT"},display:{dateInput:"L",monthInput:"MMMM",datetimeInput:"L LT",timeInput:"LT",monthYearLabel:"MMM YYYY",dateA11yLabel:"LL",monthYearA11yLabel:"MMMM YYYY",popupHeaderDateLabel:"ddd, DD MMM"}}}])],decls:7,vars:5,consts:[[3,"formGroup"],["pepperiTemplate",""],[4,"ngIf"],["appearance","outline"],["matInput","","autocomplete","false",1,"body-sm",3,"id","title","ngStyle","ngModel","ngModelOptions","matDatetimepicker","min","max","required","disabled","ngModelChange","dateChange","click","blur"],["input",""],[1,"body-xs",3,"title","innerText"],["matPrefix","",3,"value","label","type","disabled","iconClicked",4,"ngIf"],["matSuffix","",3,"value","label","type","disabled","iconClicked",4,"ngIf"],["openOnFocus","false","touchUi","true","timeInterval","1",3,"type"],["datetimePicker",""],["matPrefix","",3,"value","label","type","disabled","iconClicked"],["matSuffix","",3,"value","label","type","disabled","iconClicked"],[3,"label","required","disabled","xAlignment","showTitle"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf","ngIfThen","ngIfElse"],["editBlock",""],["readOnlyBlock",""],[3,"ngClass"],[1,"pepperi-card-input","card-flex-container",3,"ngClass","click"],["class","body-xs title",3,"title",4,"ngIf"],[1,"body-sm","value",3,"id","title"],["class","pepperi-button weak card-edit-button","mat-button","",4,"ngIf"],[1,"body-xs","title",3,"title"],["mat-button","",1,"pepperi-button","weak","card-edit-button"],["name","system_edit"],["selectedBlock",""],["notSelectedBlock",""],["notEmptyBlock",""],["emptyBlock",""],[3,"ngSwitch"],[4,"ngSwitchDefault"],[1,"body-sm","pepperi-report-input",3,"id","ngClass","title"],[3,"id"]],template:function(e,n){1&e&&(t.ɵɵelementContainerStart(0,0),t.ɵɵtemplate(1,k,13,39,"ng-template",null,1,t.ɵɵtemplateRefExtractor),t.ɵɵtemplate(3,D,3,8,"ng-container",2),t.ɵɵtemplate(4,_,6,3,"ng-container",2),t.ɵɵtemplate(5,J,6,3,"ng-container",2),t.ɵɵtemplate(6,K,3,8,"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,o.MatFormField,p.MatInput,i.DefaultValueAccessor,d.MatDatetimepickerInput,n.NgStyle,i.NgControlStatus,i.NgModel,i.RequiredValidator,o.MatError,d.MatDatetimepicker,s.PepperiTextboxIconComponent,o.MatPrefix,o.MatSuffix,f.PepperiFieldTitleComponent,n.NgTemplateOutlet,n.NgClass,r.MatButton,u.MatIcon,c.PepperiIconComponent,n.NgSwitch,n.NgSwitchDefault],pipes:[x.TranslatePipe],styles:["[_nghost-%COMP%]{display:-ms-grid;display:grid;height:inherit}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{-ms-grid-row-align:center;align-self:center}"],changeDetection:0});var Z=function(e){this.pepperiIconRegistry=e,this.pepperiIconRegistry.registerIcons([c.pepperiIconSystemEdit])};Z.ɵmod=t.ɵɵdefineNgModule({type:Z}),Z.ɵinj=t.ɵɵdefineInjector({factory:function(e){return new(e||Z)(t.ɵɵinject(c.PepperiIconRegistry))},imports:[[n.CommonModule,i.ReactiveFormsModule,i.FormsModule,a.MatCommonModule,r.MatButtonModule,a.MatNativeDateModule,l.MatDatepickerModule,d.MatDatetimepickerModule,d.MatNativeDatetimeModule,o.MatFormFieldModule,p.MatInputModule,u.MatIconModule,m.PepperiModule,c.PepperiIconModule,f.PepperiFieldTitleModule,s.PepperiTextboxIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(Z,{declarations:[X],imports:[n.CommonModule,i.ReactiveFormsModule,i.FormsModule,a.MatCommonModule,r.MatButtonModule,a.MatNativeDateModule,l.MatDatepickerModule,d.MatDatetimepickerModule,d.MatNativeDatetimeModule,o.MatFormFieldModule,p.MatInputModule,u.MatIconModule,m.PepperiModule,c.PepperiIconModule,f.PepperiFieldTitleModule,s.PepperiTextboxIconModule],exports:[X]}),e.PepperiDateComponent=X,e.PepperiDateModule=Z,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=pepperi-lib-date.umd.min.js.map