@pepperi-addons/ngx-lib 0.2.59-query-builder.7 → 0.2.59-query-builder.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/pepperi-addons-ngx-lib-button.umd.js +1 -1
- package/bundles/pepperi-addons-ngx-lib-button.umd.js.map +1 -1
- package/bundles/pepperi-addons-ngx-lib-query-builder.umd.js +1 -1
- package/button/button.component.theme.scss +3 -0
- package/button/pepperi-addons-ngx-lib-button.metadata.json +1 -1
- package/esm2015/button/button.component.js +2 -2
- package/esm2015/query-builder/query-builder-section/query-builder-section.component.js +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-button.js +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-button.js.map +1 -1
- package/fesm2015/pepperi-addons-ngx-lib-query-builder.js +1 -1
- package/package.json +1 -1
- package/query-builder/pepperi-addons-ngx-lib-query-builder.metadata.json +1 -1
- package/query-builder/query-builder-section/query-builder-section.component.theme.scss +3 -3
- package/src/core/style/abstracts/variables.scss +1 -1
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
PepButtonComponent.decorators = [
|
|
121
121
|
{ type: core.Component, args: [{
|
|
122
122
|
selector: 'pep-button',
|
|
123
|
-
template: "<button mat-button [pepDataQa]=\"key ? key : value\"\r\n class=\"pep-button {{ sizeType }} {{ styleType }} {{ styleStateType }} {{ classNames }}\"\r\n [ngClass]=\"{ 'icon-button': iconName && !value }\" [disabled]=\"disabled\" (click)=\"onButtonClicked($event)\">\r\n <ng-container *ngTemplateOutlet=\"contentTemplate\">\r\n </ng-container>\r\n</button>\r\n\r\n<ng-template #contentTemplate>\r\n <mat-icon *ngIf=\"iconName && iconPosition === 'start'\" [ngClass]=\"{ 'pull-left flip': value }\">\r\n <pep-icon name=\"{{iconName}}\"></pep-icon>\r\n </mat-icon>\r\n <span *ngIf=\"value\" class=\"ellipsis pull-left flip\"\r\n [ngClass]=\"{ 'button-title-with-icon': iconName, 'icon-before': iconPosition === 'start' }\" [title]=\"value\">\r\n {{value}}\r\n </span>\r\n <mat-icon *ngIf=\"iconName && iconPosition === 'end'\" [ngClass]=\"{ 'pull-left flip': value }\">\r\n <pep-icon name=\"{{iconName}}\"></pep-icon>\r\n </mat-icon>\r\n</ng-template>",
|
|
123
|
+
template: "<button mat-button [pepDataQa]=\"key ? key : value\"\r\n class=\"pep-button {{ sizeType }} {{ styleType }} {{ styleStateType }} {{ classNames }} pep-button-bbb\"\r\n [ngClass]=\"{ 'icon-button': iconName && !value }\" [disabled]=\"disabled\" (click)=\"onButtonClicked($event)\">\r\n <ng-container *ngTemplateOutlet=\"contentTemplate\">\r\n </ng-container>\r\n</button>\r\n\r\n<ng-template #contentTemplate>\r\n <mat-icon *ngIf=\"iconName && iconPosition === 'start'\" [ngClass]=\"{ 'pull-left flip': value }\">\r\n <pep-icon name=\"{{iconName}}\"></pep-icon>\r\n </mat-icon>\r\n <span *ngIf=\"value\" class=\"ellipsis pull-left flip\"\r\n [ngClass]=\"{ 'button-title-with-icon': iconName, 'icon-before': iconPosition === 'start' }\" [title]=\"value\">\r\n {{value}}\r\n </span>\r\n <mat-icon *ngIf=\"iconName && iconPosition === 'end'\" [ngClass]=\"{ 'pull-left flip': value }\">\r\n <pep-icon name=\"{{iconName}}\"></pep-icon>\r\n </mat-icon>\r\n</ng-template>",
|
|
124
124
|
styles: [":host{display:grid}"]
|
|
125
125
|
},] }
|
|
126
126
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pepperi-addons-ngx-lib-button.umd.js","sources":["../../../projects/ngx-lib/button/button.model.ts","../../../projects/ngx-lib/button/button.component.ts","../../../projects/ngx-lib/button/button.module.ts","../../../projects/ngx-lib/button/public-api.ts","../../../projects/ngx-lib/button/pepperi-addons-ngx-lib-button.ts"],"sourcesContent":["export class PepButton {\r\n key: string;\r\n value?: string;\r\n classNames?: string;\r\n disabled?: boolean;\r\n iconName?: string;\r\n iconPosition?: 'start' | 'end';\r\n callback?: (action: IPepButtonClickEvent) => void;\r\n\r\n constructor(data: Partial<PepButton>) {\r\n Object.assign(this, data);\r\n }\r\n}\r\n\r\nexport interface IPepButtonClickEvent {\r\n source: PepButton;\r\n event?: Event;\r\n}\r\n","import {\r\n Component,\r\n OnDestroy,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n Renderer2,\r\n ElementRef,\r\n} from '@angular/core';\r\nimport {\r\n PepStyleType,\r\n PepStyleStateType,\r\n PepSizeType,\r\n} from '@pepperi-addons/ngx-lib';\r\nimport { PepIconType } from '@pepperi-addons/ngx-lib/icon';\r\nimport { PepButton, IPepButtonClickEvent } from './button.model';\r\n\r\n/**\r\n * This is a button component that support pepperi theme\r\n * style & state & sizes\r\n *\r\n * @export\r\n * @class PepButtonComponent\r\n * @implements {OnDestroy}\r\n */\r\n@Component({\r\n selector: 'pep-button',\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n})\r\nexport class PepButtonComponent implements OnDestroy {\r\n /**\r\n * The button key\r\n *\r\n * @type {string}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() key: string;\r\n\r\n /**\r\n * The text on the button.\r\n *\r\n * @type {string}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() value: string;\r\n\r\n /**\r\n * The style of the button.\r\n *\r\n * @type {PepStyleType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() styleType: PepStyleType = 'weak';\r\n\r\n /**\r\n * The style state of the button.\r\n *\r\n * @type {PepStyleStateType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() styleStateType: PepStyleStateType = 'system';\r\n\r\n /**\r\n * The size of the button.\r\n *\r\n * @type {PepSizeType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() sizeType: PepSizeType = 'md';\r\n\r\n /**\r\n * Class names that should be on the button element tag like classNames=\"class1 class2\"\r\n *\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() classNames = '';\r\n\r\n /**\r\n * If the button is disable or not.\r\n *\r\n * @type {boolean}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() disabled = false;\r\n\r\n /**\r\n * The icon name to show on the button. look in (@link icon -> All icons)\r\n *\r\n * @type {PepIconType} See {@link PepIconType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() iconName: PepIconType;\r\n\r\n /**\r\n * The icon position.\r\n *\r\n * @type {('start' | 'end')}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() iconPosition: 'start' | 'end' = 'end';\r\n\r\n private _visible = true;\r\n /**\r\n * If the button is visible or not.\r\n *\r\n * @memberof PepButtonComponent\r\n */\r\n @Input()\r\n set visible(visible: boolean) {\r\n if (visible !== undefined) {\r\n this._visible = !!visible;\r\n if (visible) {\r\n this.renderer.removeClass(\r\n this.element.nativeElement,\r\n 'hidden-element'\r\n );\r\n } else {\r\n this.renderer.addClass(\r\n this.element.nativeElement,\r\n 'hidden-element'\r\n );\r\n }\r\n }\r\n }\r\n get visible(): boolean {\r\n return this._visible;\r\n }\r\n\r\n /**\r\n * The button click event.\r\n *\r\n * @type {EventEmitter<IPepButtonClickEvent>}\r\n * @memberof PepButtonComponent\r\n */\r\n @Output()\r\n buttonClick: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\r\n\r\n constructor(private renderer: Renderer2, private element: ElementRef) { }\r\n\r\n ngOnDestroy(): void {\r\n // if (this.buttonClick) {\r\n // this.buttonClick.unsubscribe();\r\n // }\r\n }\r\n\r\n /**\r\n * The button click\r\n */\r\n onButtonClicked(event: Event): void {\r\n const button = new PepButton({\r\n key: this.key,\r\n value: this.value,\r\n });\r\n\r\n const buttonClick = {\r\n source: button,\r\n event,\r\n };\r\n\r\n this.buttonClick.emit(buttonClick);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { PepIconModule } from '@pepperi-addons/ngx-lib/icon';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\n\r\nimport { PepButtonComponent } from './button.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n // Material modules\r\n MatCommonModule,\r\n MatButtonModule,\r\n MatIconModule,\r\n // ngx-lib modules\r\n PepNgxLibModule,\r\n PepIconModule,\r\n ],\r\n exports: [PepButtonComponent],\r\n declarations: [PepButtonComponent],\r\n})\r\nexport class PepButtonModule {}\r\n","/*\r\n * Public API Surface of ngx-lib/button\r\n */\r\nexport * from './button.module';\r\nexport * from './button.component';\r\nexport * from './button.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Renderer2","ElementRef","Input","Output","NgModule","CommonModule","MatCommonModule","MatButtonModule","MatIconModule","PepNgxLibModule","PepIconModule"],"mappings":";;;;;;;QASI,mBAAY,IAAwB;YAChC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAC7B;wBACJ;KAAA;;ICKD;;;;;;;;;QAyHI,4BAAoB,QAAmB,EAAU,OAAmB;YAAhD,aAAQ,GAAR,QAAQ,CAAW;YAAU,YAAO,GAAP,OAAO,CAAY;;;;;;;YArF3D,cAAS,GAAiB,MAAM,CAAC;;;;;;;YAQjC,mBAAc,GAAsB,QAAQ,CAAC;;;;;;;YAQ7C,aAAQ,GAAgB,IAAI,CAAC;;;;;;YAO7B,eAAU,GAAG,EAAE,CAAC;;;;;;;YAQhB,aAAQ,GAAG,KAAK,CAAC;;;;;;;YAgBjB,iBAAY,GAAoB,KAAK,CAAC;YAEvC,aAAQ,GAAG,IAAI,CAAC;;;;;;;YAkCxB,gBAAW,GAAuC,IAAIA,iBAAY,EAAwB,CAAC;SAElB;QA9BzE,sBACI,uCAAO;iBAgBX;gBACI,OAAO,IAAI,CAAC,QAAQ,CAAC;aACxB;;;;;;iBAnBD,UACY,OAAgB;gBACxB,IAAI,OAAO,KAAK,SAAS,EAAE;oBACvB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC;oBAC1B,IAAI,OAAO,EAAE;wBACT,IAAI,CAAC,QAAQ,CAAC,WAAW,CACrB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;qBACL;yBAAM;wBACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;qBACL;iBACJ;aACJ;;;WAAA;QAgBD,wCAAW,GAAX;;;;SAIC;;;;QAKD,4CAAe,GAAf,UAAgB,KAAY;YACxB,IAAM,MAAM,GAAG,IAAI,SAAS,CAAC;gBACzB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,KAAK,EAAE,IAAI,CAAC,KAAK;aACpB,CAAC,CAAC;YAEH,IAAM,WAAW,GAAG;gBAChB,MAAM,EAAE,MAAM;gBACd,KAAK,OAAA;aACR,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACtC;;;;gBAxIJC,cAAS,SAAC;oBACP,QAAQ,EAAE,YAAY;oBACtB,
|
|
1
|
+
{"version":3,"file":"pepperi-addons-ngx-lib-button.umd.js","sources":["../../../projects/ngx-lib/button/button.model.ts","../../../projects/ngx-lib/button/button.component.ts","../../../projects/ngx-lib/button/button.module.ts","../../../projects/ngx-lib/button/public-api.ts","../../../projects/ngx-lib/button/pepperi-addons-ngx-lib-button.ts"],"sourcesContent":["export class PepButton {\r\n key: string;\r\n value?: string;\r\n classNames?: string;\r\n disabled?: boolean;\r\n iconName?: string;\r\n iconPosition?: 'start' | 'end';\r\n callback?: (action: IPepButtonClickEvent) => void;\r\n\r\n constructor(data: Partial<PepButton>) {\r\n Object.assign(this, data);\r\n }\r\n}\r\n\r\nexport interface IPepButtonClickEvent {\r\n source: PepButton;\r\n event?: Event;\r\n}\r\n","import {\r\n Component,\r\n OnDestroy,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n Renderer2,\r\n ElementRef,\r\n} from '@angular/core';\r\nimport {\r\n PepStyleType,\r\n PepStyleStateType,\r\n PepSizeType,\r\n} from '@pepperi-addons/ngx-lib';\r\nimport { PepIconType } from '@pepperi-addons/ngx-lib/icon';\r\nimport { PepButton, IPepButtonClickEvent } from './button.model';\r\n\r\n/**\r\n * This is a button component that support pepperi theme\r\n * style & state & sizes\r\n *\r\n * @export\r\n * @class PepButtonComponent\r\n * @implements {OnDestroy}\r\n */\r\n@Component({\r\n selector: 'pep-button',\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n})\r\nexport class PepButtonComponent implements OnDestroy {\r\n /**\r\n * The button key\r\n *\r\n * @type {string}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() key: string;\r\n\r\n /**\r\n * The text on the button.\r\n *\r\n * @type {string}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() value: string;\r\n\r\n /**\r\n * The style of the button.\r\n *\r\n * @type {PepStyleType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() styleType: PepStyleType = 'weak';\r\n\r\n /**\r\n * The style state of the button.\r\n *\r\n * @type {PepStyleStateType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() styleStateType: PepStyleStateType = 'system';\r\n\r\n /**\r\n * The size of the button.\r\n *\r\n * @type {PepSizeType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() sizeType: PepSizeType = 'md';\r\n\r\n /**\r\n * Class names that should be on the button element tag like classNames=\"class1 class2\"\r\n *\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() classNames = '';\r\n\r\n /**\r\n * If the button is disable or not.\r\n *\r\n * @type {boolean}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() disabled = false;\r\n\r\n /**\r\n * The icon name to show on the button. look in (@link icon -> All icons)\r\n *\r\n * @type {PepIconType} See {@link PepIconType}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() iconName: PepIconType;\r\n\r\n /**\r\n * The icon position.\r\n *\r\n * @type {('start' | 'end')}\r\n * @memberof PepButtonComponent\r\n */\r\n @Input() iconPosition: 'start' | 'end' = 'end';\r\n\r\n private _visible = true;\r\n /**\r\n * If the button is visible or not.\r\n *\r\n * @memberof PepButtonComponent\r\n */\r\n @Input()\r\n set visible(visible: boolean) {\r\n if (visible !== undefined) {\r\n this._visible = !!visible;\r\n if (visible) {\r\n this.renderer.removeClass(\r\n this.element.nativeElement,\r\n 'hidden-element'\r\n );\r\n } else {\r\n this.renderer.addClass(\r\n this.element.nativeElement,\r\n 'hidden-element'\r\n );\r\n }\r\n }\r\n }\r\n get visible(): boolean {\r\n return this._visible;\r\n }\r\n\r\n /**\r\n * The button click event.\r\n *\r\n * @type {EventEmitter<IPepButtonClickEvent>}\r\n * @memberof PepButtonComponent\r\n */\r\n @Output()\r\n buttonClick: EventEmitter<IPepButtonClickEvent> = new EventEmitter<IPepButtonClickEvent>();\r\n\r\n constructor(private renderer: Renderer2, private element: ElementRef) { }\r\n\r\n ngOnDestroy(): void {\r\n // if (this.buttonClick) {\r\n // this.buttonClick.unsubscribe();\r\n // }\r\n }\r\n\r\n /**\r\n * The button click\r\n */\r\n onButtonClicked(event: Event): void {\r\n const button = new PepButton({\r\n key: this.key,\r\n value: this.value,\r\n });\r\n\r\n const buttonClick = {\r\n source: button,\r\n event,\r\n };\r\n\r\n this.buttonClick.emit(buttonClick);\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { PepIconModule } from '@pepperi-addons/ngx-lib/icon';\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\n\r\nimport { PepButtonComponent } from './button.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n // Material modules\r\n MatCommonModule,\r\n MatButtonModule,\r\n MatIconModule,\r\n // ngx-lib modules\r\n PepNgxLibModule,\r\n PepIconModule,\r\n ],\r\n exports: [PepButtonComponent],\r\n declarations: [PepButtonComponent],\r\n})\r\nexport class PepButtonModule {}\r\n","/*\r\n * Public API Surface of ngx-lib/button\r\n */\r\nexport * from './button.module';\r\nexport * from './button.component';\r\nexport * from './button.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","Renderer2","ElementRef","Input","Output","NgModule","CommonModule","MatCommonModule","MatButtonModule","MatIconModule","PepNgxLibModule","PepIconModule"],"mappings":";;;;;;;QASI,mBAAY,IAAwB;YAChC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SAC7B;wBACJ;KAAA;;ICKD;;;;;;;;;QAyHI,4BAAoB,QAAmB,EAAU,OAAmB;YAAhD,aAAQ,GAAR,QAAQ,CAAW;YAAU,YAAO,GAAP,OAAO,CAAY;;;;;;;YArF3D,cAAS,GAAiB,MAAM,CAAC;;;;;;;YAQjC,mBAAc,GAAsB,QAAQ,CAAC;;;;;;;YAQ7C,aAAQ,GAAgB,IAAI,CAAC;;;;;;YAO7B,eAAU,GAAG,EAAE,CAAC;;;;;;;YAQhB,aAAQ,GAAG,KAAK,CAAC;;;;;;;YAgBjB,iBAAY,GAAoB,KAAK,CAAC;YAEvC,aAAQ,GAAG,IAAI,CAAC;;;;;;;YAkCxB,gBAAW,GAAuC,IAAIA,iBAAY,EAAwB,CAAC;SAElB;QA9BzE,sBACI,uCAAO;iBAgBX;gBACI,OAAO,IAAI,CAAC,QAAQ,CAAC;aACxB;;;;;;iBAnBD,UACY,OAAgB;gBACxB,IAAI,OAAO,KAAK,SAAS,EAAE;oBACvB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC;oBAC1B,IAAI,OAAO,EAAE;wBACT,IAAI,CAAC,QAAQ,CAAC,WAAW,CACrB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;qBACL;yBAAM;wBACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAClB,IAAI,CAAC,OAAO,CAAC,aAAa,EAC1B,gBAAgB,CACnB,CAAC;qBACL;iBACJ;aACJ;;;WAAA;QAgBD,wCAAW,GAAX;;;;SAIC;;;;QAKD,4CAAe,GAAf,UAAgB,KAAY;YACxB,IAAM,MAAM,GAAG,IAAI,SAAS,CAAC;gBACzB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,KAAK,EAAE,IAAI,CAAC,KAAK;aACpB,CAAC,CAAC;YAEH,IAAM,WAAW,GAAG;gBAChB,MAAM,EAAE,MAAM;gBACd,KAAK,OAAA;aACR,CAAC;YAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACtC;;;;gBAxIJC,cAAS,SAAC;oBACP,QAAQ,EAAE,YAAY;oBACtB,ugCAAsC;;iBAEzC;;;gBAvBGC,cAAS;gBACTC,eAAU;;;sBA8BTC,UAAK;wBAQLA,UAAK;4BAQLA,UAAK;iCAQLA,UAAK;2BAQLA,UAAK;6BAOLA,UAAK;2BAQLA,UAAK;2BAQLA,UAAK;+BAQLA,UAAK;0BAQLA,UAAK;8BA2BLC,WAAM;;;;QC9GX;;;;;gBAdCC,aAAQ,SAAC;oBACN,OAAO,EAAE;wBACLC,mBAAY;;wBAEZC,sBAAe;wBACfC,sBAAe;wBACfC,kBAAa;;wBAEbC,sBAAe;wBACfC,oBAAa;qBAChB;oBACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,kBAAkB,CAAC;iBACrC;;;ICxBD;;;;ICAA;;;;;;;;;;;;;;"}
|