UNPKG

@pepperi/lib

Version:

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

2 lines 13 kB
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/core"),require("@angular/material/form-field"),require("@angular/material/button"),require("@angular/material/menu"),require("@angular/material/icon"),require("@pepperi/lib"),require("@pepperi/lib/icon"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@pepperi/lib/group-buttons",["exports","@angular/core","@angular/common","@angular/material/core","@angular/material/form-field","@angular/material/button","@angular/material/menu","@angular/material/icon","@pepperi/lib","@pepperi/lib/icon","rxjs/operators"],n):n(((t=t||self).pepperi=t.pepperi||{},t.pepperi.lib=t.pepperi.lib||{},t.pepperi.lib["group-buttons"]={}),t.ng.core,t.ng.common,t.ng.material.core,t.ng.material.formField,t.ng.material.button,t.ng.material.menu,t.ng.material.icon,t.pepperi.lib,t.pepperi.lib.icon,t.rxjs.operators)}(this,(function(t,n,e,o,r,i,u,a,l,p,c){"use strict";function s(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"button",5),n.ɵɵlistener("click",(function(t){n.ɵɵrestoreView(o);var r=e.$implicit;return null==r?null:r.Callback(t)})),n.ɵɵelementStart(1,"span"),n.ɵɵtext(2),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&t){var r=e.$implicit,i=n.ɵɵnextContext(2);n.ɵɵclassMapInterpolate1("pepperi-button spacing-element pull-left flip first-button mat-button ",i.buttonsClass,""),n.ɵɵproperty("disabled",i.buttonsDisabled),n.ɵɵadvance(2),n.ɵɵtextInterpolate(null==r?null:r.Value)}}function g(t,e){if(1&t&&(n.ɵɵelementContainerStart(0),n.ɵɵtemplate(1,s,3,5,"button",4),n.ɵɵelementContainerEnd()),2&t){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵproperty("ngForOf",o.buttons)}}function d(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"button",14),n.ɵɵlistener("click",(function(t){n.ɵɵrestoreView(o);var e=n.ɵɵnextContext().$implicit;return null==e?null:e.Callback(t)})),n.ɵɵelementStart(1,"span"),n.ɵɵtext(2),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&t){var r=n.ɵɵnextContext().$implicit;n.ɵɵadvance(2),n.ɵɵtextInterpolate(null==r?null:r.Value)}}function b(t,e){if(1&t&&(n.ɵɵelementContainerStart(0),n.ɵɵtemplate(1,d,3,1,"button",13),n.ɵɵelementContainerEnd()),2&t){var o=e.first;n.ɵɵadvance(1),n.ɵɵproperty("ngIf",!o)}}var m=function(t){return{dropup:t}};function M(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"div",6),n.ɵɵelementStart(1,"button",5),n.ɵɵlistener("click",(function(t){n.ɵɵrestoreView(o);var e=n.ɵɵnextContext();return null==e.buttons[0]?null:e.buttons[0].Callback(t)})),n.ɵɵelementStart(2,"span",7),n.ɵɵtext(3),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementStart(4,"button",8),n.ɵɵelementStart(5,"mat-icon"),n.ɵɵelement(6,"pep-icon",9),n.ɵɵelementEnd(),n.ɵɵelementEnd(),n.ɵɵelementStart(7,"mat-menu",10,11),n.ɵɵtemplate(9,b,2,1,"ng-container",12),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&t){var r=n.ɵɵreference(8),i=n.ɵɵnextContext();n.ɵɵproperty("ngClass",n.ɵɵpureFunction1(13,m,i.screenSize>=2)),n.ɵɵadvance(1),n.ɵɵclassMapInterpolate1("pepperi-button pull-left flip first-button mat-button ",i.buttonsClass,""),n.ɵɵproperty("disabled",i.buttonsDisabled),n.ɵɵadvance(2),n.ɵɵtextInterpolate(null==i.buttons[0]?null:i.buttons[0].Value),n.ɵɵadvance(1),n.ɵɵclassMapInterpolate1("pepperi-button icon-button pull-right flip last-button mat-button ",i.buttonsClass,""),n.ɵɵproperty("matMenuTriggerFor",r)("disabled",i.buttonsDisabled),n.ɵɵadvance(2),n.ɵɵpropertyInterpolate("name",i.screenSize<2?"arrow_down":"arrow_up"),n.ɵɵadvance(3),n.ɵɵproperty("ngForOf",i.buttons)}}function C(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"mat-icon"),n.ɵɵelementStart(1,"pep-icon",18),n.ɵɵlistener("click",(function(t){n.ɵɵrestoreView(o);var e=n.ɵɵnextContext().$implicit;return null==e?null:e.Callback(t)})),n.ɵɵelementEnd(),n.ɵɵelementEnd()}if(2&t){var r=n.ɵɵnextContext().$implicit;n.ɵɵadvance(1),n.ɵɵpropertyInterpolate("name",null==r?null:r.Icon)}}function _(t,e){if(1&t&&(n.ɵɵelementStart(0,"span"),n.ɵɵtext(1),n.ɵɵelementEnd()),2&t){var o=n.ɵɵnextContext().$implicit;n.ɵɵadvance(1),n.ɵɵtextInterpolate(null==o?null:o.Value)}}var f,O=function(t,n,e,o){return{"first-button":t,"middle-button":n,"last-button":e,"icon-button":o}};function P(t,e){if(1&t){var o=n.ɵɵgetCurrentView();n.ɵɵelementStart(0,"button",17),n.ɵɵlistener("click",(function(t){n.ɵɵrestoreView(o);var r=e.$implicit;return null==r?null:r.Callback(t)})),n.ɵɵtemplate(1,C,2,1,"mat-icon",1),n.ɵɵtemplate(2,_,2,1,"span",1),n.ɵɵelementEnd()}if(2&t){var r=e.$implicit,i=e.first,u=e.last,a=n.ɵɵnextContext(2);n.ɵɵclassMapInterpolate2("pepperi-button split-button mat-button ",a.buttonsClass," ",null==r?null:r.Class," pull-left flip"),n.ɵɵproperty("ngClass",n.ɵɵpureFunction4(8,O,i,!i&&!u,u,null==r?null:r.Icon))("disabled",a.buttonsDisabled),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",null==r?null:r.Icon),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",null==r?null:r.Value)}}function v(t,e){if(1&t&&(n.ɵɵelementStart(0,"div",15),n.ɵɵtemplate(1,P,3,13,"button",16),n.ɵɵelementEnd()),2&t){var o=n.ɵɵnextContext();n.ɵɵadvance(1),n.ɵɵproperty("ngForOf",o.buttons)}}(f=t.GROUP_BUTTONS_VIEW_TYPE||(t.GROUP_BUTTONS_VIEW_TYPE={}))[f.Regular=0]="Regular",f[f.Dropdown=1]="Dropdown",f[f.Split=2]="Split";var x=function(){function n(n){var e=this;this.layoutService=n,this.GROUP_BUTTONS_VIEW_TYPE=t.GROUP_BUTTONS_VIEW_TYPE,this.viewType=t.GROUP_BUTTONS_VIEW_TYPE.Regular,this.layoutService.onResize$.pipe(c.delay(0)).subscribe((function(t){e.screenSize=t}))}return n.prototype.ngOnInit=function(){},n.prototype.ngOnDestroy=function(){},n}();x.ɵfac=function(t){return new(t||x)(n.ɵɵdirectiveInject(l.LayoutService))},x.ɵcmp=n.ɵɵdefineComponent({type:x,selectors:[["pep-group-buttons"]],inputs:{viewType:"viewType",buttons:"buttons",buttonsClass:"buttonsClass",buttonsDisabled:"buttonsDisabled"},decls:4,vars:3,consts:[["pepRtlDirection","",1,"group-buttons-container"],[4,"ngIf"],["class","dropdown-buttons spacing-element",3,"ngClass",4,"ngIf"],["class","split-buttons",4,"ngIf"],["mat-button","",3,"class","disabled","click",4,"ngFor","ngForOf"],["mat-button","",3,"disabled","click"],[1,"dropdown-buttons","spacing-element",3,"ngClass"],[1,"pepperi-btn-text"],["pepMenuBlur","","mat-button","",3,"matMenuTriggerFor","disabled"],[3,"name"],["xPosition","before"],["actionsMenu","matMenu"],[4,"ngFor","ngForOf"],["mat-menu-item","",3,"click",4,"ngIf"],["mat-menu-item","",3,"click"],[1,"split-buttons"],["mat-button","",3,"class","ngClass","disabled","click",4,"ngFor","ngForOf"],["mat-button","",3,"ngClass","disabled","click"],[3,"name","click"]],template:function(t,e){1&t&&(n.ɵɵelementStart(0,"div",0),n.ɵɵtemplate(1,g,2,1,"ng-container",1),n.ɵɵtemplate(2,M,10,15,"div",2),n.ɵɵtemplate(3,v,2,1,"div",3),n.ɵɵelementEnd()),2&t&&(n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.viewType==e.GROUP_BUTTONS_VIEW_TYPE.Regular),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.viewType==e.GROUP_BUTTONS_VIEW_TYPE.Dropdown),n.ɵɵadvance(1),n.ɵɵproperty("ngIf",e.viewType==e.GROUP_BUTTONS_VIEW_TYPE.Split))},directives:[l.RtlDirectionDirective,e.NgIf,e.NgForOf,i.MatButton,e.NgClass,l.MenuBlurDirective,u.MatMenuTrigger,a.MatIcon,p.PepperiIconComponent,u._MatMenu,u.MatMenuItem],styles:[".group-buttons-container[_ngcontent-%COMP%]{border-radius:var(--pep-border-radius-md,.25rem);display:flex}.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]{margin-right:1px}.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]:after, .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]:after{border-radius:var(--pep-border-radius-md,.25rem) 0 0 var(--pep-border-radius-md,.25rem)}.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%]:after, .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%]:after{border-radius:0 var(--pep-border-radius-md,.25rem) var(--pep-border-radius-md,.25rem) 0}.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .pepperi-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .pepperi-button[_ngcontent-%COMP%]{margin-top:0!important}.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .pepperi-button.cdk-focused[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .pepperi-button.cdk-focused[_ngcontent-%COMP%]{z-index:1}@media (max-width:767px){.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons.dropup[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons.dropup[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]{max-width:calc(75vw - 4rem);padding:0 .25rem}.group-buttons-container[_ngcontent-%COMP%] .dropdown-buttons.dropup[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%], .group-buttons-container[_ngcontent-%COMP%] .split-buttons.dropup[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%]{padding:0}}.group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]{margin-right:-1px}.group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .middle-button[_ngcontent-%COMP%]{border-radius:0}.group-buttons-container[_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%] .svg-icon[_ngcontent-%COMP%]{height:inherit;width:inherit}.group-buttons-container[dir=rtl][_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]{margin-left:1px;margin-right:unset}.group-buttons-container[dir=rtl][_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]:after, .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%], .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]:after{border-radius:0 var(--pep-border-radius-md,.25rem) var(--pep-border-radius-md,.25rem) 0}.group-buttons-container[dir=rtl][_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%], .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .dropdown-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%]:after, .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%], .group-buttons-container[dir=rtl][_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .last-button[_ngcontent-%COMP%]:after{border-radius:var(--pep-border-radius-md,.25rem) 0 0 var(--pep-border-radius-md,.25rem)}.group-buttons-container[dir=rtl][_ngcontent-%COMP%] .split-buttons[_ngcontent-%COMP%] .first-button[_ngcontent-%COMP%]{margin-left:-1px}"]});var I=function(t){this.pepperiIconRegistry=t,this.pepperiIconRegistry.registerIcons([p.pepperiIconArrowUp,p.pepperiIconArrowDown])};I.ɵmod=n.ɵɵdefineNgModule({type:I}),I.ɵinj=n.ɵɵdefineInjector({factory:function(t){return new(t||I)(n.ɵɵinject(p.PepperiIconRegistry))},imports:[[e.CommonModule,o.MatCommonModule,r.MatFormFieldModule,i.MatButtonModule,u.MatMenuModule,a.MatIconModule,l.PepperiModule,p.PepperiIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(I,{declarations:[x],imports:[e.CommonModule,o.MatCommonModule,r.MatFormFieldModule,i.MatButtonModule,u.MatMenuModule,a.MatIconModule,l.PepperiModule,p.PepperiIconModule],exports:[x]}),t.GroupButtonsComponent=x,t.PepperiGroupButtonsModule=I,Object.defineProperty(t,"__esModule",{value:!0})})); //# sourceMappingURL=pepperi-lib-group-buttons.umd.min.js.map